@import '../../../../../styles';

:host {
  @include card();
  box-shadow: $shadow;

  width: 66vw;
  max-width: 400px;
  @media (max-width: $mobile-width) {
    width: 300px;
  }

  box-sizing: border-box;
  padding: var(--large-padding);
  position: relative;

  @include inner-spacing(var(--large-padding));

  .header {
    @include center-child();

    .exit {
      position: absolute;
      left: var(--large-padding);

      @include exit();
    }
  }
}