.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
span.flag {
    width: 44px;
    height: 30px;
    display: inline-block;
}

img.flag {
    width: 20px;
}

.flag {
    background: url('/images/flags/flags.webp') no-repeat;
    background-size: 100%;
}

.flag-ad {
    background-position: 0 0.413223%;
}

.flag-ae {
    background-position: 0 0.826446%;
}

.flag-af {
    background-position: 0 1.239669%;
}

.flag-ag {
    background-position: 0 1.652893%;
}

.flag-ai {
    background-position: 0 2.066116%;
}

.flag-al {
    background-position: 0 2.479339%;
}

.flag-am {
    background-position: 0 2.892562%;
}

.flag-an {
    background-position: 0 3.305785%;
}

.flag-ao {
    background-position: 0 3.719008%;
}

.flag-aq {
    background-position: 0 4.132231%;
}

.flag-ar {
    background-position: 0 4.545455%;
}

.flag-as {
    background-position: 0 4.958678%;
}

.flag-at {
    background-position: 0 5.371901%;
}

.flag-au {
    background-position: 0 5.785124%;
}

.flag-aw {
    background-position: 0 6.198347%;
}

.flag-az {
    background-position: 0 6.61157%;
}

.flag-ba {
    background-position: 0 7.024793%;
}

.flag-bb {
    background-position: 0 7.438017%;
}

.flag-bd {
    background-position: 0 7.85124%;
}

.flag-be {
    background-position: 0 8.264463%;
}

.flag-bf {
    background-position: 0 8.677686%;
}

.flag-bg {
    background-position: 0 9.090909%;
}

.flag-bh {
    background-position: 0 9.504132%;
}

.flag-bi {
    background-position: 0 9.917355%;
}

.flag-bj {
    background-position: 0 10.330579%;
}

.flag-bm {
    background-position: 0 10.743802%;
}

.flag-bn {
    background-position: 0 11.157025%;
}

.flag-bo {
    background-position: 0 11.570248%;
}

.flag-br {
    background-position: 0 11.983471%;
}

.flag-bs {
    background-position: 0 12.396694%;
}

.flag-bt {
    background-position: 0 12.809917%;
}

.flag-bv {
    background-position: 0 13.22314%;
}

.flag-bw {
    background-position: 0 13.636364%;
}

.flag-by {
    background-position: 0 14.049587%;
}

.flag-bz {
    background-position: 0 14.46281%;
}

.flag-ca {
    background-position: 0 14.876033%;
}

.flag-cc {
    background-position: 0 15.289256%;
}

.flag-cd {
    background-position: 0 15.702479%;
}

.flag-cf {
    background-position: 0 16.115702%;
}

.flag-cg {
    background-position: 0 16.528926%;
}

.flag-ch {
    background-position: 0 16.942149%;
}

.flag-ci {
    background-position: 0 17.355372%;
}

.flag-ck {
    background-position: 0 17.768595%;
}

.flag-cl {
    background-position: 0 18.181818%;
}

.flag-cm {
    background-position: 0 18.595041%;
}

.flag-cn {
    background-position: 0 19.008264%;
}

.flag-co {
    background-position: 0 19.421488%;
}

.flag-cr {
    background-position: 0 19.834711%;
}

.flag-cu {
    background-position: 0 20.247934%;
}

.flag-cv {
    background-position: 0 20.661157%;
}

.flag-cx {
    background-position: 0 21.07438%;
}

.flag-cy {
    background-position: 0 21.487603%;
}

.flag-cz {
    background-position: 0 21.900826%;
}

.flag-de {
    background-position: 0 22.31405%;
}

.flag-dj {
    background-position: 0 22.727273%;
}

.flag-dk {
    background-position: 0 23.140496%;
}

.flag-dm {
    background-position: 0 23.553719%;
}

.flag-do {
    background-position: 0 23.966942%;
}

.flag-dz {
    background-position: 0 24.380165%;
}

.flag-ec {
    background-position: 0 24.793388%;
}

.flag-ee {
    background-position: 0 25.206612%;
}

.flag-eg {
    background-position: 0 25.619835%;
}

.flag-eh {
    background-position: 0 26.033058%;
}

.flag-er {
    background-position: 0 26.446281%;
}

.flag-es {
    background-position: 0 26.859504%;
}

.flag-et {
    background-position: 0 27.272727%;
}

.flag-fi {
    background-position: 0 27.68595%;
}

.flag-fj {
    background-position: 0 28.099174%;
}

.flag-fk {
    background-position: 0 28.512397%;
}

.flag-fm {
    background-position: 0 28.92562%;
}

.flag-fo {
    background-position: 0 29.338843%;
}

.flag-fr {
    background-position: 0 29.752066%;
}

.flag-ga {
    background-position: 0 30.165289%;
}

.flag-gd {
    background-position: 0 30.578512%;
}

.flag-ge {
    background-position: 0 30.991736%;
}

.flag-gf {
    background-position: 0 31.404959%;
}

.flag-gh {
    background-position: 0 31.818182%;
}

.flag-gi {
    background-position: 0 32.231405%;
}

.flag-gl {
    background-position: 0 32.644628%;
}

.flag-gm {
    background-position: 0 33.057851%;
}

.flag-gn {
    background-position: 0 33.471074%;
}

.flag-gp {
    background-position: 0 33.884298%;
}

.flag-gq {
    background-position: 0 34.297521%;
}

.flag-gr {
    background-position: 0 34.710744%;
}

.flag-gs {
    background-position: 0 35.123967%;
}

.flag-gt {
    background-position: 0 35.53719%;
}

.flag-gu {
    background-position: 0 35.950413%;
}

.flag-gw {
    background-position: 0 36.363636%;
}

.flag-gy {
    background-position: 0 36.77686%;
}

.flag-hk {
    background-position: 0 37.190083%;
}

.flag-hm {
    background-position: 0 37.603306%;
}

.flag-hn {
    background-position: 0 38.016529%;
}

.flag-hr {
    background-position: 0 38.429752%;
}

.flag-ht {
    background-position: 0 38.842975%;
}

.flag-hu {
    background-position: 0 39.256198%;
}

.flag-id {
    background-position: 0 39.669421%;
}

.flag-ie {
    background-position: 0 40.082645%;
}

.flag-il {
    background-position: 0 40.495868%;
}

.flag-in {
    background-position: 0 40.909091%;
}

.flag-io {
    background-position: 0 41.322314%;
}

.flag-iq {
    background-position: 0 41.735537%;
}

.flag-ir {
    background-position: 0 42.14876%;
}

.flag-is {
    background-position: 0 42.561983%;
}

.flag-it {
    background-position: 0 42.975207%;
}

.flag-jm {
    background-position: 0 43.38843%;
}

.flag-jo {
    background-position: 0 43.801653%;
}

.flag-jp {
    background-position: 0 44.214876%;
}

.flag-ke {
    background-position: 0 44.628099%;
}

.flag-kg {
    background-position: 0 45.041322%;
}

.flag-kh {
    background-position: 0 45.454545%;
}

.flag-ki {
    background-position: 0 45.867769%;
}

.flag-km {
    background-position: 0 46.280992%;
}

.flag-kn {
    background-position: 0 46.694215%;
}

.flag-kp {
    background-position: 0 47.107438%;
}

.flag-kr {
    background-position: 0 47.520661%;
}

.flag-kw {
    background-position: 0 47.933884%;
}

.flag-ky {
    background-position: 0 48.347107%;
}

.flag-kz {
    background-position: 0 48.760331%;
}

.flag-la {
    background-position: 0 49.173554%;
}

.flag-lb {
    background-position: 0 49.586777%;
}

.flag-lc {
    background-position: 0 50%;
}

.flag-li {
    background-position: 0 50.413223%;
}

.flag-lk {
    background-position: 0 50.826446%;
}

.flag-lr {
    background-position: 0 51.239669%;
}

.flag-ls {
    background-position: 0 51.652893%;
}

.flag-lt {
    background-position: 0 52.066116%;
}

.flag-lu {
    background-position: 0 52.479339%;
}

.flag-lv {
    background-position: 0 52.892562%;
}

.flag-ly {
    background-position: 0 53.305785%;
}

.flag-ma {
    background-position: 0 53.719008%;
}

.flag-mc {
    background-position: 0 54.132231%;
}

.flag-md {
    background-position: 0 54.545455%;
}

.flag-me {
    background-position: 0 54.958678%;
}

.flag-mg {
    background-position: 0 55.371901%;
}

.flag-mh {
    background-position: 0 55.785124%;
}

.flag-mk {
    background-position: 0 56.198347%;
}

.flag-ml {
    background-position: 0 56.61157%;
}

.flag-mm {
    background-position: 0 57.024793%;
}

.flag-mn {
    background-position: 0 57.438017%;
}

.flag-mo {
    background-position: 0 57.85124%;
}

.flag-mp {
    background-position: 0 58.264463%;
}

.flag-mq {
    background-position: 0 58.677686%;
}

.flag-mr {
    background-position: 0 59.090909%;
}

.flag-ms {
    background-position: 0 59.504132%;
}

.flag-mt {
    background-position: 0 59.917355%;
}

.flag-mu {
    background-position: 0 60.330579%;
}

.flag-mv {
    background-position: 0 60.743802%;
}

.flag-mw {
    background-position: 0 61.157025%;
}

.flag-mx {
    background-position: 0 61.570248%;
}

.flag-my {
    background-position: 0 61.983471%;
}

.flag-mz {
    background-position: 0 62.396694%;
}

.flag-na {
    background-position: 0 62.809917%;
}

.flag-nc {
    background-position: 0 63.22314%;
}

.flag-ne {
    background-position: 0 63.636364%;
}

.flag-nf {
    background-position: 0 64.049587%;
}

.flag-ng {
    background-position: 0 64.46281%;
}

.flag-ni {
    background-position: 0 64.876033%;
}

.flag-nl {
    background-position: 0 65.289256%;
}

.flag-no {
    background-position: 0 65.702479%;
}

.flag-np {
    background-position: 0 66.115702%;
}

.flag-nr {
    background-position: 0 66.528926%;
}

.flag-nu {
    background-position: 0 66.942149%;
}

.flag-nz {
    background-position: 0 67.355372%;
}

.flag-om {
    background-position: 0 67.768595%;
}

.flag-pa {
    background-position: 0 68.181818%;
}

.flag-pe {
    background-position: 0 68.595041%;
}

.flag-pf {
    background-position: 0 69.008264%;
}

.flag-pg {
    background-position: 0 69.421488%;
}

.flag-ph {
    background-position: 0 69.834711%;
}

.flag-pk {
    background-position: 0 70.247934%;
}

.flag-pl {
    background-position: 0 70.661157%;
}

.flag-pm {
    background-position: 0 71.07438%;
}

.flag-pn {
    background-position: 0 71.487603%;
}

.flag-pr {
    background-position: 0 71.900826%;
}

.flag-pt {
    background-position: 0 72.31405%;
}

.flag-pw {
    background-position: 0 72.727273%;
}

.flag-py {
    background-position: 0 73.140496%;
}

.flag-qa {
    background-position: 0 73.553719%;
}

.flag-re {
    background-position: 0 73.966942%;
}

.flag-ro {
    background-position: 0 74.380165%;
}

.flag-rs {
    background-position: 0 74.793388%;
}

.flag-ru {
    background-position: 0 75.206612%;
}

.flag-rw {
    background-position: 0 75.619835%;
}

.flag-sa {
    background-position: 0 76.033058%;
}

.flag-sb {
    background-position: 0 76.446281%;
}

.flag-sc {
    background-position: 0 76.859504%;
}

.flag-sd {
    background-position: 0 77.272727%;
}

.flag-se {
    background-position: 0 77.68595%;
}

.flag-sg {
    background-position: 0 78.099174%;
}

.flag-sh {
    background-position: 0 78.512397%;
}

.flag-si {
    background-position: 0 78.92562%;
}

.flag-sj {
    background-position: 0 79.338843%;
}

.flag-sk {
    background-position: 0 79.752066%;
}

.flag-sl {
    background-position: 0 80.165289%;
}

.flag-sm {
    background-position: 0 80.578512%;
}

.flag-sn {
    background-position: 0 80.991736%;
}

.flag-so {
    background-position: 0 81.404959%;
}

.flag-sr {
    background-position: 0 81.818182%;
}

.flag-ss {
    background-position: 0 82.231405%;
}

.flag-st {
    background-position: 0 82.644628%;
}

.flag-sv {
    background-position: 0 83.057851%;
}

.flag-sy {
    background-position: 0 83.471074%;
}

.flag-sz {
    background-position: 0 83.884298%;
}

.flag-tc {
    background-position: 0 84.297521%;
}

.flag-td {
    background-position: 0 84.710744%;
}

.flag-tf {
    background-position: 0 85.123967%;
}

.flag-tg {
    background-position: 0 85.53719%;
}

.flag-th {
    background-position: 0 85.950413%;
}

.flag-tj {
    background-position: 0 86.363636%;
}

.flag-tk {
    background-position: 0 86.77686%;
}

.flag-tl {
    background-position: 0 87.190083%;
}

.flag-tm {
    background-position: 0 87.603306%;
}

.flag-tn {
    background-position: 0 88.016529%;
}

.flag-to {
    background-position: 0 88.429752%;
}

.flag-tp {
    background-position: 0 88.842975%;
}

.flag-tr {
    background-position: 0 89.256198%;
}

.flag-tt {
    background-position: 0 89.669421%;
}

.flag-tv {
    background-position: 0 90.082645%;
}

.flag-tw {
    background-position: 0 90.495868%;
}

.flag-ty {
    background-position: 0 90.909091%;
}

.flag-tz {
    background-position: 0 91.322314%;
}

.flag-ua {
    background-position: 0 91.735537%;
}

.flag-ug {
    background-position: 0 92.14876%;
}

.flag-gb,
.flag-uk,
.flag-en {
    background-position: 0 92.561983%;
}

.flag-um {
    background-position: 0 92.975207%;
}

.flag-us {
    background-position: 0 93.38843%;
}

.flag-uy {
    background-position: 0 93.801653%;
}

.flag-uz {
    background-position: 0 94.214876%;
}

.flag-va {
    background-position: 0 94.628099%;
}

.flag-vc {
    background-position: 0 95.041322%;
}

.flag-ve {
    background-position: 0 95.454545%;
}

.flag-vg {
    background-position: 0 95.867769%;
}

.flag-vi {
    background-position: 0 96.280992%;
}

.flag-vn {
    background-position: 0 96.694215%;
}

.flag-vu {
    background-position: 0 97.107438%;
}

.flag-wf {
    background-position: 0 97.520661%;
}

.flag-ws {
    background-position: 0 97.933884%;
}

.flag-ye {
    background-position: 0 98.347107%;
}

.flag-za {
    background-position: 0 98.760331%;
}

.flag-zm {
    background-position: 0 99.173554%;
}

.flag-zr {
    background-position: 0 99.586777%;
}

.flag-zw {
    background-position: 0 100%;
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-primary: "Poppins", "sans-serif";
    --font-secondary: "Marcellus", "serif";
    --color-white: #ffffff;
    --color-black: #000000;
    --color-azure-blue: #0089d9;
    --color-charcoal-gray: #333333;
    --color-yellow: #fee74e;
    --color-primary: var(--color-charcoal-gray);
    --color-secondary: var(--color-black);
    --radius-20: 20px;
    --animate-kenBurns: kenBurns 10s ease-in-out infinite alternate-reverse both;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .-top-\[64px\] {
    top: calc(64px * -1);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-28 {
    top: calc(var(--spacing) * 28);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-\[5\%\] {
    right: 5%;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-\[calc\(100\%-30px\)\] {
    bottom: calc(100% - 30px);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .isolate {
    isolation: isolate;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-999 {
    z-index: 999;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-none {
    order: 0;
  }
  .col-4 {
    grid-column: 4;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
    @media (width >= 640px) {
      max-width: 640px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 1024px) {
      max-width: 1024px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 1536px) {
      max-width: 1536px;
    }
  }
  .-m-2\.5 {
    margin: calc(var(--spacing) * -2.5);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-auto {
    margin: auto;
  }
  .container {
    --container-padding-sm: 2rem;
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 3);
    @media (width >= 1280px) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-auto {
    margin-block: auto;
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .\!me-0 {
    margin-inline-end: calc(var(--spacing) * 0) !important;
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .me-5 {
    margin-inline-end: calc(var(--spacing) * 5);
  }
  .me-8 {
    margin-inline-end: calc(var(--spacing) * 8);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-47\.5 {
    margin-top: calc(var(--spacing) * 47.5);
  }
  .mt-\[20\%\] {
    margin-top: 20%;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .\!flex {
    display: flex !important;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .hidden\! {
    display: none !important;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-2\/3 {
    aspect-ratio: 2/3;
  }
  .aspect-160\/160 {
    aspect-ratio: 160/160;
  }
  .aspect-175\/165 {
    aspect-ratio: 175/165;
  }
  .aspect-177\/170 {
    aspect-ratio: 177/170;
  }
  .aspect-200\/140 {
    aspect-ratio: 200/140;
  }
  .aspect-210\/200 {
    aspect-ratio: 210/200;
  }
  .aspect-215\/200 {
    aspect-ratio: 215/200;
  }
  .aspect-250\/170 {
    aspect-ratio: 250/170;
  }
  .aspect-290\/290 {
    aspect-ratio: 290/290;
  }
  .aspect-340\/315 {
    aspect-ratio: 340/315;
  }
  .aspect-360\/360 {
    aspect-ratio: 360/360;
  }
  .aspect-370\/370 {
    aspect-ratio: 370/370;
  }
  .aspect-400\/230 {
    aspect-ratio: 400/230;
  }
  .aspect-410\/385 {
    aspect-ratio: 410/385;
  }
  .aspect-485\/310 {
    aspect-ratio: 485/310;
  }
  .aspect-490\/310 {
    aspect-ratio: 490/310;
  }
  .aspect-490\/395 {
    aspect-ratio: 490/395;
  }
  .aspect-492\/320 {
    aspect-ratio: 492/320;
  }
  .aspect-493\/341 {
    aspect-ratio: 493/341;
  }
  .aspect-495\/340 {
    aspect-ratio: 495/340;
  }
  .aspect-500\/305 {
    aspect-ratio: 500/305;
  }
  .aspect-529\/448 {
    aspect-ratio: 529/448;
  }
  .aspect-585\/370 {
    aspect-ratio: 585/370;
  }
  .aspect-595\/490 {
    aspect-ratio: 595/490;
  }
  .aspect-795\/600 {
    aspect-ratio: 795/600;
  }
  .aspect-795\/830 {
    aspect-ratio: 795/830;
  }
  .aspect-815\/830 {
    aspect-ratio: 815/830;
  }
  .aspect-933\/567 {
    aspect-ratio: 933/567;
  }
  .aspect-935\/565 {
    aspect-ratio: 935/565;
  }
  .aspect-1790\/500 {
    aspect-ratio: 1790/500;
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-72 {
    width: calc(var(--spacing) * 72);
    height: calc(var(--spacing) * 72);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-1\/2 {
    height: calc(1/2 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[92\%\] {
    height: 92%;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[93\%\] {
    max-height: 93%;
  }
  .max-h-\[370px\] {
    max-height: 370px;
  }
  .w-2\/5 {
    width: calc(2/5 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[calc\(100\%-5\%\)\] {
    width: calc(100% - 5%);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-87\.5 {
    max-width: calc(var(--spacing) * 87.5);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-148\.75 {
    max-width: calc(var(--spacing) * 148.75);
  }
  .max-w-440 {
    max-width: calc(var(--spacing) * 440);
  }
  .max-w-\[30\%\] {
    max-width: 30%;
  }
  .max-w-\[437px\] {
    max-width: 437px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[595px\] {
    max-width: 595px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .\!min-w-24 {
    min-width: calc(var(--spacing) * 24) !important;
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .origin-top-right {
    transform-origin: 100% 0;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-12 {
    rotate: calc(12deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-12 {
    rotate: 12deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-270 {
    rotate: 270deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-kenBurns {
    animation: var(--animate-kenBurns);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-\[25px\] {
    gap: 25px;
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .space-x-5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-center {
    justify-self: center;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-20 {
    border-radius: var(--radius-20);
  }
  .rounded-\[21px\] {
    border-radius: 21px;
  }
  .rounded-\[40px\] {
    border-radius: 40px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-20 {
    border-top-left-radius: var(--radius-20);
    border-top-right-radius: var(--radius-20);
  }
  .rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
  }
  .rounded-r-\[40px\] {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .rounded-b-20 {
    border-bottom-right-radius: var(--radius-20);
    border-bottom-left-radius: var(--radius-20);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-\[\#E7E6E6\] {
    border-color: #E7E6E6;
  }
  .border-azure-blue {
    border-color: var(--color-azure-blue);
  }
  .border-azure-blue\/60 {
    border-color: color-mix(in srgb, #0089d9 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-azure-blue) 60%, transparent);
    }
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-black\/20 {
    border-color: color-mix(in srgb, #000000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #ffffff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/40 {
    border-color: color-mix(in srgb, #ffffff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .border-white\/50 {
    border-color: color-mix(in srgb, #ffffff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-\[\#1FAF38\] {
    background-color: #1FAF38;
  }
  .bg-\[\#E3CCA1\]\/20 {
    background-color: color-mix(in oklab, #E3CCA1 20%, transparent);
  }
  .bg-\[\#F8F8F8\] {
    background-color: #F8F8F8;
  }
  .bg-\[\#F9F5EC\] {
    background-color: #F9F5EC;
  }
  .bg-\[\#e0eeff\] {
    background-color: #e0eeff;
  }
  .bg-\[rgba\(181\,200\,224\,0\.34\)\] {
    background-color: rgba(181,200,224,0.34);
  }
  .bg-azure-blue {
    background-color: var(--color-azure-blue);
  }
  .bg-azure-blue\/10 {
    background-color: color-mix(in srgb, #0089d9 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-azure-blue) 10%, transparent);
    }
  }
  .bg-azure-blue\/30 {
    background-color: color-mix(in srgb, #0089d9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-azure-blue) 30%, transparent);
    }
  }
  .bg-azure-blue\/60 {
    background-color: color-mix(in srgb, #0089d9 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-azure-blue) 60%, transparent);
    }
  }
  .bg-azure-blue\/80 {
    background-color: color-mix(in srgb, #0089d9 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-azure-blue) 80%, transparent);
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #ffffff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/50 {
    background-color: color-mix(in srgb, #ffffff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-yellow {
    background-color: var(--color-yellow);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-\[\#19BED3\] {
    --tw-gradient-from: #19BED3;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-azure-blue\/80 {
    --tw-gradient-to: color-mix(in srgb, #0089d9 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-azure-blue) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .stroke-azure-blue {
    stroke: var(--color-azure-blue);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-1 {
    stroke-width: 1;
  }
  .stroke-\[1\.5\] {
    stroke-width: 1.5;
  }
  .stroke-\[1\.6\] {
    stroke-width: 1.6;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\! {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-5\! {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .ps-0 {
    padding-inline-start: calc(var(--spacing) * 0);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .pe-0 {
    padding-inline-end: calc(var(--spacing) * 0);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-end\! {
    text-align: end !important;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .font-primary {
    font-family: var(--font-primary);
  }
  .font-secondary {
    font-family: var(--font-secondary);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[clamp\(1\.1rem\,1\.7vw\,2\.1rem\)\] {
    font-size: clamp(1.1rem, 1.7vw, 2.1rem);
  }
  .text-\[clamp\(1\.2rem\,1\.9vw\,2\.3rem\)\] {
    font-size: clamp(1.2rem, 1.9vw, 2.3rem);
  }
  .text-\[clamp\(1\.3rem\,2\.2vw\,2\.rem\)\] {
    font-size: clamp(1.3rem, 2.2vw, 2.rem);
  }
  .text-\[clamp\(1\.5rem\,2\.9vw\,3\.4rem\)\] {
    font-size: clamp(1.5rem, 2.9vw, 3.4rem);
  }
  .text-\[clamp\(1\.5rem\,3\.2vw\,3\.7rem\)\] {
    font-size: clamp(1.5rem, 3.2vw, 3.7rem);
  }
  .text-\[clamp\(1\.6rem\,2\.2vw\,3\.1rem\)\] {
    font-size: clamp(1.6rem, 2.2vw, 3.1rem);
  }
  .text-\[clamp\(1\.7rem\,4vw\,3\.75rem\)\] {
    font-size: clamp(1.7rem, 4vw, 3.75rem);
  }
  .text-\[clamp\(1\.125rem\,2vw\,1\.5rem\)\] {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
  }
  .text-\[clamp\(2rem\,3vw\,3rem\)\] {
    font-size: clamp(2rem, 3vw, 3rem);
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-\[\#1B3765\] {
    color: #1B3765;
  }
  .text-\[\#6B6B6B\] {
    color: #6B6B6B;
  }
  .text-\[\#9CA3A9\] {
    color: #9CA3A9;
  }
  .text-\[\#17213A\] {
    color: #17213A;
  }
  .text-\[\#828282\] {
    color: #828282;
  }
  .text-\[\#DF9300\] {
    color: #DF9300;
  }
  .text-\[\#ED4C5C\] {
    color: #ED4C5C;
  }
  .text-\[\#FF2E00\] {
    color: #FF2E00;
  }
  .text-\[\#FFA801\] {
    color: #FFA801;
  }
  .text-azure-blue {
    color: var(--color-azure-blue);
  }
  .text-azure-blue\/80 {
    color: color-mix(in srgb, #0089d9 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-azure-blue) 80%, transparent);
    }
  }
  .text-black {
    color: var(--color-black);
  }
  .text-black\/60 {
    color: color-mix(in srgb, #000000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .text-charcoal-gray {
    color: var(--color-charcoal-gray);
  }
  .text-charcoal-gray\! {
    color: var(--color-charcoal-gray) !important;
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary\/50 {
    color: color-mix(in srgb, #333333 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow {
    color: var(--color-yellow);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .not-italic {
    font-style: normal;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-white\/30 {
    --tw-shadow-color: color-mix(in srgb, #ffffff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .\*\:flex {
    :is(& > *) {
      display: flex;
    }
  }
  .\*\:h-12 {
    :is(& > *) {
      height: calc(var(--spacing) * 12);
    }
  }
  .\*\:w-12 {
    :is(& > *) {
      width: calc(var(--spacing) * 12);
    }
  }
  .\*\:w-full {
    :is(& > *) {
      width: 100%;
    }
  }
  .\*\:items-center {
    :is(& > *) {
      align-items: center;
    }
  }
  .\*\:justify-center {
    :is(& > *) {
      justify-content: center;
    }
  }
  .\*\:rounded-xl {
    :is(& > *) {
      border-radius: var(--radius-xl);
    }
  }
  .\*\:border-b {
    :is(& > *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\*\:border-white\/20 {
    :is(& > *) {
      border-color: color-mix(in srgb, #ffffff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .\*\:bg-\[\#F8F8F8\] {
    :is(& > *) {
      background-color: #F8F8F8;
    }
  }
  .\*\:p-3 {
    :is(& > *) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .\*\:text-start {
    :is(& > *) {
      text-align: start;
    }
  }
  .\*\:text-white {
    :is(& > *) {
      color: var(--color-white);
    }
  }
  .\*\:text-white\! {
    :is(& > *) {
      color: var(--color-white) !important;
    }
  }
  .\*\:transition-colors {
    :is(& > *) {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\*\:duration-500 {
    :is(& > *) {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .group-hover\:mt-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        margin-top: calc(var(--spacing) * 1);
      }
    }
  }
  .group-hover\:h-10\/12 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        height: calc(10/12 * 100%);
      }
    }
  }
  .group-hover\:max-h-20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        max-height: calc(var(--spacing) * 20);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:bg-azure-blue\/70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #0089d9 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-azure-blue) 70%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-white\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .group-hover\:from-\[\#CAA02C\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: #CAA02C;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:text-\[\#FFC12B\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #FFC12B;
      }
    }
  }
  .group-hover\:text-azure-blue {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-azure-blue);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-\[\.active\]\:block {
    &:is(:where(.group):is(.active) *) {
      display: block;
    }
  }
  .group-\[\.active\]\:hidden {
    &:is(:where(.group):is(.active) *) {
      display: none;
    }
  }
  .group-\[\.active\]\:max-h-max {
    &:is(:where(.group):is(.active) *) {
      max-height: max-content;
    }
  }
  .group-\[\.active\]\:border-b {
    &:is(:where(.group):is(.active) *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .group-\[\.active\]\:text-azure-blue {
    &:is(:where(.group):is(.active) *) {
      color: var(--color-azure-blue);
    }
  }
  .group-\[\.active\]\:text-secondary {
    &:is(:where(.group):is(.active) *) {
      color: var(--color-secondary);
    }
  }
  .group-\[\.active\]\:text-white {
    &:is(:where(.group):is(.active) *) {
      color: var(--color-white);
    }
  }
  .group-\[\.header-sticky\]\:w-36 {
    &:is(:where(.group):is(.header-sticky) *) {
      width: calc(var(--spacing) * 36);
    }
  }
  .group-\[\.header-sticky\]\:border-white {
    &:is(:where(.group):is(.header-sticky) *) {
      border-color: var(--color-white);
    }
  }
  .group-\[\.header-sticky\]\:stroke-white {
    &:is(:where(.group):is(.header-sticky) *) {
      stroke: var(--color-white);
    }
  }
  .group-\[\.header-sticky\]\:text-white {
    &:is(:where(.group):is(.header-sticky) *) {
      color: var(--color-white);
    }
  }
  .placeholder\:text-charcoal-gray\/50 {
    &::placeholder {
      color: color-mix(in srgb, #333333 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-charcoal-gray) 50%, transparent);
      }
    }
  }
  .placeholder\:text-primary {
    &::placeholder {
      color: var(--color-primary);
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:z-0 {
    &::before {
      content: var(--tw-content);
      z-index: 0;
    }
  }
  .before\:z-1 {
    &::before {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .before\:z-\[-1\] {
    &::before {
      content: var(--tw-content);
      z-index: -1;
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .before\:w-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:translate-y-0 {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:bg-linear-to-b {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-linear-to-r {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-linear-to-t {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to top;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to top in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:from-azure-blue\/30 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in srgb, #0089d9 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-azure-blue) 30%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:from-azure-blue\/70 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in srgb, #0089d9 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-azure-blue) 70%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:from-azure-blue\/80 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in srgb, #0089d9 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-azure-blue) 80%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:to-transparent {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .group-hover\:before\:right-auto {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          right: auto;
        }
      }
    }
  }
  .group-hover\:before\:left-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          left: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .group-hover\:before\:z-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          z-index: 0;
        }
      }
    }
  }
  .group-hover\:before\:bg-white\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: color-mix(in srgb, #ffffff 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
          }
        }
      }
    }
  }
  .after\:right-1\/3 {
    &::after {
      content: var(--tw-content);
      right: calc(1/3 * 100%);
    }
  }
  .\*\:last\:border-b-0 {
    :is(& > *) {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .hover\:animate-bounce {
    &:hover {
      @media (hover: hover) {
        animation: var(--animate-bounce);
      }
    }
  }
  .hover\:bg-azure-blue {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-azure-blue);
      }
    }
  }
  .hover\:bg-azure-blue\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #0089d9 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-azure-blue) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-azure-blue\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #0089d9 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-azure-blue) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .hover\:text-azure-blue {
    &:hover {
      @media (hover: hover) {
        color: var(--color-azure-blue);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .\*\:hover\:bg-azure-blue {
    :is(& > *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-azure-blue);
        }
      }
    }
  }
  .hover\:\*\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        :is(& > *) {
          background-color: color-mix(in srgb, #ffffff 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
          }
        }
      }
    }
  }
  .\*\:hover\:text-white {
    :is(& > *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-azure-blue {
    &:focus {
      --tw-ring-color: var(--color-azure-blue);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .max-md\:max-w-\[300px\] {
    @media (width < 768px) {
      max-width: 300px;
    }
  }
  .max-sm\:flex-col {
    @media (width < 640px) {
      flex-direction: column;
    }
  }
  .sm\:order-0 {
    @media (width >= 640px) {
      order: 0;
    }
  }
  .sm\:order-1 {
    @media (width >= 640px) {
      order: 1;
    }
  }
  .sm\:m-3 {
    @media (width >= 640px) {
      margin: calc(var(--spacing) * 3);
    }
  }
  .sm\:me-2 {
    @media (width >= 640px) {
      margin-inline-end: calc(var(--spacing) * 2);
    }
  }
  .sm\:mt-0 {
    @media (width >= 640px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mb-0 {
    @media (width >= 640px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:\!hidden {
    @media (width >= 640px) {
      display: none !important;
    }
  }
  .sm\:h-7 {
    @media (width >= 640px) {
      height: calc(var(--spacing) * 7);
    }
  }
  .sm\:h-14 {
    @media (width >= 640px) {
      height: calc(var(--spacing) * 14);
    }
  }
  .sm\:w-1\/2 {
    @media (width >= 640px) {
      width: calc(1/2 * 100%);
    }
  }
  .sm\:w-2\/12 {
    @media (width >= 640px) {
      width: calc(2/12 * 100%);
    }
  }
  .sm\:w-4\/12 {
    @media (width >= 640px) {
      width: calc(4/12 * 100%);
    }
  }
  .sm\:w-6\/12 {
    @media (width >= 640px) {
      width: calc(6/12 * 100%);
    }
  }
  .sm\:w-7 {
    @media (width >= 640px) {
      width: calc(var(--spacing) * 7);
    }
  }
  .sm\:w-8\/12 {
    @media (width >= 640px) {
      width: calc(8/12 * 100%);
    }
  }
  .sm\:w-10\/12 {
    @media (width >= 640px) {
      width: calc(10/12 * 100%);
    }
  }
  .sm\:w-14 {
    @media (width >= 640px) {
      width: calc(var(--spacing) * 14);
    }
  }
  .sm\:flex-row {
    @media (width >= 640px) {
      flex-direction: row;
    }
  }
  .sm\:flex-nowrap {
    @media (width >= 640px) {
      flex-wrap: nowrap;
    }
  }
  .sm\:items-center {
    @media (width >= 640px) {
      align-items: center;
    }
  }
  .sm\:justify-between {
    @media (width >= 640px) {
      justify-content: space-between;
    }
  }
  .md\:mt-0 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:\!flex {
    @media (width >= 768px) {
      display: flex !important;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 768px) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-1\/4 {
    @media (width >= 768px) {
      width: calc(1/4 * 100%);
    }
  }
  .md\:w-3\/4 {
    @media (width >= 768px) {
      width: calc(3/4 * 100%);
    }
  }
  .md\:w-6\/12 {
    @media (width >= 768px) {
      width: calc(6/12 * 100%);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 768px) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .md\:px-3 {
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:pe-10 {
    @media (width >= 768px) {
      padding-inline-end: calc(var(--spacing) * 10);
    }
  }
  .lg\:absolute {
    @media (width >= 1024px) {
      position: absolute;
    }
  }
  .lg\:right-\[unset\] {
    @media (width >= 1024px) {
      right: unset;
    }
  }
  .lg\:bottom-12 {
    @media (width >= 1024px) {
      bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:bottom-\[calc\(5vh\+40px\)\] {
    @media (width >= 1024px) {
      bottom: calc(5vh + 40px);
    }
  }
  .lg\:left-\[calc\(100\%-80px\)\] {
    @media (width >= 1024px) {
      left: calc(100% - 80px);
    }
  }
  .lg\:order-0 {
    @media (width >= 1024px) {
      order: 0;
    }
  }
  .lg\:-mx-4 {
    @media (width >= 1024px) {
      margin-inline: calc(var(--spacing) * -4);
    }
  }
  .lg\:mx-0 {
    @media (width >= 1024px) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-auto {
    @media (width >= 1024px) {
      margin-inline: auto;
    }
  }
  .lg\:me-0 {
    @media (width >= 1024px) {
      margin-inline-end: calc(var(--spacing) * 0);
    }
  }
  .lg\:me-4 {
    @media (width >= 1024px) {
      margin-inline-end: calc(var(--spacing) * 4);
    }
  }
  .lg\:mt-0 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-3 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .lg\:mt-4 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:mt-8 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-10 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-10\! {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 10) !important;
    }
  }
  .lg\:mt-12 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:mt-14 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .lg\:mt-16 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:mt-20 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:mt-24 {
    @media (width >= 1024px) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:mb-4 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:mb-5 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:mb-8 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-10 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:mb-16 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:mb-24 {
    @media (width >= 1024px) {
      margin-bottom: calc(var(--spacing) * 24);
    }
  }
  .lg\:block {
    @media (width >= 1024px) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .lg\:size-8 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .lg\:size-11 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .lg\:size-12 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .lg\:size-20 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }
  .lg\:size-24 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }
  .lg\:size-32 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }
  }
  .lg\:h-0 {
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 0);
    }
  }
  .lg\:h-14 {
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 14);
    }
  }
  .lg\:h-16 {
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 16);
    }
  }
  .lg\:h-40 {
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 40);
    }
  }
  .lg\:h-\[80vh\] {
    @media (width >= 1024px) {
      height: 80vh;
    }
  }
  .lg\:h-\[290px\] {
    @media (width >= 1024px) {
      height: 290px;
    }
  }
  .lg\:h-\[315px\] {
    @media (width >= 1024px) {
      height: 315px;
    }
  }
  .lg\:h-\[385px\] {
    @media (width >= 1024px) {
      height: 385px;
    }
  }
  .lg\:h-\[830px\] {
    @media (width >= 1024px) {
      height: 830px;
    }
  }
  .lg\:max-h-0 {
    @media (width >= 1024px) {
      max-height: calc(var(--spacing) * 0);
    }
  }
  .lg\:min-h-screen {
    @media (width >= 1024px) {
      min-height: 100vh;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 1024px) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 1024px) {
      width: calc(1/3 * 100%);
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 1024px) {
      width: calc(1/4 * 100%);
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 1024px) {
      width: calc(2/3 * 100%);
    }
  }
  .lg\:w-2\/5 {
    @media (width >= 1024px) {
      width: calc(2/5 * 100%);
    }
  }
  .lg\:w-3\/5 {
    @media (width >= 1024px) {
      width: calc(3/5 * 100%);
    }
  }
  .lg\:w-3\/12 {
    @media (width >= 1024px) {
      width: calc(3/12 * 100%);
    }
  }
  .lg\:w-4\/12 {
    @media (width >= 1024px) {
      width: calc(4/12 * 100%);
    }
  }
  .lg\:w-6\/12 {
    @media (width >= 1024px) {
      width: calc(6/12 * 100%);
    }
  }
  .lg\:w-8\/12 {
    @media (width >= 1024px) {
      width: calc(8/12 * 100%);
    }
  }
  .lg\:w-14 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 14);
    }
  }
  .lg\:w-16 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 16);
    }
  }
  .lg\:w-40 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 40);
    }
  }
  .lg\:w-\[35\%\] {
    @media (width >= 1024px) {
      width: 35%;
    }
  }
  .lg\:w-\[45\%\] {
    @media (width >= 1024px) {
      width: 45%;
    }
  }
  .lg\:w-\[55\%\] {
    @media (width >= 1024px) {
      width: 55%;
    }
  }
  .lg\:w-\[65\%\] {
    @media (width >= 1024px) {
      width: 65%;
    }
  }
  .lg\:w-\[290px\] {
    @media (width >= 1024px) {
      width: 290px;
    }
  }
  .lg\:w-\[340px\] {
    @media (width >= 1024px) {
      width: 340px;
    }
  }
  .lg\:w-\[370px\] {
    @media (width >= 1024px) {
      width: 370px;
    }
  }
  .lg\:w-\[410px\] {
    @media (width >= 1024px) {
      width: 410px;
    }
  }
  .lg\:w-auto {
    @media (width >= 1024px) {
      width: auto;
    }
  }
  .lg\:max-w-2\/3 {
    @media (width >= 1024px) {
      max-width: calc(2/3 * 100%);
    }
  }
  .lg\:max-w-292\.5 {
    @media (width >= 1024px) {
      max-width: calc(var(--spacing) * 292.5);
    }
  }
  .lg\:max-w-447\.5 {
    @media (width >= 1024px) {
      max-width: calc(var(--spacing) * 447.5);
    }
  }
  .lg\:max-w-\[40vw\] {
    @media (width >= 1024px) {
      max-width: 40vw;
    }
  }
  .lg\:max-w-\[60\%\] {
    @media (width >= 1024px) {
      max-width: 60%;
    }
  }
  .lg\:max-w-\[1170px\] {
    @media (width >= 1024px) {
      max-width: 1170px;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:flex-col {
    @media (width >= 1024px) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 1024px) {
      flex-direction: row;
    }
  }
  .lg\:flex-nowrap {
    @media (width >= 1024px) {
      flex-wrap: nowrap;
    }
  }
  .lg\:items-end {
    @media (width >= 1024px) {
      align-items: flex-end;
    }
  }
  .lg\:justify-between {
    @media (width >= 1024px) {
      justify-content: space-between;
    }
  }
  .lg\:gap-0 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:gap-5 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-6 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-7 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:gap-8 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-12 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-15 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 15);
    }
  }
  .lg\:gap-20 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .lg\:gap-32 {
    @media (width >= 1024px) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .lg\:gap-y-8 {
    @media (width >= 1024px) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:rounded-4xl {
    @media (width >= 1024px) {
      border-radius: var(--radius-4xl);
    }
  }
  .lg\:rounded-\[40px\] {
    @media (width >= 1024px) {
      border-radius: 40px;
    }
  }
  .lg\:rounded-l-\[40px\] {
    @media (width >= 1024px) {
      border-top-left-radius: 40px;
      border-bottom-left-radius: 40px;
    }
  }
  .lg\:rounded-l-none {
    @media (width >= 1024px) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .lg\:rounded-r-none {
    @media (width >= 1024px) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .lg\:border-r {
    @media (width >= 1024px) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .lg\:border-black\/20 {
    @media (width >= 1024px) {
      border-color: color-mix(in srgb, #000000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
  }
  .lg\:p-7 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .lg\:p-9 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .lg\:p-10 {
    @media (width >= 1024px) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-4 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-5 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .lg\:px-10 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-4\! {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 4) !important;
    }
  }
  .lg\:py-5\! {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 5) !important;
    }
  }
  .lg\:py-6 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .lg\:py-7 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .lg\:py-10 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-12 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-16 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:py-20 {
    @media (width >= 1024px) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .lg\:ps-0 {
    @media (width >= 1024px) {
      padding-inline-start: calc(var(--spacing) * 0);
    }
  }
  .lg\:pe-0 {
    @media (width >= 1024px) {
      padding-inline-end: calc(var(--spacing) * 0);
    }
  }
  .lg\:pe-4 {
    @media (width >= 1024px) {
      padding-inline-end: calc(var(--spacing) * 4);
    }
  }
  .lg\:pe-7 {
    @media (width >= 1024px) {
      padding-inline-end: calc(var(--spacing) * 7);
    }
  }
  .lg\:pe-10 {
    @media (width >= 1024px) {
      padding-inline-end: calc(var(--spacing) * 10);
    }
  }
  .lg\:pe-20 {
    @media (width >= 1024px) {
      padding-inline-end: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-4 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:pt-12 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:pt-16 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-20 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-40 {
    @media (width >= 1024px) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:pr-5 {
    @media (width >= 1024px) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .lg\:pb-20 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:pb-24 {
    @media (width >= 1024px) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .lg\:pl-3 {
    @media (width >= 1024px) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .lg\:pl-5 {
    @media (width >= 1024px) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .lg\:text-2xl {
    @media (width >= 1024px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 1024px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 1024px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:leading-tight {
    @media (width >= 1024px) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .lg\:opacity-0 {
    @media (width >= 1024px) {
      opacity: 0%;
    }
  }
  .xl\:mt-16 {
    @media (width >= 1280px) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .xl\:flex\! {
    @media (width >= 1280px) {
      display: flex !important;
    }
  }
  .xl\:hidden {
    @media (width >= 1280px) {
      display: none;
    }
  }
  .xl\:w-1\/3 {
    @media (width >= 1280px) {
      width: calc(1/3 * 100%);
    }
  }
  .xl\:w-1\/4 {
    @media (width >= 1280px) {
      width: calc(1/4 * 100%);
    }
  }
  .xl\:w-1\/5 {
    @media (width >= 1280px) {
      width: calc(1/5 * 100%);
    }
  }
  .xl\:w-4\/5 {
    @media (width >= 1280px) {
      width: calc(4/5 * 100%);
    }
  }
  .xl\:w-auto {
    @media (width >= 1280px) {
      width: auto;
    }
  }
  .xl\:max-w-310 {
    @media (width >= 1280px) {
      max-width: calc(var(--spacing) * 310);
    }
  }
  .xl\:max-w-\[1240px\] {
    @media (width >= 1280px) {
      max-width: 1240px;
    }
  }
  .xl\:justify-center {
    @media (width >= 1280px) {
      justify-content: center;
    }
  }
  .xl\:gap-4 {
    @media (width >= 1280px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .xl\:\!text-xl {
    @media (width >= 1280px) {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .xl\:text-2xl {
    @media (width >= 1280px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xl\:text-3xl {
    @media (width >= 1280px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .\32 xl\:mt-20 {
    @media (width >= 1536px) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .\32 xl\:mb-16 {
    @media (width >= 1536px) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .\32 xl\:size-10 {
    @media (width >= 1536px) {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .\32 xl\:max-w-417\.5 {
    @media (width >= 1536px) {
      max-width: calc(var(--spacing) * 417.5);
    }
  }
  .\32 xl\:max-w-\[1670px\] {
    @media (width >= 1536px) {
      max-width: 1670px;
    }
  }
  .\32 xl\:gap-3 {
    @media (width >= 1536px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .\32 xl\:gap-4 {
    @media (width >= 1536px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\32 xl\:gap-10 {
    @media (width >= 1536px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .\32 xl\:p-9 {
    @media (width >= 1536px) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .\32 xl\:p-10 {
    @media (width >= 1536px) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .\32 xl\:px-7 {
    @media (width >= 1536px) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .\32 xl\:px-8 {
    @media (width >= 1536px) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .\32 xl\:pr-8 {
    @media (width >= 1536px) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .\32 xl\:pl-8 {
    @media (width >= 1536px) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .\32 xl\:text-2xl {
    @media (width >= 1536px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .\32 xl\:text-xl {
    @media (width >= 1536px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .print\:mt-0 {
    @media print {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:p-0 {
    @media print {
      padding: calc(var(--spacing) * 0);
    }
  }
  .print\:pb-0 {
    @media print {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&_input\]\:text-charcoal-gray\! {
    & input {
      color: var(--color-charcoal-gray) !important;
    }
  }
  .\[\&_input\:not\(\[type\=\'radio\'\]\)\]\:h-full\! {
    & input:not([type='radio']) {
      height: 100% !important;
    }
  }
  .\[\&\.active\]\:border-transparent {
    &.active {
      border-color: transparent;
    }
  }
  .\[\&\.active\]\:bg-azure-blue {
    &.active {
      background-color: var(--color-azure-blue);
    }
  }
  .\[\&\.active\]\:bg-azure-blue\/10 {
    &.active {
      background-color: color-mix(in srgb, #0089d9 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-azure-blue) 10%, transparent);
      }
    }
  }
  .\[\&\.active\]\:text-white {
    &.active {
      color: var(--color-white);
    }
  }
  .\[\&\.active-tab\]\:bg-azure-blue {
    &.active-tab {
      background-color: var(--color-azure-blue);
    }
  }
  .\[\&\.active-tab\]\:text-white {
    &.active-tab {
      color: var(--color-white);
    }
  }
  .\[\&\.inactive\]\:pointer-events-none {
    &.inactive {
      pointer-events: none;
    }
  }
  .\[\&\.inactive\]\:before\:absolute {
    &.inactive {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&\.inactive\]\:before\:inset-0 {
    &.inactive {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
      }
    }
  }
  .\[\&\.inactive\]\:before\:z-10 {
    &.inactive {
      &::before {
        content: var(--tw-content);
        z-index: 10;
      }
    }
  }
  .\[\&\.inactive\]\:before\:bg-black\/50 {
    &.inactive {
      &::before {
        content: var(--tw-content);
        background-color: color-mix(in srgb, #000000 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
        }
      }
    }
  }
  .\[\&\.inactive\]\:before\:content-\[\'\'\] {
    &.inactive {
      &::before {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .\[\&\.is-active\]\:opacity-100 {
    &.is-active {
      opacity: 100%;
    }
  }
  .\[\&\>\.active\]\:text-white {
    &>.active {
      color: var(--color-white);
    }
  }
}
@layer base {
  body {
    overflow-x: hidden;
    font-family: var(--font-primary);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-primary);
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-secondary);
  }
  p {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  a,
  button {
    cursor: pointer;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
}
@layer components {
  .btn {
    position: relative;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    background-color: var(--color-azure-blue);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    text-transform: uppercase;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 7);
    }
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 4);
    }
    @media (width >= 1024px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &::before {
      content: "";
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: -100%;
      height: 100%;
      width: 100%;
      --tw-gradient-position: to right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: transparent;
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    &:hover::before {
      left: 100%;
    }
  }
  .title-banner {
    font-size: clamp(1.5rem, 3.2vw, 3.8rem);
  }
  .title-primary {
    font-size: clamp(1.7rem, 2.7vw, 3rem);
    text-transform: uppercase;
  }
  .title-secondary {
    font-family: var(--font-secondary);
    font-size: clamp(1.4rem, 1.7vw, 2rem);
  }
  .title-medium {
    font-family: var(--font-secondary);
    font-size: clamp(1.2rem, 1.3vw, 1.5rem);
  }
  .bg-glassy {
    position: relative;
    overflow: hidden;
    background-color: rgba(181,200,224,0.34);
    &::before {
      content: "";
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      z-index: calc(1 * -1);
      aspect-ratio: 1 / 1;
      border-radius: 50% 0 50% 50%;
      background-color: rgba(0,137,217,0.50);
      --tw-blur: blur(80px);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      @media (width >= 1024px) {
        width: calc(1/2 * 100%);
      }
    }
  }
  .main-header {
    &.header-sticky {
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-azure-blue) 80%, transparent);
      --tw-gradient-via: color-mix(in oklab, var(--color-azure-blue) 80%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: color-mix(in oklab, var(--color-azure-blue) 40%, transparent);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-backdrop-blur: blur(var(--blur-xl));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      &::before {
        content: var(--tw-content);
        display: none;
      }
      .main-nav > a,
      .main-nav button.dropdown-btn {
        color: var(--color-white);
        &::after {
          content: var(--tw-content);
          background-color: var(--color-white);
        }
      }
    }
    .main-nav > a,
    .main-nav button.dropdown-btn,
    .sub-nav > a,
    .sub-nav button.dropdown-btn {
      position: relative;
      padding-bottom: calc(var(--spacing) * 1);
      text-align: start;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #6B6B6B;
      text-transform: capitalize;
      @media (width >= 1280px) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
      @media (width >= 1536px) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
    .main-nav > a,
    .main-nav button.dropdown-btn {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
      &::after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
      &::after {
        content: var(--tw-content);
        height: 2px;
      }
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
      &::after {
        content: var(--tw-content);
        transform-origin: 0;
      }
      &::after {
        content: var(--tw-content);
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
      &::after {
        content: var(--tw-content);
        background-color: var(--color-azure-blue);
      }
      &::after {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
      &::after {
        content: var(--tw-content);
        --tw-duration: 300ms;
        transition-duration: 300ms;
      }
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            --tw-scale-x: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
          }
        }
      }
      &.active,
      &:hover {
        &::after {
          content: var(--tw-content);
          --tw-scale-x: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  HTML[lang="it-IT"], HTML[lang="de-DE"] {
    .main-header {
      .main-nav > a, .main-nav button.dropdown-btn {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        @media (width >= 1280px) {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
        }
      }
    }
  }
  .shine-effect {
    position: relative;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    &::before {
      content: "";
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: -100%;
      z-index: 1;
      height: 100%;
      width: 100%;
      --tw-gradient-position: to right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: transparent;
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    &:hover::before {
      left: 100%;
    }
  }
  .group:hover .shine-effect::before {
    left: 100%;
  }
  .overlay-bottom {
    position: relative;
    &::after {
      content: "";
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 1;
      height: calc(1/2 * 100%);
      width: 100%;
      --tw-gradient-position: to top;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to top in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: currentcolor;
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .circle-bubble {
    position: relative;
    &.left::before,
    &.right::after {
      content: "";
      position: absolute;
      top: calc(1/2 * 100%);
      z-index: calc(1 * -1);
      aspect-ratio: 1 / 1;
      width: calc(2/5 * 100%);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      animation: var(--animate-pulse);
      border-radius: calc(infinity * 1px);
      background-color: color-mix(in srgb, #0089d9 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-azure-blue) 60%, transparent);
      }
      --tw-blur: blur(200px);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      @media (width >= 1024px) {
        width: calc(1/5 * 100%);
      }
    }
    &.left::before {
      left: calc(var(--spacing) * 0);
    }
    &.right::after {
      right: calc(var(--spacing) * 0);
    }
    &.left.top::before,
    &.right.top::after {
      top: calc(var(--spacing) * 0);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &.left.bottom::before,
    &.right.bottom::after {
      top: 100%;
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #25a8ea;
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #231f20;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #cecece;
  border-radius: 4px;
}
.custom-scrollbar {
  scrollbar-width: auto;
}
.splide__pagination {
  position: static;
  margin-top: calc(var(--spacing) * 3);
  @media (width >= 1024px) {
    margin-top: calc(var(--spacing) * 5);
  }
  .splide__pagination__page {
    margin-inline: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #0089d9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-azure-blue) 30%, transparent);
    }
    @media (width >= 1024px) {
      height: calc(var(--spacing) * 3);
    }
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 3);
    }
    &.is-active {
      background-color: var(--color-azure-blue);
    }
  }
}
.fancybox__backdrop {
  background-color: color-mix(in srgb, #0089d9 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-azure-blue) 30%, transparent);
  }
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.fancybox__caption {
  font-family: var(--font-secondary);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
.hemenu.hemenu-theme-light {
  .hemenu-content,
  .hemenu-menu {
    background-color: color-mix(in srgb, #0089d9 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-azure-blue) 50%, transparent);
    }
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    .hemenu-menu-title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 12);
      line-height: calc(var(--spacing) * 12);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-white);
      text-transform: uppercase;
      opacity: 100%;
    }
  }
  .hemenu-menu {
    span,
    a {
      color: var(--color-white);
    }
    .hemenu-menu-level > span:before {
      opacity: 100%;
    }
  }
  ul li:after {
    border-color: var(--color-white);
  }
}
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
input[type="date"]::-moz-calendar-picker-indicator {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.turtle-float {
  float: right;
  shape-image-threshold: 0.5;
  shape-margin: 7px;
  margin-inline-end: 10%;
}
@media (max-width: 768px) {
  .turtle-float {
    margin: 0 0 1rem 0;
  }
}
@keyframes turtle-swim {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-15px) rotate(-2deg);
  }
  75% {
    transform: translateY(15px) rotate(2deg);
  }
}
.turtle-float img {
  animation: turtle-swim 6s ease-in-out infinite;
}
.standard-style {
  > * {
    margin-top: calc(var(--spacing) * 4);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: calc(var(--spacing) * 5);
    font-family: var(--font-secondary);
    color: var(--color-secondary);
  }
  h1 {
    font-size: clamp(1.6rem, 2vw, 2.3rem);
  }
  h2 {
    font-size: clamp(1.5rem, 1.7vw, 2rem);
  }
  h3 {
    font-size: clamp(1.4rem, 1.6vw, 1.8rem);
  }
  h4 {
    font-size: clamp(1.3rem, 1.4vw, 1.6rem);
  }
  h5 {
    font-size: clamp(1.2rem, 1.3vw, 1.5rem);
  }
  h6 {
    font-size: clamp(1.1rem, 1.2vw, 1.4rem);
  }
  p {
    margin-top: calc(var(--spacing) * 3);
  }
  ul {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    list-style-type: disc;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    padding-inline-start: calc(var(--spacing) * 5);
    & *::marker {
      color: var(--color-secondary);
    }
    &::marker {
      color: var(--color-secondary);
    }
    & *::-webkit-details-marker {
      color: var(--color-secondary);
    }
    &::-webkit-details-marker {
      color: var(--color-secondary);
    }
  }
  a {
    display: inline-block;
    color: var(--color-secondary);
    text-decoration-line: underline;
  }
  table {
    border-collapse: collapse;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-secondary);
    th {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-secondary);
    }
  }
  img {
    margin-block: calc(var(--spacing) * 3);
    aspect-ratio: 3/2;
  }
}
.swal2-actions .swal2-confirm {
  background-color: var(--color-azure-blue) !important;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes kenBurns {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.1) translate(-2%, -2%);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}