@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-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 top-1/2 left-0 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;
}


