@import url('https://p.typekit.net/p.css?s=1&k=knp4vqe&ht=tk&f=34660.34664.34666.34668.34669&a=13840320&app=typekit&e=css');

@font-face {
  font-family: 'halyard-display';
  src: url('https://use.typekit.net/af/da4036/00000000000000007735adb3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/da4036/00000000000000007735adb3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3')
      format('woff'),
    url('https://use.typekit.net/af/da4036/00000000000000007735adb3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3')
      format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
}

@font-face {
  font-family: 'halyard-display';
  src: url('https://use.typekit.net/af/7e8d8a/00000000000000007735adb8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/7e8d8a/00000000000000007735adb8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
      format('woff'),
    url('https://use.typekit.net/af/7e8d8a/00000000000000007735adb8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
      format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: 'halyard-display';
  src: url('https://use.typekit.net/af/165087/00000000000000007735adc0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/165087/00000000000000007735adc0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3')
      format('woff'),
    url('https://use.typekit.net/af/165087/00000000000000007735adc0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3')
      format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: 'halyard-display';
  src: url('https://use.typekit.net/af/6780d0/00000000000000007735adc6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/6780d0/00000000000000007735adc6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3')
      format('woff'),
    url('https://use.typekit.net/af/6780d0/00000000000000007735adc6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3')
      format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}

@font-face {
  font-family: 'halyard-display';
  src: url('https://use.typekit.net/af/e51fb7/00000000000000007735adc9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/e51fb7/00000000000000007735adc9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
      format('woff'),
    url('https://use.typekit.net/af/e51fb7/00000000000000007735adc9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
      format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

.seo {
  @apply h-full bg-seashell text-red-500 md:text-[80%] 2xl:text-[90%] 4xl:text-[100%] 5xl:text-[125%] 6xl:text-[150%];

  body,
  #__next,
  main {
    @apply bg-inherit;
  }

  .swiper-pagination .swiper-pagination-bullet-active {
    @apply bg-vermilion;
  }
  .seo__submit-btn {
    @apply flex h-[2.1875rem] w-[6.4375rem] items-center justify-center rounded-3xl bg-alabaster text-sm font-semibold uppercase text-vermilion transition-colors duration-300 hover:bg-black hover:text-alabaster;
  }
  .seo__submit-btn--contact {
    @apply mt-12 h-[2.5625rem] w-[12.5rem] bg-vermilion text-alabaster lg:w-[9.0625rem];
  }
  .main-container {
    @apply opacity-100;
  }
  &.swal2-height-auto {
    @apply overflow-hidden;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    @apply overflow-visible;
  }
  .swal2-icon {
    @apply mt-[1.25rem];
  }
  .swal2-html-container {
    @apply mt-0;
  }
  .swal2-popup {
    @apply overflow-hidden;
  }
  .swal2-container.swal2-backdrop-show,
  .swal2-container.swal2-noanimation {
    @apply bg-black/80 px-[1.25rem] backdrop-blur-sm;
  }
  .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    @apply bg-red-600;
  }
  .swal2-icon.swal2-error {
    @apply border-red-600;
  }
  .swal2-icon.swal2-success .swal2-success-ring {
    @apply border-green-600;
  }
  .swal2-icon.swal2-success [class^='swal2-success-line'] {
    @apply bg-green-600;
  }
}

.Typewriter {
  @apply md:-mt-7;
}
.main-headline,
.main-headline-cursor {
  @apply font-montserrat text-[clamp(2.25rem,_12vw,_3.125rem)] font-bold leading-none md:text-[clamp(1.875rem,_4.2vw,_3.75rem)];
}
.main-headline-ppc,
.main-headline-cursor {
  @apply font-montserrat text-[clamp(2.25rem,_12vw,_2rem)] font-bold leading-[1.2] md:text-[clamp(1.875rem,_4.2vw,_3.25rem)];
}
.main-headline-cursor {
  @apply relative -top-[0.25rem] ml-[0.0625rem] animate-typewritter-cursor;
}
.seo__input {
  @apply w-full border-b-2 border-alabaster pb-3 pl-2 pr-8 placeholder:text-alabaster;
}
.seo__input--dark {
  @apply border-tuatara placeholder:text-tuatara;
}
.seo__input--invalid {
  @apply border-red-600 placeholder:text-red-600;
}
.seo__input--valid {
  @apply border-green-600;
}
.seo__input-icon {
  @apply absolute right-0 top-[40%] -translate-y-1/2;
}
.seo__input:-webkit-autofill,
.seo__input:-webkit-autofill:hover,
.seo__input:-webkit-autofill:focus,
.seo__input:-webkit-autofill:active {
  @apply shadow-input-auto-fill-vermilion text-fill-alabaster;
}
.seo__input--dark:-webkit-autofill,
.seo__input--dark:-webkit-autofill:hover,
.seo__input--dark:-webkit-autofill:focus,
.seo__input--dark:-webkit-autofill:active {
  @apply shadow-input-auto-fill-seo-alabaster text-fill-tuatara;
}

.plus-minus::before,
.plus-minus::after {
  @apply absolute left-0 top-1/2 block h-[0.1875rem] w-full -translate-y-1/2 rounded-md bg-vermilion transition-all duration-300 content-[""];
}

.plus-minus::after {
  @apply rotate-90;
}
.plus-minus--expanded::before {
  @apply -rotate-90 opacity-0;
}
.plus-minus--expanded::after {
  @apply rotate-0;
}