@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-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-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-content:"";
            --tw-scale-x:1;
            --tw-scale-y:1;
            --tw-scale-z:1
        }
    }
}
a {
  text-decoration: none !important;
}
/* .ess-btn:hover{
    transition: none !important;transform:none !important;} */
@layer theme {
    :root,:host {
        --font-sans:"Inter", sans-serif;
        --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500:#fb2c36;
        --color-red-600:#e40014;
        --color-orange-500:#fe6e00;
        --color-yellow-400:#fac800;
        --color-yellow-500:#edb200;
        --color-yellow-600:#cd8900;
        --color-green-50:#f0fdf4;
        --color-green-100:#dcfce7;
        --color-green-200:#b9f8cf;
        --color-green-500:#00c758;
        --color-green-600:#00a544;
        --color-green-700:#008138;
        --color-green-800:#016630;
        --color-blue-50:#eff6ff;
        --color-blue-100:#dbeafe;
        --color-blue-200:#bedbff;
        --color-blue-400:#54a2ff;
        --color-blue-500:#3080ff;
        --color-blue-600:#155dfc;
        --color-blue-700:#1447e6;
        --color-blue-800:#193cb8;
        --color-indigo-500:#625fff;
        --color-purple-100:#f3e8ff;
        --color-purple-600:#9810fa;
        --color-slate-900:#0f172b;
        --color-gray-50:#f9fafb;
        --color-gray-100:#f3f4f6;
        --color-gray-200:#e5e7eb;
        --color-gray-300:#d1d5dc;
        --color-gray-400:#99a1af;
        --color-gray-500:#6a7282;
        --color-gray-600:#4a5565;
        --color-gray-700:#364153;
        --color-gray-800:#1e2939;
        --color-gray-900:#101828;
        --color-black:#000;
        --color-white:#fff;
        --spacing:.25rem;
        --container-sm:24rem;
        --container-md:28rem;
        --container-lg:32rem;
        --container-xl:36rem;
        --container-2xl:42rem;
        --container-4xl:56rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1 / .75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25 / .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);
        --font-weight-light:300;
        --font-weight-normal:400;
        --font-weight-medium:500;
        --font-weight-semibold:600;
        --font-weight-bold:700;
        --tracking-wider:.05em;
        --leading-tight:1.25;
        --leading-relaxed:1.625;
        --radius-sm:.25rem;
        --radius-md:.75rem;
        --radius-lg:1rem;
        --radius-xl:1.5rem;
        --radius-2xl:2rem;
        --radius-3xl:1.5rem;
        --ease-out:cubic-bezier(0, 0, .2, 1);
        --ease-in-out:cubic-bezier(.4, 0, .2, 1);
        --animate-spin:spin 1s linear infinite;
        --animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --aspect-video:16 / 9;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
        --default-font-family:var(--font-sans);
        --default-mono-font-family:var(--font-mono);
        --font-marvin:"marvin", "Inter", sans-serif;
        --font-weight-semi-bold:600;
        --text-desktop-hero-xl:6rem;
        --text-desktop-h1:4rem;
        --text-desktop-h2:3.5rem;
        --text-desktop-h3:2.5rem;
        --text-desktop-h4:2rem;
        --text-desktop-h5:1.75rem;
        --text-desktop-h6:1.5rem;
        --leading-desktop-hero-xl:1.2;
        --leading-desktop-h1:1.2;
        --leading-desktop-h2:1.2;
        --leading-desktop-h3:1.2;
        --leading-desktop-h4:1.2;
        --leading-desktop-h5:1.2;
        --leading-desktop-h6:1.2;
        --text-mobile-h1:2.5rem;
        --text-mobile-h2:2.25rem;
        --text-mobile-h3:2rem;
        --text-mobile-h4:1.75rem;
        --text-mobile-h5:1.5rem;
        --text-mobile-h6:1.25rem;
        --leading-mobile-h1:1.2;
        --leading-mobile-h2:1.2;
        --leading-mobile-h3:1.2;
        --leading-mobile-h4:1.2;
        --leading-mobile-h5:1.2;
        --leading-mobile-h6:1.2;
        --text-subhead-xl:1.75rem;
        --leading-subhead-xl:1.3;
        --text-subhead-lg:1.5rem;
        --leading-subhead-lg:1.5;
        --text-body-lg:1.125rem;
        --leading-body-lg:1.5;
        --text-body-md:1rem;
        --leading-body-md:1.5;
        --text-body-sm:.875rem;
        --leading-body-sm:1.8;
        --text-body-xs:.75rem;
        --leading-body-xs:1.5;
        --color-cnp-blue:#0099dc;
        --color-primary-blue:#0070cc;
        --color-dark-blue:#1a4570;
        --color-darkest-blue:#1a4570;
        --color-blue-green:#146776;
        --color-dark-teal:#12684e;
        --color-teal:#26aea1;
        --color-tracker-cyan:#00a0d2;
        --color-tracker-green:#7ab800;
        --color-tracker-teal:#009b9e;
        --gradient-cta-start:#0077d8;
        --gradient-cta-end:#146776;
        --color-hover:#005fad;
        --color-active:#004782;
        --color-primary-blue-hover:#005fad;
        --color-primary-blue-active:#004782;
        --gradient-button-start:#1a4570;
        --gradient-button-end:#146776;
        --color-burnt-yellow:#d6a800;
        --color-red:#be0f34;
        --color-dark-grey:#28333c;
        --color-medium-grey:#556168;
        --color-light-grey:#c8c8c8;
        --color-grey-3:#cbd5e1;
        --color-grey-2:#e2e8f0;
        --color-secondary-grey:#f1f5f9;
        --color-med-blue:#d4eefb;
        --color-light-blue:#eef6f8;
        --color-text-primary:#28333c;
        --color-text-secondary:#000;
        --color-disabled:#b3bcc0;
        --color-disabled-dark:#939ea9;
        --color-alert-severe-bg:#fcf2f2;
        --color-alert-severe-text:#bc1111;
        --color-alert-moderate-bg:#fbf6e5;
        --color-alert-moderate-icon:#934a0b;
        --color-alert-information-bg:#eef6f8;
        --color-alert-information-border:#0070cc;
        --color-alert-information-text:#0070cc;
        --color-alert-grey-bg:#e2e8f0;
        --color-alert-grey-border:#556168;
        --color-alert-grey-text:#28333c;
        --color-alert-grey-icon:#556168;
        --color-alert-success:#058839;
        --radius-default:.5rem;
        --radius-card:.75rem;
        --radius-image:1.5rem;
        --radius-button:2.25rem;
        --radius-full:9999px;
        --spacing-4_5:1.125rem;
        --grid-desktop-columns:12;
        --grid-desktop-margin:3rem;
        --grid-desktop-gutter:1.5rem;
        --grid-mobile-columns:4;
        --grid-mobile-margin:1.5rem;
        --grid-mobile-gutter:1rem;
        --container-max-width:120rem;
        --shadow-card:0 -1.25rem 3.75rem #00478233;
        --shadow-hero-card:0 0 40px 0 #00478247
    }

    @supports (color:lab(0% 0 0)) {
        :root,:host {
            --color-red-500:lab(55.4814% 75.0732 48.8528);
            --color-red-600:lab(48.4493% 77.4328 61.5452);
            --color-orange-500:lab(64.272% 57.1788 90.3583);
            --color-yellow-400:lab(83.2664% 8.65132 106.895);
            --color-yellow-500:lab(76.3898% 14.5258 98.4589);
            --color-yellow-600:lab(62.7799% 22.4197 86.1544);
            --color-green-50:lab(98.1563% -5.60117 2.75915);
            --color-green-100:lab(96.1861% -13.8464 6.52365);
            --color-green-200:lab(92.4222% -26.4702 12.9427);
            --color-green-500:lab(70.5521% -66.5147 45.8073);
            --color-green-600:lab(59.0978% -58.6621 41.2579);
            --color-green-700:lab(47.0329% -47.0239 31.4788);
            --color-green-800:lab(37.4616% -36.7971 22.9692);
            --color-blue-50:lab(96.492% -1.14644 -5.11479);
            --color-blue-100:lab(92.0301% -2.24757 -11.6453);
            --color-blue-200:lab(86.15% -4.04379 -21.0797);
            --color-blue-400:lab(65.0361% -1.42065 -56.9802);
            --color-blue-500:lab(54.1736% 13.3369 -74.6839);
            --color-blue-600:lab(44.0605% 29.0279 -86.0352);
            --color-blue-700:lab(36.9089% 35.0961 -85.6872);
            --color-blue-800:lab(30.2514% 27.7853 -70.2699);
            --color-indigo-500:lab(48.295% 38.3129 -81.9673);
            --color-purple-100:lab(93.3333% 6.97437 -9.83434);
            --color-purple-600:lab(43.0295% 75.21 -86.5669);
            --color-slate-900:lab(7.78673% 1.82345 -15.0537);
            --color-gray-50:lab(98.2596% -.247031 -.706708);
            --color-gray-100:lab(96.1596% -.0823438 -1.13575);
            --color-gray-200:lab(91.6229% -.159115 -2.26791);
            --color-gray-300:lab(85.1236% -.612259 -3.7138);
            --color-gray-400:lab(65.9269% -.832707 -8.17473);
            --color-gray-500:lab(47.7841% -.393182 -10.0268);
            --color-gray-600:lab(35.6337% -1.58697 -10.8425);
            --color-gray-700:lab(27.1134% -.956401 -12.3224);
            --color-gray-800:lab(16.1051% -1.18239 -11.7533);
            --color-gray-900:lab(8.11897% .811279 -12.254)
        }
    }
}
.hover:hover{
hover:text-primary-blue-hover:hover{color:var(--color-primary-blue-hover)}
}
@layer base {
    *,:after,:before,::backdrop {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }

    ::file-selector-button {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }

    html,:host {
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        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;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration: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 {
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }

    sub {
        bottom:-.25em
    }

    sup {
        top:-.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
    }

    img,video {
        max-width:100%;
        height:auto
    }

    button,input,select,optgroup,textarea {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }

    ::file-selector-button {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }

    :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)) {
            ::placeholder {
                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 {
        padding-block:0}

    ::-webkit-datetime-edit-year-field {
        padding-block:0}

    ::-webkit-datetime-edit-month-field {
        padding-block:0}

    ::-webkit-datetime-edit-day-field {
        padding-block:0}

    ::-webkit-datetime-edit-hour-field {
        padding-block:0}

    ::-webkit-datetime-edit-minute-field {
        padding-block:0}

    ::-webkit-datetime-edit-second-field {
        padding-block:0}

    ::-webkit-datetime-edit-millisecond-field {
        padding-block:0}

    ::-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]) {
        appearance:button
    }

    ::file-selector-button {
        appearance:button
    }

    ::-webkit-inner-spin-button {
        height:auto
    }

    ::-webkit-outer-spin-button {
        height:auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display:none!important
    }

    .row {
        flex-wrap:wrap;
        display:flex
    }

    .container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
        padding-left:1rem;
        padding-right:1rem
    }

    body {
        font-family:var(--font-sans);
        font-size:var(--text-body-md);
        line-height:var(--leading-body-md);
        color:var(--color-text-primary);
        background-color:var(--color-white)
    }

    h1 {
        font-size:var(--text-mobile-h1);
        line-height:var(--leading-mobile-h1);
        color:var(--color-text-primary);
        font-weight:700
    }

    h2 {
        font-size:var(--text-mobile-h2);
        line-height:var(--leading-mobile-h2);
        color:var(--color-text-primary);
        font-weight:700
    }

    h3 {
        font-size:var(--text-mobile-h3);
        line-height:var(--leading-mobile-h3);
        color:var(--color-text-primary);
        font-weight:700
    }

    h4 {
        font-size:var(--text-mobile-h4);
        line-height:var(--leading-mobile-h4);
        color:var(--color-text-primary);
        font-weight:700
    }

    h5 {
        font-size:var(--text-mobile-h5);
        line-height:var(--leading-mobile-h5);
        color:var(--color-text-primary);
        font-weight:700
    }

    h6 {
        font-size:var(--text-mobile-h6);
        line-height:var(--leading-mobile-h6);
        color:var(--color-text-primary);
        font-weight:700
    }

    @media (min-width:1024px) {
        h1 {
            font-size:var(--text-desktop-h1);
            line-height:var(--leading-desktop-h1)
        }

        h2 {
            font-size:var(--text-desktop-h2);
            line-height:var(--leading-desktop-h2)
        }

        h3 {
            font-size:var(--text-desktop-h3);
            line-height:var(--leading-desktop-h3)
        }

        h4 {
            font-size:var(--text-desktop-h4);
            line-height:var(--leading-desktop-h4)
        }

        h5 {
            font-size:var(--text-desktop-h5);
            line-height:var(--leading-desktop-h5)
        }

        h6 {
            font-size:var(--text-desktop-h6);
            line-height:var(--leading-desktop-h6)
        }
    }

    p {
        margin-bottom:1rem
    }

    a {
        color:var(--color-primary-blue);
        text-decoration:underline;
        transition:color .2s
    }

    a:hover {
        color:var(--color-hover)
    }

    a:active {
        color:var(--color-active)
    }

    strong,b {
        font-weight:700
    }

    ul,ol {
        margin-bottom:1rem;
        padding-left:1.5rem
    }

    li {
        margin-bottom:.5rem
    }
}

@layer components {
    .rich-text .component-content {
        font-size:var(--text-body-md);
        color:var(--color-black);
        max-width:1920px;
        padding:calc(var(--spacing) * 6);
        margin-inline:auto}

    @media (min-width:1024px) {
        .rich-text .component-content {
            padding-inline:calc(var(--spacing) * 12)
        }
    }

    .rich-text .component-content p {
        margin-bottom:calc(var(--spacing) * 7)
    }

    .rich-text .component-content p:last-child {
        margin-bottom:calc(var(--spacing) * 0)
    }

    .rich-text .component-content u {
        text-underline-offset:2px;
        text-decoration-line:underline
    }

    .rich-text .component-content s,.rich-text .component-content del,.rich-text .component-content strike {
        text-decoration-line:line-through
    }

    .rich-text .component-content ul {
        margin-bottom:calc(var(--spacing) * 4);
        padding-left:calc(var(--spacing) * 6);
        list-style-type:disc
    }

    .rich-text .component-content ol {
        margin-bottom:calc(var(--spacing) * 4);
        padding-left:calc(var(--spacing) * 6);
        list-style-type:decimal
    }

    .rich-text .component-content li {
        margin-bottom:calc(var(--spacing) * 2)
    }

    .rich-text .component-content li:last-child {
        margin-bottom:calc(var(--spacing) * 0)
    }

    .rich-text .component-content ul ul,.rich-text .component-content ol ol,.rich-text .component-content ul ol,.rich-text .component-content ol ul {
        margin-top:calc(var(--spacing) * 2);
        margin-bottom:calc(var(--spacing) * 2)
    }

    .rich-text .component-content ul ul {
        list-style-type:circle
    }

    .rich-text .component-content ul ul ul {
        list-style-type:square
    }

    .rich-text .component-content ol ol {
        list-style-type:lower-alpha
    }

    .rich-text .component-content ol ol ol {
        list-style-type:lower-roman
    }

    .rich-text .component-content blockquote {
        margin-block:calc(var(--spacing) * 6);
        border-left-style:var(--tw-border-style);
        border-left-width:4px;
        border-color:var(--color-primary-blue);
        padding-left:calc(var(--spacing) * 6);
        color:var(--color-medium-grey);
        font-style:italic
    }

    .rich-text .component-content blockquote p {
        margin-bottom:calc(var(--spacing) * 2)
    }

    .rich-text .component-content blockquote p:last-child {
        margin-bottom:calc(var(--spacing) * 0)
    }

    .rich-text .component-content blockquote blockquote {
        margin-block:calc(var(--spacing) * 4);
        border-color:var(--color-light-grey)
    }

    .rich-text .component-content hr {
        margin-block:calc(var(--spacing) * 8);
        border-style:var(--tw-border-style);
        border-width:0;
        border-top-style:var(--tw-border-style);
        border-top-width:1px;
        border-color:var(--color-light-grey)
    }

    .rich-text .component-content table {
        margin-block:calc(var(--spacing) * 6);
        border-collapse:collapse;
        width:100%
    }

    .rich-text .component-content caption {
        background-color:var(--color-dark-blue);
        padding-inline:calc(var(--spacing) * 6);text-align:left;
        --tw-font-weight:var(--font-weight-bold);
        font-weight:var(--font-weight-bold);
        color:var(--color-white);
        caption-side:top;
        padding-block:24px;font-size:1.25rem;
        line-height:1.2
    }

    .rich-text .component-content thead th {
        background-color:var(--color-white);
        padding-inline:calc(var(--spacing) * 6);text-align:left;
        --tw-font-weight:var(--font-weight-semi-bold);
        font-weight:var(--font-weight-semi-bold);
        color:var(--color-dark-grey);
        border-bottom:1px solid var(--color-grey-3);
        overflow-wrap:break-word;
        padding-block:10px;font-size:1rem;
        line-height:1.5
    }

    .rich-text .component-content tbody td {
        background-color:var(--color-white);
        padding-inline:calc(var(--spacing) * 6);vertical-align:middle;
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium);
        color:var(--color-dark-grey);
        border-bottom:1px solid var(--color-grey-3);
        overflow-wrap:break-word;
        padding-block:10px;font-size:1rem;
        line-height:1.8
    }

    .rich-text .component-content tbody tr:nth-child(odd) td {
        background-color:var(--color-secondary-grey)
    }

    .rich-text .component-content tbody tr:last-child td {
        border-bottom:none
    }

    .rich-text .component-content table a {
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium);
        color:var(--color-primary-blue);
        text-decoration-line:none
    }

    .rich-text .component-content table a:hover {
        text-decoration-line:underline
    }

    @media (max-width:1023px) {
        .rich-text .component-content table,.rich-text .component-content tbody,.rich-text .component-content tbody tr {
            width:100%;
            display:block
        }

        .rich-text .component-content thead {
            clip-path:inset(50%);
            white-space:nowrap;
            border-width:0;
            width:1px;
            height:1px;
            margin:-1px;
            padding:0;
            position:absolute;
            overflow:hidden
        }

        .rich-text .component-content caption,.rich-text .component-content figure.table figcaption {
            width:100%;
            padding-top:16px;
            padding-bottom:16px;
            display:block
        }

        .rich-text .component-content tbody tr {
            border-bottom:2px solid var(--color-grey-3)
        }

        .rich-text .component-content tbody tr:last-child {
            border-bottom:none
        }

        .rich-text .component-content tbody td {
            border-bottom:1px solid var(--color-grey-3);
            align-items:flex-start;
            padding:12px 16px;
            display:flex
        }

        .rich-text .component-content tbody td:last-child {
            border-bottom:none
        }

        .rich-text .component-content tbody tr:last-child td {
            border-bottom:1px solid var(--color-grey-3)
        }

        .rich-text .component-content tbody tr:last-child td:last-child {
            border-bottom:none
        }

        .rich-text .component-content tbody td:before {
            content:attr(data-label);
            color:var(--color-dark-grey);
            word-break:break-word;
            flex:0 0 50%;
            padding-right:16px;
            font-size:1rem;
            font-weight:500;
            line-height:1.8
        }
    }

    .rich-text .component-content img {
        margin-block:calc(var(--spacing) * 4);
        border-radius:var(--radius-image);
        max-width:100%;
        height:auto
    }

    .rich-text .component-content td img {
        margin-block:calc(var(--spacing) * 0);
        border-radius:0
    }

    .rich-text .component-content figure {
        margin-block:calc(var(--spacing) * 6)
    }

    .rich-text .component-content figure img {
        margin-block:calc(var(--spacing) * 0)
    }

    .rich-text .component-content figure:not(.table) figcaption {
        margin-top:calc(var(--spacing) * 2);
        font-size:var(--text-body-xs);
        color:var(--color-medium-grey)
    }

    .rich-text .component-content figure.table {
        flex-direction:column;
        display:flex!important
    }

    .rich-text .component-content figure.table table {
        margin-block:calc(var(--spacing) * 0);
        order:0
    }

    .rich-text .component-content figure.table figcaption {
        background-color:var(--color-dark-blue);
        padding-inline:calc(var(--spacing) * 6);text-align:left;
        --tw-font-weight:var(--font-weight-bold);
        font-weight:var(--font-weight-bold);
        color:var(--color-white);
        order:-1;
        padding-block:24px;font-size:1.25rem;
        line-height:1.2
    }

    .rich-text .component-content code {
        border-radius:var(--radius-sm);
        background-color:var(--color-secondary-grey);
        padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);
        font-family:var(--font-mono);
        font-size:.875em
    }

    .rich-text .component-content pre {
        margin-block:calc(var(--spacing) * 6);
        border-radius:var(--radius-default);
        background-color:var(--color-secondary-grey);
        padding:calc(var(--spacing) * 4);
        font-family:var(--font-mono);
        font-size:var(--text-body-sm);
        overflow-x:auto
    }

    .rich-text .component-content pre code {
        padding:calc(var(--spacing) * 0);
        background-color:#0000
    }

    .rich-text .component-content sub,.rich-text .component-content sup {
        vertical-align:baseline;
        --tw-leading:1;
        font-size:.75em;
        line-height:1;
        position:relative
    }

    .rich-text .component-content sup {
        top:calc(var(--spacing) * -2)
    }

    .rich-text .component-content sub {
        bottom:calc(var(--spacing) * -1)
    }

    .rich-text .component-content a {
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }

    .rich-text .component-content a:hover {
        text-decoration-line:none
    }

    .rich-text .component-content a:focus-visible {
        border-radius:var(--radius-default);
        border-style:var(--tw-border-style);
        --tw-border-style:solid;
        border-style:solid;
        border-width:1px;
        border-color:var(--color-hover);
        padding-inline:calc(var(--spacing) * .5);color:var(--color-hover);
        --tw-outline-style:none;
        outline-style:none
    }

    .rich-text .component-content>:first-child {
        margin-top:calc(var(--spacing) * 0)
    }

    .rich-text .component-content>:last-child {
        margin-bottom:calc(var(--spacing) * 0)
    }

    .rich-text .component-content h1,.rich-text .component-content h2,.rich-text .component-content h3,.rich-text .component-content h4,.rich-text .component-content h5,.rich-text .component-content h6 {
        margin-top:calc(var(--spacing) * 6);
        margin-bottom:calc(var(--spacing) * 3);
        color:var(--color-text-primary)
    }

    .rich-text .component-content h1:first-child,.rich-text .component-content h2:first-child,.rich-text .component-content h3:first-child,.rich-text .component-content h4:first-child,.rich-text .component-content h5:first-child,.rich-text .component-content h6:first-child {
        margin-top:calc(var(--spacing) * 0)
    }

    .ck-content .table .ck-table-resized {
        table-layout:fixed
    }

    .ck-content .page-break {
        clear:both;
        justify-content:center;
        align-items:center;
        padding:5px 0;
        display:flex;
        position:relative
    }

    .ck-content .page-break:after {
        content:"";
        border-bottom:2px dashed #c4c4c4;
        width:100%;
        position:absolute
    }

    .ck-content .page-break__label {
        color:#333;
        text-transform:uppercase;
        -webkit-user-select:none;
        user-select:none;
        z-index:1;
        background:#fff;
        border:1px solid #c4c4c4;
        border-radius:2px;
        padding:.3em .6em;
        font-family:Helvetica,Arial,Tahoma,Verdana,sans-serif;
        font-size:.75em;
        font-weight:700;
        display:block;
        position:relative;
        box-shadow:2px 2px 1px #00000026
    }

    .ck-content .media {
        clear:both;
        min-width:15em;
        margin:.9em 0;
        display:block
    }

    .ck-content .todo-list {
        list-style:none
    }

    .ck-content .todo-list li {
        margin-bottom:5px;
        position:relative
    }

    .ck-content .todo-list li .todo-list {
        margin-top:5px
    }

    .ck-content .todo-list .todo-list__label>input {
        appearance:none;
        height:var(--ck-todo-list-checkmark-size);
        vertical-align:middle;
        width:var(--ck-todo-list-checkmark-size);
        border:0;
        margin-left:0;
        margin-right:-15px;
        display:inline-block;
        position:relative;
        left:-25px;
        right:0
    }

    .ck-content[dir=rtl] .todo-list .todo-list__label>input {
        margin-left:-15px;
        margin-right:0;
        left:0;
        right:-25px
    }

    .ck-content .todo-list .todo-list__label>input:before {
        box-sizing:border-box;
        content:"";
        border:1px solid #333;
        border-radius:2px;
        width:100%;
        height:100%;
        transition:box-shadow .25s ease-in-out;
        display:block;
        position:absolute
    }

    .ck-content .todo-list .todo-list__label>input:after {
        border-style:solid;
        border-color:#0000;
        border-width:0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
        box-sizing:content-box;
        content:"";
        height:calc(var(--ck-todo-list-checkmark-size) / 2.6);
        left:calc(var(--ck-todo-list-checkmark-size) / 3);
        pointer-events:none;
        top:calc(var(--ck-todo-list-checkmark-size) / 5.3);
        width:calc(var(--ck-todo-list-checkmark-size) / 5.3);
        display:block;
        position:absolute;
        transform:rotate(45deg)
    }

    .ck-content .todo-list .todo-list__label>input[checked]:before {
        background:#26ab33;
        border-color:#26ab33
    }

    .ck-content .todo-list .todo-list__label>input[checked]:after {
        border-color:#fff
    }

    .ck-content .todo-list .todo-list__label .todo-list__label__description {
        vertical-align:middle
    }

    .ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
        position:absolute
    }

    .ck-content img.image_resized {
        height:auto
    }

    .ck-content .image.image_resized {
        box-sizing:border-box;
        max-width:100%;
        display:block
    }

    .ck-content .image.image_resized img {
        width:100%
    }

    .ck-content .image.image_resized>figcaption {
        display:block
    }

    .ck-content .image {
        clear:both;
        text-align:center;
        min-width:50px;
        margin:.9em auto;
        display:table
    }

    .ck-content .image img {
        min-width:100%;
        max-width:100%;
        height:auto;
        margin:0 auto;
        display:block
    }

    .ck-content .image-inline {
        align-items:flex-start;
        max-width:100%;
        display:inline-flex
    }

    .ck-content .image-inline picture {
        display:flex
    }

    .ck-content .image-inline img,.ck-content .image-inline picture {
        flex-grow:1;
        flex-shrink:1;
        max-width:100%
    }

    .ck-content .image-style-block-align-left,.ck-content .image-style-block-align-right {
        max-width:calc(100% - var(--ck-image-style-spacing))
    }

    .ck-content .image-style-align-left,.ck-content .image-style-align-right {
        clear:none
    }

    .ck-content .image-style-side {
        float:right;
        margin-left:var(--ck-image-style-spacing);
        max-width:50%
    }

    .ck-content .image-style-align-left {
        float:left;
        margin-right:var(--ck-image-style-spacing)
    }

    .ck-content .image-style-align-center {
        margin-left:auto;
        margin-right:auto
    }

    .ck-content .image-style-align-right {
        float:right;
        margin-left:var(--ck-image-style-spacing)
    }

    .ck-content .image-style-block-align-right {
        margin-left:auto;
        margin-right:0
    }

    .ck-content .image-style-block-align-left {
        margin-left:0;
        margin-right:auto
    }

    .ck-content p+.image-style-align-left,.ck-content p+.image-style-align-right,.ck-content p+.image-style-side {
        margin-top:0
    }

    .ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right {
        margin-bottom:var(--ck-inline-image-style-spacing);
        margin-top:var(--ck-inline-image-style-spacing)
    }

    .ck-content .image-inline.image-style-align-left {
        margin-right:var(--ck-inline-image-style-spacing)
    }

    .ck-content .image-inline.image-style-align-right {
        margin-left:var(--ck-inline-image-style-spacing)
    }

    .ck-content .marker-yellow {
        background-color:var(--ck-highlight-marker-yellow)
    }

    .ck-content .marker-green {
        background-color:var(--ck-highlight-marker-green)
    }

    .ck-content .marker-pink {
        background-color:var(--ck-highlight-marker-pink)
    }

    .ck-content .marker-blue {
        background-color:var(--ck-highlight-marker-blue)
    }

    .ck-content .pen-red {
        color:var(--ck-highlight-pen-red);
        background-color:#0000
    }

    .ck-content .pen-green {
        color:var(--ck-highlight-pen-green);
        background-color:#0000
    }

    .ck-content .text-tiny {
        font-size:.7em
    }

    .ck-content .text-small {
        font-size:.85em
    }

    .ck-content .text-big {
        font-size:1.4em
    }

    .ck-content .text-huge {
        font-size:1.8em
    }

    .ck-content .mention {
        background:var(--ck-color-mention-background);
        color:var(--ck-color-mention-text)
    }

    @media print {
        .ck-content .page-break {
            padding:0
        }

        .ck-content .page-break:after {
            display:none
        }
    }
}

@layer utilities {
    .\@container {
        container-type:inline-size
    }

    .pointer-events-auto {
        pointer-events:auto
    }

    .pointer-events-none {
        pointer-events:none
    }

    .collapse {
        visibility:collapse
    }

    .invisible {
        visibility:hidden
    }

    .visible {
        visibility:visible
    }

    .sr-only {
        clip-path:inset(50%);
        white-space:nowrap;
        border-width:0;
        width:1px;
        height:1px;
        margin:-1px;
        padding:0;
        position:absolute;
        overflow:hidden
    }

    .absolute {
        position:absolute
    }

    .fixed {
        position:fixed
    }

    .relative {
        position:relative
    }

    .static {
        position:static
    }

    .sticky {
        position:sticky
    }

    .inset-0 {
        inset:calc(var(--spacing) * 0)
    }

    .inset-x-0 {
        inset-inline:calc(var(--spacing) * 0)
    }

    .start {
        inset-inline-start:var(--spacing)
    }

    .end {
        inset-inline-end:var(--spacing)
    }

    .end\! {
        inset-inline-end:var(--spacing)!important
    }

    .-top-3 {
        top:calc(var(--spacing) * -3)
    }

    .-top-12 {
        top:calc(var(--spacing) * -12)
    }

    .top-0 {
        top:calc(var(--spacing) * 0)
    }

    .top-1 {
        top:calc(var(--spacing) * 1)
    }

    .top-1\/2 {
        top:50%
    }

    .top-2 {
        top:calc(var(--spacing) * 2)
    }

    .top-3 {
        top:calc(var(--spacing) * 3)
    }

    .top-4 {
        top:calc(var(--spacing) * 4)
    }

    .top-6 {
        top:calc(var(--spacing) * 6)
    }

    .top-12 {
        top:calc(var(--spacing) * 12)
    }

    .top-20px {
        top:20px
    }

    .top-28px {
        top:28px
    }

    .top-30px {
        top:30px
    }

    .top-40px {
        top:40px
    }

    .top-50\% {
        top:50%
    }

    .top-77px {
        top:77px
    }

    .top-480px {
        top:480px
    }

    .top-calc\(50\%-39px\) {
        top:calc(50% - 39px)
    }

    .top-full {
        top:100%
    }

    .right-0 {
        right:calc(var(--spacing) * 0)
    }

    .right-1 {
        right:calc(var(--spacing) * 1)
    }

    .right-1\.5 {
        right:calc(var(--spacing) * 1.5)
    }

    .right-3 {
        right:calc(var(--spacing) * 3)
    }

    .right-5 {
        right:calc(var(--spacing) * 5)
    }

    .right-24px {
        right:24px
    }

    .bottom-0 {
        bottom:calc(var(--spacing) * 0)
    }

    .bottom-1 {
        bottom:calc(var(--spacing) * 1)
    }

    .bottom-2 {
        bottom:calc(var(--spacing) * 2)
    }

    .bottom-3 {
        bottom:calc(var(--spacing) * 3)
    }

    .bottom-6 {
        bottom:calc(var(--spacing) * 6)
    }

    .bottom--20px {
        bottom:-20px
    }

    .left-0 {
        left:calc(var(--spacing) * 0)
    }

    .left-1\/2 {
        left:50%
    }

    .left-4 {
        left:calc(var(--spacing) * 4)
    }

    .left--55px {
        left:-55px
    }

    .left-24px {
        left:24px
    }

    .left-50\% {
        left:50%
    }

    .z-0 {
        z-index:0
    }

    .z-2 {
        z-index:2
    }

    .z-10 {
        z-index:10
    }

    .z-20 {
        z-index:20
    }

    .z-30 {
        z-index:30
    }

    .z-40 {
        z-index:40
    }

    .z-50 {
        z-index:50
    }

    .z--1 {
        z-index:-1
    }

    .z-1 {
        z-index:1
    }

    .z-2 {
        z-index:2
    }

    .z-3 {
        z-index:3
    }

    .z-60 {
        z-index:60
    }

    .z-100 {
        z-index:100
    }

    .z-998 {
        z-index:998
    }

    .z-1000 {
        z-index:1000
    }

    .z-9999 {
        z-index:9999
    }

    .order-0 {
        order:0
    }

    .order-1 {
        order:1
    }

    .order-2 {
        order:2
    }

    .order-3 {
        order:3
    }

    .order-4 {
        order:4
    }

    .order-5 {
        order:5
    }

    .order-6 {
        order:6
    }

    .order-7 {
        order:7
    }

    .order-8 {
        order:8
    }

    .order-9 {
        order:9
    }

    .order-10 {
        order:10
    }

    .order-11 {
        order:11
    }

    .order-12 {
        order:12
    }

    .order-first {
        order:-9999
    }

    .order-last {
        order:9999
    }

    .col-span-1 {
        grid-column:span 1/span 1
    }

    .col-span-2 {
        grid-column:span 2/span 2
    }

    .col-span-3 {
        grid-column:span 3/span 3
    }

    .col-span-4 {
        grid-column:span 4/span 4
    }

    .col-span-5 {
        grid-column:span 5/span 5
    }

    .col-span-6 {
        grid-column:span 6/span 6
    }

    .col-span-7 {
        grid-column:span 7/span 7
    }

    .col-span-8 {
        grid-column:span 8/span 8
    }

    .col-span-9 {
        grid-column:span 9/span 9
    }

    .col-span-10 {
        grid-column:span 10/span 10
    }

    .col-span-11 {
        grid-column:span 11/span 11
    }

    .col-span-12 {
        grid-column:span 12/span 12
    }

    .col-span-full {
        grid-column:1/-1
    }

    .row-span-1 {
        grid-row:span 1/span 1
    }

    .row-span-2 {
        grid-row:span 2/span 2
    }

    .row-span-3 {
        grid-row:span 3/span 3
    }

    .row-span-4 {
        grid-row:span 4/span 4
    }

    .row-span-5 {
        grid-row:span 5/span 5
    }

    .row-span-6 {
        grid-row:span 6/span 6
    }

    .row-span-full {
        grid-row:1/-1
    }

    .container {
        width:100%
    }

    @media (min-width:640px) {
        .container {
            max-width:640px
        }
    }

    @media (min-width:768px) {
        .container {
            max-width:768px
        }
    }

    @media (min-width:1024px) {
        .container {
            max-width:1024px
        }
    }

    @media (min-width:1280px) {
        .container {
            max-width:1280px
        }
    }

    @media (min-width:1536px) {
        .container {
            max-width:1536px
        }
    }

    @media (min-width:1920px) {
        .container {
            max-width:1920px
        }
    }

    .m-0 {
        margin:calc(var(--spacing) * 0)
    }

    .m-1 {
        margin:calc(var(--spacing) * 1)
    }

    .m-2 {
        margin:calc(var(--spacing) * 2)
    }

    .m-3 {
        margin:calc(var(--spacing) * 3)
    }

    .m-4 {
        margin:calc(var(--spacing) * 4)
    }

    .m-5 {
        margin:calc(var(--spacing) * 5)
    }

    .m-6 {
        margin:calc(var(--spacing) * 6)
    }

    .m-8 {
        margin:calc(var(--spacing) * 8)
    }

    .m-10 {
        margin:calc(var(--spacing) * 10)
    }

    .m-12 {
        margin:calc(var(--spacing) * 12)
    }

    .m-16 {
        margin:calc(var(--spacing) * 16)
    }

    .m-20 {
        margin:calc(var(--spacing) * 20)
    }

    .m-24 {
        margin:calc(var(--spacing) * 24)
    }

    .m-auto {
        margin:auto
    }

    .-mx-2\.5 {
        margin-inline:calc(var(--spacing) * -2.5)
    }

    .-mx-6 {
        margin-inline:calc(var(--spacing) * -6)}

    .mx-0 {
        margin-inline:calc(var(--spacing) * 0)
    }

    .mx-1 {
        margin-inline:calc(var(--spacing) * 1)}

    .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-5 {
        margin-inline:calc(var(--spacing) * 5)}

    .mx-6 {
        margin-inline:calc(var(--spacing) * 6)
    }

    .mx-8 {
        margin-inline:calc(var(--spacing) * 8)}

    .mx-10 {
        margin-inline:calc(var(--spacing) * 10)
    }

    .mx-12 {
        margin-inline:calc(var(--spacing) * 12)}

    .mx-16 {
        margin-inline:calc(var(--spacing) * 16)
    }

    .mx-20 {
        margin-inline:calc(var(--spacing) * 20)}

    .mx-24 {
        margin-inline:calc(var(--spacing) * 24)
    }

    .mx-3\.8\% {
        margin-inline:3.8%
    }

    .mx-auto {
        margin-inline:auto}

    .-my-10 {
        margin-block:calc(var(--spacing) * -10)}

    .my-0 {
        margin-block:calc(var(--spacing) * 0)
    }

    .my-1 {
        margin-block:calc(var(--spacing) * 1)}

    .my-2 {
        margin-block:calc(var(--spacing) * 2)
    }

    .my-3 {
        margin-block:calc(var(--spacing) * 3)}

    .my-4 {
        margin-block:calc(var(--spacing) * 4)
    }

    .my-5 {
        margin-block:calc(var(--spacing) * 5)}

    .my-6 {
        margin-block:calc(var(--spacing) * 6)
    }

    .my-8 {
        margin-block:calc(var(--spacing) * 8)}

    .my-10 {
        margin-block:calc(var(--spacing) * 10)
    }

    .my-12 {
        margin-block:calc(var(--spacing) * 12)}

    .my-16 {
        margin-block:calc(var(--spacing) * 16)
    }

    .my-20 {
        margin-block:calc(var(--spacing) * 20)}

    .my-24 {
        margin-block:calc(var(--spacing) * 24)
    }

    .-mt-1 {
        margin-top:calc(var(--spacing) * -1)
    }

    .-mt-5px {
        margin-top:-5px
    }

    .mt-0 {
        margin-top:calc(var(--spacing) * 0)
    }

    .mt-0\.5 {
        margin-top:calc(var(--spacing) * .5)
    }

    .mt-1 {
        margin-top:calc(var(--spacing) * 1)
    }

    .mt-2 {
        margin-top:calc(var(--spacing) * 2)
    }

    .mt-2\.5 {
        margin-top:calc(var(--spacing) * 2.5)
    }

    .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-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-20 {
        margin-top:calc(var(--spacing) * 20)
    }

    .mt-24 {
        margin-top:calc(var(--spacing) * 24)
    }

    .mt--32px {
        margin-top:-32px
    }

    .mt-10px {
        margin-top:10px
    }

    .mt-auto {
        margin-top:auto
    }

    .mr-0 {
        margin-right:calc(var(--spacing) * 0)
    }

    .mr-1 {
        margin-right:calc(var(--spacing) * 1)
    }

    .mr-2 {
        margin-right:calc(var(--spacing) * 2)
    }

    .mr-3 {
        margin-right:calc(var(--spacing) * 3)
    }

    .mr-4 {
        margin-right:calc(var(--spacing) * 4)
    }

    .mr-5 {
        margin-right:calc(var(--spacing) * 5)
    }

    .mr-6 {
        margin-right:calc(var(--spacing) * 6)
    }

    .mr-8 {
        margin-right:calc(var(--spacing) * 8)
    }

    .mr-10 {
        margin-right:calc(var(--spacing) * 10)
    }

    .mr-12 {
        margin-right:calc(var(--spacing) * 12)
    }

    .mr-16 {
        margin-right:calc(var(--spacing) * 16)
    }

    .mr-20 {
        margin-right:calc(var(--spacing) * 20)
    }

    .mr-24 {
        margin-right:calc(var(--spacing) * 24)
    }

    .mr-auto {
        margin-right:auto
    }

    .-mb-5px {
        margin-bottom:-5px
    }

    .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-2\.5 {
        margin-bottom:calc(var(--spacing) * 2.5)
    }

    .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)
    }

    .mb-16 {
        margin-bottom:calc(var(--spacing) * 16)
    }

    .mb-20 {
        margin-bottom:calc(var(--spacing) * 20)
    }

    .mb-24 {
        margin-bottom:calc(var(--spacing) * 24)
    }

    .mb-40 {
        margin-bottom:calc(var(--spacing) * 40)
    }

    .mb-8px {
        margin-bottom:8px
    }

    .mb-28px {
        margin-bottom:28px
    }

    .ml-0 {
        margin-left:calc(var(--spacing) * 0)
    }

    .ml-1 {
        margin-left:calc(var(--spacing) * 1)
    }

    .ml-2 {
        margin-left:calc(var(--spacing) * 2)
    }

    .ml-3 {
        margin-left:calc(var(--spacing) * 3)
    }

    .ml-4 {
        margin-left:calc(var(--spacing) * 4)
    }

    .ml-5 {
        margin-left:calc(var(--spacing) * 5)
    }

    .ml-6 {
        margin-left:calc(var(--spacing) * 6)
    }

    .ml-8 {
        margin-left:calc(var(--spacing) * 8)
    }

    .ml-10 {
        margin-left:calc(var(--spacing) * 10)
    }

    .ml-12 {
        margin-left:calc(var(--spacing) * 12)
    }

    .ml-16 {
        margin-left:calc(var(--spacing) * 16)
    }

    .ml-20 {
        margin-left:calc(var(--spacing) * 20)
    }

    .ml-24 {
        margin-left:calc(var(--spacing) * 24)
    }

    .ml-8\.333333\% {
        margin-left:8.33333%
    }

    .ml-16\.666667\% {
        margin-left:16.6667%
    }

    .ml-25\% {
        margin-left:25%
    }

    .ml-33\.333333\% {
        margin-left:33.3333%
    }

    .ml-41\.666667\% {
        margin-left:41.6667%
    }

    .ml-50\% {
        margin-left:50%
    }

    .ml-58\.333333\% {
        margin-left:58.3333%
    }

    .ml-66\.666667\% {
        margin-left:66.6667%
    }

    .ml-75\% {
        margin-left:75%
    }

    .ml-83\.333333\% {
        margin-left:83.3333%
    }

    .ml-91\.666667\% {
        margin-left:91.6667%
    }

    .ml-auto {
        margin-left:auto
    }

    .box-border {
        box-sizing:border-box
    }

    .line-clamp-2 {
        -webkit-box-orient:vertical;
        display:-webkit-box;
        overflow:hidden
    }

    .line-clamp-3 {
        -webkit-box-orient:vertical;
        display:-webkit-box;
        overflow:hidden
    }

    .line-clamp-4 {
        -webkit-box-orient:vertical;
        display:-webkit-box;
        overflow:hidden
    }

    .line-clamp-5 {
        -webkit-box-orient:vertical;
        display:-webkit-box;
        overflow:hidden
    }

    .line-clamp-10 {
        -webkit-box-orient:vertical;
        display:-webkit-box;
        overflow:hidden
    }

    .block {
        display:block
    }

    .contents {
        display:contents
    }

    .flex {
        display:flex
    }

    .grid {
        display:grid
    }

    .hidden {
        display:none
    }

    .inline {
        display:inline
    }

    .inline-block {
        display:inline-block
    }

    .inline-flex {
        display:inline-flex
    }

    .table {
        display:table
    }

    .aspect-1\/1 {
        aspect-ratio:1
    }

    .aspect-2\/3 {
        aspect-ratio:2/3
    }

    .aspect-3\/2 {
        aspect-ratio:3/2
    }

    .aspect-3\/4 {
        aspect-ratio:3/4
    }

    .aspect-4\/3 {
        aspect-ratio:4/3
    }

    .aspect-9\/16 {
        aspect-ratio:9/16
    }

    .aspect-16\/9 {
        aspect-ratio:16/9
    }

    .aspect-326\/183 {
        aspect-ratio:326/183
    }

    .aspect-837\/558 {
        aspect-ratio:837/558
    }

    .aspect-auto {
        aspect-ratio:auto
    }

    .aspect-square {
        aspect-ratio:1
    }

    .aspect-video {
        aspect-ratio:var(--aspect-video)
    }

    .size-3 {
        width:calc(var(--spacing) * 3);
        height:calc(var(--spacing) * 3)
    }

    .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-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-11px {
        width:11px;
        height:11px
    }

    .size-18px {
        width:18px;
        height:18px
    }

    .size-20px {
        width:20px;
        height:20px
    }

    .size-30px {
        width:30px;
        height:30px
    }

    .size-32px {
        width:32px;
        height:32px
    }

    .size-38px {
        width:38px;
        height:38px
    }

    .size-42px {
        width:42px;
        height:42px
    }

    .size-48px {
        width:48px;
        height:48px
    }

    .h-0\.5 {
        height:calc(var(--spacing) * .5)
    }

    .h-2 {
        height:calc(var(--spacing) * 2)
    }

    .h-3 {
        height:calc(var(--spacing) * 3)
    }

    .h-4 {
        height:calc(var(--spacing) * 4)
    }

    .h-5 {
        height:calc(var(--spacing) * 5)
    }

    .h-6 {
        height:calc(var(--spacing) * 6)
    }

    .h-8 {
        height:calc(var(--spacing) * 8)
    }

    .h-9 {
        height:calc(var(--spacing) * 9)
    }

    .h-10 {
        height:calc(var(--spacing) * 10)
    }

    .h-11 {
        height:calc(var(--spacing) * 11)
    }

    .h-12 {
        height:calc(var(--spacing) * 12)
    }

    .h-14 {
        height:calc(var(--spacing) * 14)
    }

    .h-16 {
        height:calc(var(--spacing) * 16)
    }

    .h-20 {
        height:calc(var(--spacing) * 20)
    }

    .h-24 {
        height:calc(var(--spacing) * 24)
    }

    .h-28 {
        height:calc(var(--spacing) * 28)
    }

    .h-32 {
        height:calc(var(--spacing) * 32)
    }

    .h-48 {
        height:calc(var(--spacing) * 48)
    }

    .h-2px {
        height:2px
    }

    .h-3px {
        height:3px
    }

    .h-6px {
        height:6px
    }

    .h-9px {
        height:9px
    }

    .h-10px {
        height:10px
    }

    .h-14px {
        height:14px
    }

    .h-16\.67px {
        height:16.67px
    }

    .h-16px {
        height:16px
    }

    .h-18px {
        height:18px
    }

    .h-30px {
        height:30px
    }

    .h-38px {
        height:38px
    }

    .h-40px {
        height:40px
    }

    .h-42px {
        height:42px
    }

    .h-44px {
        height:44px
    }

    .h-46px {
        height:46px
    }

    .h-48px {
        height:48px
    }

    .h-54px {
        height:54px
    }

    .h-56px {
        height:56px
    }

    .h-72px {
        height:72px
    }

    .h-77px {
        height:77px
    }

    .h-78px {
        height:78px
    }

    .h-79px {
        height:79px
    }

    .h-87px {
        height:87px
    }

    .h-99px {
        height:99px
    }

    .h-100px {
        height:100px
    }

    .h-124px {
        height:124px
    }

    .h-136px {
        height:136px
    }

    .h-183px {
        height:183px
    }

    .h-198px {
        height:198px
    }

    .h-200px {
        height:200px
    }

    .h-244px {
        height:244px
    }

    .h-270px {
        height:270px
    }

    .h-326px {
        height:326px
    }

    .h-374px {
        height:374px
    }

    .h-396px {
        height:396px
    }

    .h-400px {
        height:400px
    }

    .h-432px {
        height:432px
    }

    .h-515px {
        height:515px
    }

    .h-524px {
        height:524px
    }

    .h-auto {
        height:auto
    }

    .h-full {
        height:100%
    }

    .h-px {
        height:1px
    }

    .h-screen {
        height:100vh
    }

    .max-h-0 {
        max-height:calc(var(--spacing) * 0)
    }

    .max-h-52 {
        max-height:calc(var(--spacing) * 52)
    }

    .max-h-90vh {
        max-height:90vh
    }

    .max-h-200px {
        max-height:200px
    }

    .max-h-267px {
        max-height:267px
    }

    .max-h-640px {
        max-height:640px
    }

    .max-h-2000px {
        max-height:2000px
    }

    .min-h-0 {
        min-height:calc(var(--spacing) * 0)
    }

    .min-h-11 {
        min-height:calc(var(--spacing) * 11)
    }

    .min-h-44px {
        min-height:44px
    }

    .min-h-96px {
        min-height:96px
    }

    .min-h-270px {
        min-height:270px
    }

    .min-h-300px {
        min-height:300px
    }

    .min-h-400px {
        min-height:400px
    }

    .min-h-518px {
        min-height:518px
    }

    .min-h-707px {
        min-height:707px
    }

    .min-h-px {
        min-height:1px
    }

    .min-h-screen {
        min-height:100vh
    }

    .w-1\/2 {
        width:50%
    }

    .w-1\/3 {
        width:33.3333%
    }

    .w-1\/4 {
        width:25%
    }

    .w-1\/5 {
        width:20%
    }

    .w-1\/6 {
        width:16.6667%
    }

    .w-1\/12 {
        width:8.33333%
    }

    .w-2 {
        width:calc(var(--spacing) * 2)
    }

    .w-2\/3 {
        width:66.6667%
    }

    .w-2\/5 {
        width:40%
    }

    .w-3 {
        width:calc(var(--spacing) * 3)
    }

    .w-3\/4 {
        width:75%
    }

    .w-3\/5 {
        width:60%
    }

    .w-4 {
        width:calc(var(--spacing) * 4)
    }

    .w-4\/5 {
        width:80%
    }

    .w-5 {
        width:calc(var(--spacing) * 5)
    }

    .w-5\/6 {
        width:83.3333%
    }

    .w-5\/12 {
        width:41.6667%
    }

    .w-6 {
        width:calc(var(--spacing) * 6)
    }

    .w-7 {
        width:calc(var(--spacing) * 7)
    }

    .w-7\/12 {
        width:58.3333%
    }

    .w-8 {
        width:calc(var(--spacing) * 8)
    }

    .w-9 {
        width:calc(var(--spacing) * 9)
    }

    .w-10 {
        width:calc(var(--spacing) * 10)
    }

    .w-11 {
        width:calc(var(--spacing) * 11)
    }

    .w-11\/12 {
        width:91.6667%
    }

    .w-12 {
        width:calc(var(--spacing) * 12)
    }

    .w-16 {
        width:calc(var(--spacing) * 16)
    }

    .w-20 {
        width:calc(var(--spacing) * 20)
    }

    .w-24 {
        width:calc(var(--spacing) * 24)
    }

    .w-48 {
        width:calc(var(--spacing) * 48)
    }

    .w-200 {
        width:calc(var(--spacing) * 200)
    }

    .w-6px {
        width:6px
    }

    .w-8\.33px {
        width:8.33px
    }

    .w-9px {
        width:9px
    }

    .w-10px {
        width:10px
    }

    .w-14px {
        width:14px
    }

    .w-17px {
        width:17px
    }

    .w-18px {
        width:18px
    }

    .w-25\% {
        width:25%
    }

    .w-30px {
        width:30px
    }

    .w-38px {
        width:38px
    }

    .w-54px {
        width:54px
    }

    .w-58px {
        width:58px
    }

    .w-65px {
        width:65px
    }

    .w-90px {
        width:90px
    }

    .w-124px {
        width:124px
    }

    .w-140px {
        width:140px
    }

    .w-148px {
        width:148px
    }

    .w-248px {
        width:248px
    }

    .w-277px {
        width:277px
    }

    .w-280px {
        width:280px
    }

    .w-300px {
        width:300px
    }

    .w-318px {
        width:318px
    }

    .w-326px {
        width:326px
    }

    .w-342px {
        width:342px
    }

    .w-374px {
        width:374px
    }

    .w-400px {
        width:400px
    }

    .w-420px {
        width:420px
    }

    .w-432px {
        width:432px
    }

    .w-543px {
        width:543px
    }

    .w-800px {
        width:800px
    }

    .w-calc\(100\%\+48px\) {
        width:calc(100% + 48px)
    }

    .w-calc\(100\%-48px\) {
        width:calc(100% - 48px)
    }

    .w-auto {
        width:auto
    }

    .w-fit {
        width:fit-content
    }

    .w-full {
        width:100%
    }

    .w-px {
        width:1px
    }

    .max-w-\(--container-max-width\) {
        max-width:var(--container-max-width)
    }

    .max-w-2xl {
        max-width:var(--container-2xl)
    }

    .max-w-4xl {
        max-width:var(--container-4xl)
    }

    .max-w-50rem {
        max-width:50rem
    }

    .max-w-228px {
        max-width:228px
    }

    .max-w-300px {
        max-width:300px
    }

    .max-w-326px {
        max-width:326px
    }

    .max-w-342px {
        max-width:342px
    }

    .max-w-374px {
        max-width:374px
    }

    .max-w-375px {
        max-width:375px
    }

    .max-w-400px {
        max-width:400px
    }

    .max-w-432px {
        max-width:432px
    }

    .max-w-526px {
        max-width:526px
    }

    .max-w-600px {
        max-width:600px
    }

    .max-w-660px {
        max-width:660px
    }

    .max-w-700px {
        max-width:700px
    }

    .max-w-798px {
        max-width:798px
    }

    .max-w-800px {
        max-width:800px
    }

    .max-w-1032px {
        max-width:1032px
    }

    .max-w-1164px {
        max-width:1164px
    }

    .max-w-1344px {
        max-width:1344px
    }

    .max-w-1920px {
        max-width:1920px
    }

    .max-w-var\(--container-max-width\) {
        max-width:var(--container-max-width)
    }

    .max-w-full {
        max-width:100%
    }

    .max-w-lg {
        max-width:var(--container-lg)
    }

    .max-w-md {
        max-width:var(--container-md)
    }

    .max-w-none {
        max-width:none
    }

    .max-w-sm {
        max-width:var(--container-sm)
    }

    .max-w-xl {
        max-width:var(--container-xl)
    }

    .min-w-0 {
        min-width:calc(var(--spacing) * 0)
    }

    .min-w-44px {
        min-width:44px
    }

    .min-w-100px {
        min-width:100px
    }

    .min-w-104px {
        min-width:104px
    }

    .min-w-150px {
        min-width:150px
    }

    .min-w-200px {
        min-width:200px
    }

    .min-w-360px {
        min-width:360px
    }

    .min-w-full {
        min-width:100%
    }

    .min-w-px {
        min-width:1px
    }

    .flex-1 {
        flex:1
    }

    .flex-1_0_0 {
        flex:1 0 0
    }

    .flex-none {
        flex:none
    }

    .flex-shrink {
        flex-shrink:1
    }

    .flex-shrink-0,.shrink-0 {
        flex-shrink:0
    }

    .flex-grow,.grow {
        flex-grow:1
    }

    .basis-0 {
        flex-basis:calc(var(--spacing) * 0)
    }

    .basis-1\/2 {
        flex-basis:50%
    }

    .basis-1\/3 {
        flex-basis:33.3333%
    }

    .basis-1\/4 {
        flex-basis:25%
    }

    .basis-1\/6 {
        flex-basis:16.6667%
    }

    .basis-1\/12 {
        flex-basis:8.33333%
    }

    .basis-2\/3 {
        flex-basis:66.6667%
    }

    .basis-3\/4 {
        flex-basis:75%
    }

    .basis-5\/6 {
        flex-basis:83.3333%
    }

    .basis-5\/12 {
        flex-basis:41.6667%
    }

    .basis-7\/12 {
        flex-basis:58.3333%
    }

    .basis-11\/12 {
        flex-basis:91.6667%
    }

    .basis-auto {
        flex-basis:auto
    }

    .basis-full {
        flex-basis:100%
    }

    .border-collapse {
        border-collapse:collapse
    }

    .-translate-x-1\/2 {
        --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-x-50\% {
        --tw-translate-x:calc(50% * -1);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-x-full {
        --tw-translate-x:-100%;
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-0 {
        --tw-translate-x:calc(var(--spacing) * 0);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-full {
        --tw-translate-x:100%;
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-50\% {
        --tw-translate-y:calc(50% * -1);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-full {
        --tw-translate-y:-100%;
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y:calc(var(--spacing) * 0);
        translate:var(--tw-translate-x) var(--tw-translate-y)
    }

    .scale-0\.55 {
        scale:.55
    }

    .-rotate-90 {
        rotate:-90deg
    }

    .rotate-45 {
        rotate:45deg
    }

    .rotate-180 {
        rotate:180deg
    }

    .transform {
        transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
    }

    .animate-pulse {
        animation:var(--animate-pulse)
    }

    .animate-spin {
        animation:var(--animate-spin)
    }

    .cursor-default {
        cursor:default
    }

    .cursor-not-allowed {
        cursor:not-allowed
    }

    .cursor-pointer {
        cursor:pointer
    }

    .touch-action\:manipulation {
        touch-action:manipulation
    }

    .touch-none {
        touch-action:none
    }

    .resize {
        resize:both
    }

    .resize-none {
        resize:none
    }

    .resize-y {
        resize:vertical
    }

    .list-inside {
        list-style-position:inside
    }

    .list-decimal {
        list-style-type:decimal
    }

    .list-disc {
        list-style-type:disc
    }

    .list-none {
        list-style-type:none
    }

    .appearance-none {
        appearance:none
    }

    .auto-cols-300px {
        grid-auto-columns:300px
    }

    .grid-flow-col {
        grid-auto-flow:column
    }

    .grid-cols-1 {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

    .grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }

    .grid-cols-5 {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }

    .grid-cols-6 {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }

    .grid-cols-7 {
        grid-template-columns:repeat(7,minmax(0,1fr))
    }

    .grid-cols-8 {
        grid-template-columns:repeat(8,minmax(0,1fr))
    }

    .grid-cols-9 {
        grid-template-columns:repeat(9,minmax(0,1fr))
    }

    .grid-cols-10 {
        grid-template-columns:repeat(10,minmax(0,1fr))
    }

    .grid-cols-11 {
        grid-template-columns:repeat(11,minmax(0,1fr))
    }

    .grid-cols-12 {
        grid-template-columns:repeat(12,minmax(0,1fr))
    }

    .grid-rows-auto_auto_1fr_auto {
        grid-template-rows:auto auto 1fr auto
    }

    .flex-col {
        flex-direction:column
    }

    .flex-col-reverse {
        flex-direction:column-reverse
    }

    .flex-row {
        flex-direction:row
    }

    .flex-row-reverse {
        flex-direction:row-reverse
    }

    .flex-nowrap {
        flex-wrap:nowrap
    }

    .flex-wrap {
        flex-wrap:wrap
    }

    .flex-wrap-reverse {
        flex-wrap:wrap-reverse
    }

    .place-items-center {
        place-items:center
    }

    .items-baseline {
        align-items:baseline
    }

    .items-center {
        align-items:center
    }

    .items-end {
        align-items:flex-end
    }

    .items-start {
        align-items:flex-start
    }

    .items-stretch {
        align-items:stretch
    }

    .justify-around {
        justify-content:space-around
    }

    .justify-between {
        justify-content:space-between
    }

    .justify-center {
        justify-content:center
    }

    .justify-end {
        justify-content:flex-end
    }

    .justify-evenly {
        justify-content:space-evenly
    }

    .justify-start {
        justify-content:flex-start
    }

    .gap-0 {
        gap:calc(var(--spacing) * 0)
    }

    .gap-0\.5 {
        gap:calc(var(--spacing) * .5)
    }

    .gap-1 {
        gap:calc(var(--spacing) * 1)
    }

    .gap-1\.5 {
        gap:calc(var(--spacing) * 1.5)
    }

    .gap-2 {
        gap:calc(var(--spacing) * 2)
    }

    .gap-2\.5 {
        gap:calc(var(--spacing) * 2.5)
    }

    .gap-3 {
        gap:calc(var(--spacing) * 3)
    }

    .gap-4 {
        gap:calc(var(--spacing) * 4)
    }

    .gap-5 {
        gap:calc(var(--spacing) * 5)
    }

    .gap-6 {
        gap:calc(var(--spacing) * 6)
    }

    .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-20 {
        gap:calc(var(--spacing) * 20)
    }

    .gap-24 {
        gap:calc(var(--spacing) * 24)
    }

    .gap-40 {
        gap:calc(var(--spacing) * 40)
    }

    .gap-80 {
        gap:calc(var(--spacing) * 80)
    }

    .gap-2px {
        gap:2px
    }

    .gap-4px {
        gap:4px
    }

    .gap-6px {
        gap:6px
    }

    .gap-8px {
        gap:8px
    }

    .gap-10px {
        gap:10px
    }

    .gap-12px {
        gap:12px
    }

    .gap-24px {
        gap:24px
    }

    .gap-40px {
        gap:40px
    }

    .gap-72px {
        gap:72px
    }

    .gap-96px {
        gap:96px
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>: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)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-4>: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)))
    }

    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-8>:not(:last-child)) {
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
    }

    .self-center {
        align-self:center
    }

    .self-start {
        align-self:flex-start
    }

    .self-stretch {
        align-self:stretch
    }

    .truncate {
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden
    }

    .overflow-clip {
        overflow:clip
    }

    .overflow-hidden {
        overflow:hidden
    }

    .overflow-visible {
        overflow:visible
    }

    .overflow-x-auto {
        overflow-x:auto
    }

    .overflow-x-hidden {
        overflow-x:hidden
    }

    .overflow-y-auto {
        overflow-y:auto
    }

    .overflow-y-scroll {
        overflow-y:scroll
    }

    .rounded {
        border-radius:.25rem
    }

    .rounded-2xl {
        border-radius:var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius:var(--radius-3xl)
    }

    .rounded-3px {
        border-radius:3px
    }

    .rounded-4px {
        border-radius:4px
    }

    .rounded-8px {
        border-radius:8px
    }

    .rounded-10px {
        border-radius:10px
    }

    .rounded-12px {
        border-radius:12px
    }

    .rounded-20px {
        border-radius:20px
    }

    .rounded-24px {
        border-radius:24px
    }

    .rounded-27px {
        border-radius:27px
    }

    .rounded-28px {
        border-radius:28px
    }

    .rounded-30px {
        border-radius:30px
    }

    .rounded-40px {
        border-radius:40px
    }

    .rounded-var\(--radius-image\) {
        border-radius:var(--radius-image)
    }

    .rounded-card {
        border-radius:var(--radius-card)
    }

    .rounded-default {
        border-radius:var(--radius-default)
    }

    .rounded-full {
        border-radius:var(--radius-full)
    }

    .rounded-image {
        border-radius:var(--radius-image)
    }

    .rounded-lg {
        border-radius:var(--radius-lg)
    }

    .rounded-md {
        border-radius:var(--radius-md)
    }

    .rounded-sm {
        border-radius:var(--radius-sm)
    }

    .rounded-xl {
        border-radius:var(--radius-xl)
    }

    .rounded-t-8px {
        border-top-left-radius:8px;
        border-top-right-radius:8px
    }

    .rounded-t-24px {
        border-top-left-radius:24px;
        border-top-right-radius:24px
    }

    .rounded-t-image {
        border-top-left-radius:var(--radius-image);
        border-top-right-radius:var(--radius-image)
    }

    .rounded-t-lg {
        border-top-left-radius:var(--radius-lg);
        border-top-right-radius:var(--radius-lg)
    }

    .rounded-t-md {
        border-top-left-radius:var(--radius-md);
        border-top-right-radius:var(--radius-md)
    }

    .rounded-l-3xl {
        border-top-left-radius:var(--radius-3xl);
        border-bottom-left-radius:var(--radius-3xl)
    }

    .rounded-l-12px {
        border-top-left-radius:12px;
        border-bottom-left-radius:12px
    }

    .rounded-l-card {
        border-top-left-radius:var(--radius-card);
        border-bottom-left-radius:var(--radius-card)
    }

    .rounded-tl-20px {
        border-top-left-radius:20px
    }

    .rounded-tl-24px {
        border-top-left-radius:24px
    }

    .rounded-tl-var\(--radius-image\) {
        border-top-left-radius:var(--radius-image)
    }

    .rounded-r-3xl {
        border-top-right-radius:var(--radius-3xl);
        border-bottom-right-radius:var(--radius-3xl)
    }

    .rounded-tr-12px {
        border-top-right-radius:12px
    }

    .rounded-tr-20px {
        border-top-right-radius:20px
    }

    .rounded-tr-24px {
        border-top-right-radius:24px
    }

    .rounded-tr-50px {
        border-top-right-radius:50px
    }

    .rounded-tr-var\(--radius-image\) {
        border-top-right-radius:var(--radius-image)
    }

    .rounded-br-12px {
        border-bottom-right-radius:12px
    }

    .rounded-br-20px {
        border-bottom-right-radius:20px
    }

    .rounded-br-24px {
        border-bottom-right-radius:24px
    }

    .rounded-br-var\(--radius-image\) {
        border-bottom-right-radius:var(--radius-image)
    }

    .rounded-bl-20px {
        border-bottom-left-radius:20px
    }

    .rounded-bl-24px {
        border-bottom-left-radius:24px
    }

    .rounded-bl-50px {
        border-bottom-left-radius:50px
    }

    .rounded-bl-var\(--radius-default\) {
        border-bottom-left-radius:var(--radius-default)
    }

    .rounded-bl-var\(--radius-image\) {
        border-bottom-left-radius:var(--radius-image)
    }

    .\!border-2 {
        border-style:var(--tw-border-style)!important;
        border-width:2px!important
    }

    .border {
        border-style:var(--tw-border-style);
        border-width:1px
    }

    .border-0 {
        border-style:var(--tw-border-style);
        border-width:0
    }

    .border-2 {
        border-style:var(--tw-border-style);
        border-width:2px
    }

    .border-3px {
        border-style:var(--tw-border-style);
        border-width:3px
    }

    .border-t {
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }

    .border-t-0 {
        border-top-style:var(--tw-border-style);
        border-top-width:0
    }

    .border-t-2 {
        border-top-style:var(--tw-border-style);
        border-top-width:2px
    }

    .border-r-2 {
        border-right-style:var(--tw-border-style);
        border-right-width:2px
    }

    .border-b {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }

    .border-b-2 {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:2px
    }

    .border-b-3,.border-b-3px {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:3px
    }

    .border-l-2 {
        border-left-style:var(--tw-border-style);
        border-left-width:2px
    }

    .border-dashed {
        --tw-border-style:dashed;
        border-style:dashed
    }

    .border-none {
        --tw-border-style:none;
        border-style:none
    }

    .border-solid {
        --tw-border-style:solid;
        border-style:solid
    }

    .\!border-transparent {
        border-color:#0000!important
    }

    .\!border-white {
        border-color:var(--color-white)!important
    }

    .border-\(--color-dark-grey\) {
        border-color:var(--color-dark-grey)
    }

    .border-\(--color-grey-3\) {
        border-color:var(--color-grey-3)
    }

    .border-\#1a4570 {
        border-color:#1a4570
    }

    .border-\#c8c8c8 {
        border-color:#c8c8c8
    }

    .border-\#d3d3d3 {
        border-color:#d3d3d3
    }

    .border-var\(--color-burnt-yellow\) {
        border-color:var(--color-burnt-yellow)
    }

    .border-var\(--color-dark-grey\) {
        border-color:var(--color-dark-grey)
    }

    .border-var\(--color-disabled\) {
        border-color:var(--color-disabled)
    }

    .border-var\(--color-grey-2\) {
        border-color:var(--color-grey-2)
    }

    .border-var\(--color-grey-3\) {
        border-color:var(--color-grey-3)
    }

    .border-var\(--color-grey-4\) {
        border-color:var(--color-grey-4)
    }

    .border-var\(--color-light-grey\) {
        border-color:var(--color-light-grey)
    }

    .border-var\(--color-medium-grey\) {
        border-color:var(--color-medium-grey)
    }

    .border-var\(--color-primary-blue\) {
        border-color:var(--color-primary-blue)
    }

    .border-var\(--color-primary-blue-active\) {
        border-color:var(--color-primary-blue-active)
    }

    .border-var\(--color-red\) {
        border-color:var(--color-red)
    }

    .border-var\(--color-secondary-grey\) {
        border-color:var(--color-secondary-grey)
    }

    .border-var\(--color-warning\) {
        border-color:var(--color-warning)
    }

    .border-var\(--gradient-button-start\) {
        border-color:var(--gradient-button-start)
    }

    .border-blue-200 {
        border-color:var(--color-blue-200)
    }

    .border-blue-green {
        border-color:var(--color-blue-green)
    }

    .border-burnt-yellow {
        border-color:var(--color-burnt-yellow)
    }

    .border-dark-blue {
        border-color:var(--color-dark-blue)
    }

    .border-dark-grey {
        border-color:var(--color-dark-grey)
    }

    .border-darkest-blue {
        border-color:var(--color-darkest-blue)
    }

    .border-gray-200 {
        border-color:var(--color-gray-200)
    }

    .border-gray-300 {
        border-color:var(--color-gray-300)
    }

    .border-gray-400 {
        border-color:var(--color-gray-400)
    }

    .border-green-200 {
        border-color:var(--color-green-200)
    }

    .border-grey-2 {
        border-color:var(--color-grey-2)
    }

    .border-grey-3 {
        border-color:var(--color-grey-3)
    }

    .border-light-grey {
        border-color:var(--color-light-grey)
    }

    .border-medium-grey {
        border-color:var(--color-medium-grey)
    }

    .border-primary-blue {
        border-color:var(--color-primary-blue)
    }

    .border-primary-blue-active {
        border-color:var(--color-primary-blue-active)
    }

    .border-red {
        border-color:var(--color-red)
    }

    .border-teal {
        border-color:var(--color-teal)
    }

    .border-transparent {
        border-color:#0000
    }

    .border-white {
        border-color:var(--color-white)
    }

    .border-white\/40 {
        border-color:#fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/40 {
            border-color:color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }

    .bg-\(--color-light-blue\) {
        background-color:var(--color-light-blue)
    }

    .bg-\(--color-med-blue\) {
        background-color:var(--color-med-blue)
    }

    .bg-\(--color-secondary-grey\) {
        background-color:var(--color-secondary-grey)
    }

    .bg-\(--color-white\) {
        background-color:var(--color-white)
    }

    .bg-\#1a4570 {
        background-color:#1a4570
    }

    .bg-\#4a90d9 {
        background-color:#4a90d9
    }

    .bg-\#939ea9 {
        background-color:#939ea9
    }

    .bg-\#BEE7E3 {
        background-color:#bee7e3
    }

    .bg-\#E2E8F0 {
        background-color:#e2e8f0
    }

    .bg-\#b3bcc0 {
        background-color:#b3bcc0
    }

    .bg-\#bee7e3 {
        background-color:#bee7e3
    }

    .bg-\#d4eefb {
        background-color:#d4eefb
    }

    .bg-\#eef6f8 {
        background-color:#eef6f8
    }

    .bg-\#f9f9f9 {
        background-color:#f9f9f9
    }

    .bg-\#fff5f5 {
        background-color:#fff5f5
    }

    .bg-color\:var\(--color-dark-blue\) {
        background-color:var(--color-dark-blue)
    }

    .bg-color\:var\(--color-hover\) {
        background-color:var(--color-hover)
    }

    .bg-color\:var\(--color-white\) {
        background-color:var(--color-white)
    }

    .bg-var\(--color-alert-moderate-bg\) {
        background-color:var(--color-alert-moderate-bg)
    }

    .bg-var\(--color-alert-severe-bg\) {
        background-color:var(--color-alert-severe-bg)
    }

    .bg-var\(--color-blue-green\) {
        background-color:var(--color-blue-green)
    }

    .bg-var\(--color-dark-blue\) {
        background-color:var(--color-dark-blue)
    }

    .bg-var\(--color-darkest-blue\) {
        background-color:var(--color-darkest-blue)
    }

    .bg-var\(--color-disabled-dark\) {
        background-color:var(--color-disabled-dark)
    }

    .bg-var\(--color-grey-1\) {
        background-color:var(--color-grey-1)
    }

    .bg-var\(--color-grey-2\) {
        background-color:var(--color-grey-2)
    }

    .bg-var\(--color-light-blue\) {
        background-color:var(--color-light-blue)
    }

    .bg-var\(--color-med-blue\) {
        background-color:var(--color-med-blue)
    }

    .bg-var\(--color-medium-grey\) {
        background-color:var(--color-medium-grey)
    }

    .bg-var\(--color-primary-blue\) {
        background-color:var(--color-primary-blue)
    }

    .bg-var\(--color-primary-blue-active\) {
        background-color:var(--color-primary-blue-active)
    }

    .bg-var\(--color-red\)\/5 {
        background-color:#be0f340d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-var\(--color-red\)\/5 {
            background-color:color-mix(in oklab, var(--color-red) 5%, transparent)
        }
    }

    .bg-var\(--color-red\)\/10 {
        background-color:#be0f341a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-var\(--color-red\)\/10 {
            background-color:color-mix(in oklab, var(--color-red) 10%, transparent)
        }
    }

    .bg-var\(--color-secondary-grey\) {
        background-color:var(--color-secondary-grey)
    }

    .bg-var\(--color-secondary-grey\)\/40 {
        background-color:#f1f5f966
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-var\(--color-secondary-grey\)\/40 {
            background-color:color-mix(in oklab, var(--color-secondary-grey) 40%, transparent)
        }
    }

    .bg-var\(--color-warning\)\/10 {
        background-color:var(--color-warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-var\(--color-warning\)\/10 {
            background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)
        }
    }

    .bg-var\(--color-white\) {
        background-color:var(--color-white)
    }

    .bg-white {
        background-color:#fff
    }

    .bg-alert-moderate-bg {
        background-color:var(--color-alert-moderate-bg)
    }

    .bg-alert-severe-bg {
        background-color:var(--color-alert-severe-bg)
    }

    .bg-black {
        background-color:var(--color-black)
    }

    .bg-black\/50 {
        background-color:#00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color:color-mix(in oklab, var(--color-black) 50%, transparent)
        }
    }

    .bg-black\/80 {
        background-color:#000c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/80 {
            background-color:color-mix(in oklab, var(--color-black) 80%, transparent)
        }
    }

    .bg-blue-50 {
        background-color:var(--color-blue-50)
    }

    .bg-blue-100 {
        background-color:var(--color-blue-100)
    }

    .bg-blue-500 {
        background-color:var(--color-blue-500)
    }

    .bg-blue-green {
        background-color:var(--color-blue-green)
    }

    .bg-cnp-blue {
        background-color:var(--color-cnp-blue)
    }

    .bg-dark-blue {
        background-color:var(--color-dark-blue)
    }

    .bg-darkest-blue {
        background-color:var(--color-darkest-blue)
    }

    .bg-disabled-dark {
        background-color:var(--color-disabled-dark)
    }

    .bg-gray-50 {
        background-color:var(--color-gray-50)
    }

    .bg-gray-100 {
        background-color:var(--color-gray-100)
    }

    .bg-gray-200 {
        background-color:var(--color-gray-200)
    }

    .bg-gray-400 {
        background-color:var(--color-gray-400)
    }

    .bg-gray-700 {
        background-color:var(--color-gray-700)
    }

    .bg-gray-900 {
        background-color:var(--color-gray-900)
    }

    .bg-green-50 {
        background-color:var(--color-green-50)
    }

    .bg-green-100 {
        background-color:var(--color-green-100)
    }

    .bg-grey-2 {
        background-color:var(--color-grey-2)
    }

    .bg-grey-2\/30 {
        background-color:#e2e8f04d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-grey-2\/30 {
            background-color:color-mix(in oklab, var(--color-grey-2) 30%, transparent)
        }
    }

    .bg-grey-3 {
        background-color:var(--color-grey-3)
    }

    .bg-light-blue {
        background-color:var(--color-light-blue)
    }

    .bg-medium-grey {
        background-color:var(--color-medium-grey)
    }

    .bg-primary-blue {
        background-color:var(--color-primary-blue)
    }

    .bg-primary-blue-active {
        background-color:var(--color-primary-blue-active)
    }

    .bg-primary-blue\/10 {
        background-color:#0070cc1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-blue\/10 {
            background-color:color-mix(in oklab, var(--color-primary-blue) 10%, transparent)
        }
    }

    .bg-primary-blue\/20 {
        background-color:#0070cc33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-blue\/20 {
            background-color:color-mix(in oklab, var(--color-primary-blue) 20%, transparent)
        }
    }

    .bg-purple-100 {
        background-color:var(--color-purple-100)
    }

    .bg-secondary-grey {
        background-color:var(--color-secondary-grey)
    }

    .bg-teal {
        background-color:var(--color-teal)
    }

    .bg-teal\/20 {
        background-color:#26aea133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-teal\/20 {
            background-color:color-mix(in oklab, var(--color-teal) 20%, transparent)
        }
    }

    .bg-transparent {
        background-color:#0000
    }

    .bg-white {
        background-color:var(--color-white)
    }

    .bg-white\/5 {
        background-color:#ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color:color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }

    .bg-white\/10 {
        background-color:#ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color:color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .bg-white\/50 {
        background-color:#ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/50 {
            background-color:color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }

    .bg-white\/75 {
        background-color:#ffffffbf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/75 {
            background-color:color-mix(in oklab, var(--color-white) 75%, transparent)
        }
    }

    .bg-gradient-to-b {
        --tw-gradient-position:to bottom in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position:to bottom right 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))
    }

    .bg-linear-gradient\(180deg\,var\(--color-med-blue\)_0\%\,var\(--color-light-blue\)_38\.94\%\,var\(--color-white\)_97\.12\%\) {
        background-image:linear-gradient(180deg,var(--color-med-blue) 0%,var(--color-light-blue) 38.94%,var(--color-white) 97.12%)
    }

    .bg-none {
        background-image:none
    }

    .from-\(--color-white\) {
        --tw-gradient-from:var(--color-white);
        --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-\#1a4570 {
        --tw-gradient-from:#1a4570;
        --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-var\(--color-active\) {
        --tw-gradient-from:var(--color-active);
        --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-var\(--color-dark-blue\) {
        --tw-gradient-from:var(--color-dark-blue);
        --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-var\(--color-darkest-blue\) {
        --tw-gradient-from:var(--color-darkest-blue);
        --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-var\(--color-med-blue\) {
        --tw-gradient-from:var(--color-med-blue);
        --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-var\(--color-primary-blue\) {
        --tw-gradient-from:var(--color-primary-blue);
        --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-var\(--gradient-button-start\) {
        --tw-gradient-from:var(--gradient-button-start);
        --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-dark-blue {
        --tw-gradient-from:var(--color-dark-blue);
        --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-darkest-blue {
        --tw-gradient-from:var(--color-darkest-blue);
        --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-light-blue {
        --tw-gradient-from:var(--color-light-blue);
        --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-primary-blue {
        --tw-gradient-from:var(--color-primary-blue);
        --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))
    }

    .from-white {
        --tw-gradient-from:var(--color-white);
        --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-13\.957\% {
        --tw-gradient-from-position:13.957%
    }

    .from-15\% {
        --tw-gradient-from-position:15%
    }

    .from-48px {
        --tw-gradient-from-position:48px
    }

    .via-color-mix\(in_srgb\,var\(--color-blue-green\)_50\%\,transparent\) {
        --tw-gradient-via:#14677680
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-color-mix\(in_srgb\,var\(--color-blue-green\)_50\%\,transparent\) {
            --tw-gradient-via:color-mix(in srgb,var(--color-blue-green) 50%,transparent)
        }
    }

    .via-color-mix\(in_srgb\,var\(--color-blue-green\)_50\%\,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)
    }

    .via-var\(--color-light-blue\) {
        --tw-gradient-via:var(--color-light-blue);
        --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)
    }

    .via-38\.942\% {
        --tw-gradient-via-position:38.942%
    }

    .to-\(--color-secondary-grey\) {
        --tw-gradient-to:var(--color-secondary-grey);
        --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-\#146776 {
        --tw-gradient-to:#146776;
        --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-color-mix\(in_srgb\,var\(--color-blue-green\)_70\%\,transparent\) {
        --tw-gradient-to:#146776b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-color-mix\(in_srgb\,var\(--color-blue-green\)_70\%\,transparent\) {
            --tw-gradient-to:color-mix(in srgb,var(--color-blue-green) 70%,transparent)
        }
    }

    .to-color-mix\(in_srgb\,var\(--color-blue-green\)_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))
    }

    .to-var\(--color-active\) {
        --tw-gradient-to:var(--color-active);
        --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-var\(--color-blue-green\) {
        --tw-gradient-to:var(--color-blue-green);
        --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-var\(--color-teal\) {
        --tw-gradient-to:var(--color-teal);
        --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-var\(--gradient-button-end\) {
        --tw-gradient-to:var(--gradient-button-end);
        --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-blue-green {
        --tw-gradient-to:var(--color-blue-green);
        --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-light-blue {
        --tw-gradient-to:var(--color-light-blue);
        --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-secondary-grey {
        --tw-gradient-to:var(--color-secondary-grey);
        --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-white {
        --tw-gradient-to:var(--color-white);
        --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-15\% {
        --tw-gradient-to-position:15%
    }

    .to-48px {
        --tw-gradient-to-position:48px
    }

    .to-97\.115\% {
        --tw-gradient-to-position:97.115%
    }

    .to-151\.67\% {
        --tw-gradient-to-position:151.67%
    }

    .bg-clip-text {
        -webkit-background-clip:text;
        background-clip:text
    }

    .fill-url\(\#caretGradient\) {
        fill:url(#caretGradient)
    }

    .fill-dark-blue {
        fill:var(--color-dark-blue)
    }

    .fill-white {
        fill:var(--color-white)
    }

    .stroke-dark-blue {
        stroke:var(--color-dark-blue)
    }

    .stroke-transparent {
        stroke:#0000
    }

    .stroke-white {
        stroke:var(--color-white)
    }

    .object-contain {
        object-fit:contain
    }

    .object-cover {
        object-fit:cover
    }

    .object-center {
        object-position:center
    }

    .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-8 {
        padding:calc(var(--spacing) * 8)
    }

    .p-9 {
        padding:calc(var(--spacing) * 9)
    }

    .p-10 {
        padding:calc(var(--spacing) * 10)
    }

    .p-12 {
        padding:calc(var(--spacing) * 12)
    }

    .p-16 {
        padding:calc(var(--spacing) * 16)
    }

    .p-20 {
        padding:calc(var(--spacing) * 20)
    }

    .p-24 {
        padding:calc(var(--spacing) * 24)
    }

    .p-3px {
        padding:3px
    }

    .px-0 {
        padding-inline:calc(var(--spacing) * 0)}

    .px-0\.5 {
        padding-inline:calc(var(--spacing) * .5)
    }

    .px-1 {
        padding-inline:calc(var(--spacing) * 1)}

    .px-2 {
        padding-inline:calc(var(--spacing) * 2)
    }

    .px-2\.5 {
        padding-inline:calc(var(--spacing) * 2.5)
    }

    .px-3 {
        padding-inline:calc(var(--spacing) * 3)}

    .px-4 {
        padding-inline:calc(var(--spacing) * 4)
    }

    .px-4\.5 {
        padding-inline:var(--spacing-4_5)
    }

    .px-5 {
        padding-inline:calc(var(--spacing) * 5)}

    .px-6 {
        padding-inline:calc(var(--spacing) * 6)
    }

    .px-8 {
        padding-inline:calc(var(--spacing) * 8)}

    .px-9 {
        padding-inline:calc(var(--spacing) * 9)
    }

    .px-10 {
        padding-inline:calc(var(--spacing) * 10)}

    .px-12 {
        padding-inline:calc(var(--spacing) * 12)
    }

    .px-16 {
        padding-inline:calc(var(--spacing) * 16)}

    .px-20 {
        padding-inline:calc(var(--spacing) * 20)
    }

    .px-24 {
        padding-inline:calc(var(--spacing) * 24)}

    .px-8px {
        padding-inline:8px
    }

    .px-12px {
        padding-inline:12px
    }

    .px-13px {
        padding-inline:13px
    }

    .px-20px {
        padding-inline:20px
    }

    .px-24px {
        padding-inline:24px
    }

    .px-36px {
        padding-inline:36px
    }

    .px-48px {
        padding-inline:48px
    }

    .py-0 {
        padding-block:calc(var(--spacing) * 0)}

    .py-1 {
        padding-block:calc(var(--spacing) * 1)
    }

    .py-1\.5 {
        padding-block:calc(var(--spacing) * 1.5)
    }

    .py-2 {
        padding-block:calc(var(--spacing) * 2)}

    .py-2\.5 {
        padding-block:calc(var(--spacing) * 2.5)
    }

    .py-3 {
        padding-block:calc(var(--spacing) * 3)}

    .py-4 {
        padding-block:calc(var(--spacing) * 4)
    }

    .py-5 {
        padding-block:calc(var(--spacing) * 5)}

    .py-6 {
        padding-block:calc(var(--spacing) * 6)
    }

    .py-8 {
        padding-block:calc(var(--spacing) * 8)}

    .py-9 {
        padding-block:calc(var(--spacing) * 9)
    }

    .py-10 {
        padding-block:calc(var(--spacing) * 10)}

    .py-12 {
        padding-block:calc(var(--spacing) * 12)
    }

    .py-16 {
        padding-block:calc(var(--spacing) * 16)}

    .py-20 {
        padding-block:calc(var(--spacing) * 20)
    }

    .py-24 {
        padding-block:calc(var(--spacing) * 24)}

    .py-3px {
        padding-block:3px
    }

    .py-4px {
        padding-block:4px
    }

    .py-5\.5px {
        padding-block:5.5px
    }

    .py-6px {
        padding-block:6px
    }

    .py-8px {
        padding-block:8px
    }

    .py-12px {
        padding-block:12px
    }

    .py-13px {
        padding-block:13px
    }

    .py-17px {
        padding-block:17px
    }

    .py-18px {
        padding-block:18px
    }

    .py-20px {
        padding-block:20px
    }

    .py-24px {
        padding-block:24px
    }

    .py-30px {
        padding-block:30px
    }

    .py-33px {
        padding-block:33px
    }

    .py-36px {
        padding-block:36px
    }

    .py-40px {
        padding-block:40px
    }

    .py-44px {
        padding-block:44px
    }

    .py-96px {
        padding-block:96px
    }

    .py-108px {
        padding-block:108px
    }

    .pt-0 {
        padding-top:calc(var(--spacing) * 0)
    }

    .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-4 {
        padding-top:calc(var(--spacing) * 4)
    }

    .pt-5 {
        padding-top:calc(var(--spacing) * 5)
    }

    .pt-6 {
        padding-top:calc(var(--spacing) * 6)
    }

    .pt-7\.5 {
        padding-top:calc(var(--spacing) * 7.5)
    }

    .pt-8 {
        padding-top:calc(var(--spacing) * 8)
    }

    .pt-10 {
        padding-top:calc(var(--spacing) * 10)
    }

    .pt-12 {
        padding-top:calc(var(--spacing) * 12)
    }

    .pt-16 {
        padding-top:calc(var(--spacing) * 16)
    }

    .pt-20 {
        padding-top:calc(var(--spacing) * 20)
    }

    .pt-24 {
        padding-top:calc(var(--spacing) * 24)
    }

    .pt-32 {
        padding-top:calc(var(--spacing) * 32)
    }

    .pt-6px {
        padding-top:6px
    }

    .pt-12px {
        padding-top:12px
    }

    .pt-14px {
        padding-top:14px
    }

    .pt-20px {
        padding-top:20px
    }

    .pt-28px {
        padding-top:28px
    }

    .pt-41px {
        padding-top:41px
    }

    .pt-60px {
        padding-top:60px
    }

    .pt-84px {
        padding-top:84px
    }

    .pr-0 {
        padding-right:calc(var(--spacing) * 0)
    }

    .pr-1 {
        padding-right:calc(var(--spacing) * 1)
    }

    .pr-2 {
        padding-right:calc(var(--spacing) * 2)
    }

    .pr-3 {
        padding-right:calc(var(--spacing) * 3)
    }

    .pr-4 {
        padding-right:calc(var(--spacing) * 4)
    }

    .pr-5 {
        padding-right:calc(var(--spacing) * 5)
    }

    .pr-6 {
        padding-right:calc(var(--spacing) * 6)
    }

    .pr-8 {
        padding-right:calc(var(--spacing) * 8)
    }

    .pr-10 {
        padding-right:calc(var(--spacing) * 10)
    }

    .pr-12 {
        padding-right:calc(var(--spacing) * 12)
    }

    .pr-16 {
        padding-right:calc(var(--spacing) * 16)
    }

    .pr-20 {
        padding-right:calc(var(--spacing) * 20)
    }

    .pr-24 {
        padding-right:calc(var(--spacing) * 24)
    }

    .pr-6px {
        padding-right:6px
    }

    .pr-7\.5px {
        padding-right:7.5px
    }

    .pr-12px {
        padding-right:12px
    }

    .pr-30px {
        padding-right:30px
    }

    .pb-0 {
        padding-bottom:calc(var(--spacing) * 0)
    }

    .pb-1 {
        padding-bottom:calc(var(--spacing) * 1)
    }

    .pb-1\.5 {
        padding-bottom:calc(var(--spacing) * 1.5)
    }

    .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-6 {
        padding-bottom:calc(var(--spacing) * 6)
    }

    .pb-8 {
        padding-bottom:calc(var(--spacing) * 8)
    }

    .pb-10 {
        padding-bottom:calc(var(--spacing) * 10)
    }

    .pb-12 {
        padding-bottom:calc(var(--spacing) * 12)
    }

    .pb-16 {
        padding-bottom:calc(var(--spacing) * 16)
    }

    .pb-20 {
        padding-bottom:calc(var(--spacing) * 20)
    }

    .pb-24 {
        padding-bottom:calc(var(--spacing) * 24)
    }

    .pb-6px {
        padding-bottom:6px
    }

    .pb-12px {
        padding-bottom:12px
    }

    .pb-28px {
        padding-bottom:28px
    }

    .pb-60px {
        padding-bottom:60px
    }

    .pb-80px {
        padding-bottom:80px
    }

    .pb-84px {
        padding-bottom:84px
    }

    .pb-152px {
        padding-bottom:152px
    }

    .pl-0 {
        padding-left:calc(var(--spacing) * 0)
    }

    .pl-1 {
        padding-left:calc(var(--spacing) * 1)
    }

    .pl-2 {
        padding-left:calc(var(--spacing) * 2)
    }

    .pl-3 {
        padding-left:calc(var(--spacing) * 3)
    }

    .pl-4 {
        padding-left:calc(var(--spacing) * 4)
    }

    .pl-5 {
        padding-left:calc(var(--spacing) * 5)
    }

    .pl-6 {
        padding-left:calc(var(--spacing) * 6)
    }

    .pl-8 {
        padding-left:calc(var(--spacing) * 8)
    }

    .pl-10 {
        padding-left:calc(var(--spacing) * 10)
    }

    .pl-12 {
        padding-left:calc(var(--spacing) * 12)
    }

    .pl-16 {
        padding-left:calc(var(--spacing) * 16)
    }

    .pl-20 {
        padding-left:calc(var(--spacing) * 20)
    }

    .pl-24 {
        padding-left:calc(var(--spacing) * 24)
    }

    .pl-0\.5em {
        padding-left:.5em
    }

    .pl-9px {
        padding-left:9px
    }

    .pl-11px {
        padding-left:11px
    }

    .pl-13px {
        padding-left:13px
    }

    .pl-24px {
        padding-left:24px
    }

    .pl-30px {
        padding-left:30px
    }

    .pl-48px {
        padding-left:48px
    }

    .pl-60px {
        padding-left:60px
    }

    .text-center {
        text-align:center
    }

    .text-left {
        text-align:left
    }

    .text-right {
        text-align:right
    }

    .text-indent\:-0\.5em {
        text-indent:-.5em
    }

    .font-mono {
        font-family:var(--font-mono)
    }

    .font-sans {
        font-family:var(--font-sans)
    }

    .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-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-xs {
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
    }

    .text-7px {
        font-size:7px
    }

    .text-9px {
        font-size:9px
    }

    .text-10px {
        font-size:10px
    }

    .text-12px {
        font-size:12px
    }

    .text-14px {
        font-size:14px
    }

    .text-16px {
        font-size:16px
    }

    .text-18px {
        font-size:18px
    }

    .text-20px {
        font-size:20px
    }

    .text-24px {
        font-size:24px
    }

    .text-26px {
        font-size:26px
    }

    .text-28px {
        font-size:28px
    }

    .text-32px {
        font-size:32px
    }

    .text-36px {
        font-size:36px
    }

    .text-40px {
        font-size:40px
    }

    .text-56px {
        font-size:56px
    }

    .text-body-lg {
        font-size:var(--text-body-lg)
    }

    .text-body-md {
        font-size:var(--text-body-md)
    }

    .text-body-sm {
        font-size:var(--text-body-sm)
    }

    .text-body-xs {
        font-size:var(--text-body-xs)
    }

    .text-desktop-h1 {
        font-size:var(--text-desktop-h1)
    }

    .text-desktop-h2 {
        font-size:var(--text-desktop-h2)
    }

    .text-desktop-h3 {
        font-size:var(--text-desktop-h3)
    }

    .text-desktop-h4 {
        font-size:var(--text-desktop-h4)
    }

    .text-desktop-h5 {
        font-size:var(--text-desktop-h5)
    }

    .text-desktop-h6 {
        font-size:var(--text-desktop-h6)
    }

    .text-desktop-hero-xl {
        font-size:var(--text-desktop-hero-xl)
    }

    .text-mobile-h1 {
        font-size:var(--text-mobile-h1)
    }

    .text-mobile-h2 {
        font-size:var(--text-mobile-h2)
    }

    .text-mobile-h3 {
        font-size:var(--text-mobile-h3)
    }

    .text-mobile-h4 {
        font-size:var(--text-mobile-h4)
    }

    .text-mobile-h5 {
        font-size:var(--text-mobile-h5)
    }

    .text-mobile-h6 {
        font-size:var(--text-mobile-h6)
    }

    .text-subhead-lg {
        font-size:var(--text-subhead-lg)
    }

    .text-subhead-xl {
        font-size:var(--text-subhead-xl)
    }

    .\!leading-1\.25 {
        --tw-leading:1.25!important;
        line-height:1.25!important
    }

    .leading-0 {
        --tw-leading:calc(var(--spacing) * 0);
        line-height:calc(var(--spacing) * 0)
    }

    .leading-5 {
        --tw-leading:calc(var(--spacing) * 5);
        line-height:calc(var(--spacing) * 5)
    }

    .leading-0 {
        --tw-leading:0;
        line-height:0
    }

    .leading-1\.2 {
        --tw-leading:1.2;
        line-height:1.2
    }

    .leading-1\.3 {
        --tw-leading:1.3;
        line-height:1.3
    }

    .leading-1\.4 {
        --tw-leading:1.4;
        line-height:1.4
    }

    .leading-1\.5 {
        --tw-leading:1.5;
        line-height:1.5
    }

    .leading-1\.8 {
        --tw-leading:1.8;
        line-height:1.8
    }

    .leading-1\.25 {
        --tw-leading:1.25;
        line-height:1.25
    }

    .leading-10px {
        --tw-leading:10px;
        line-height:10px
    }

    .leading-24px {
        --tw-leading:24px;
        line-height:24px
    }

    .leading-150\% {
        --tw-leading:150%;
        line-height:150%
    }

    .leading-none {
        --tw-leading:1;
        line-height:1
    }

    .leading-relaxed {
        --tw-leading:var(--leading-relaxed);
        line-height:var(--leading-relaxed)
    }

    .leading-tight {
        --tw-leading:var(--leading-tight);
        line-height:var(--leading-tight)
    }

    .font-var\(--font-weight-medium\) {
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }

    .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-2\.8px {
        --tw-tracking:2.8px;
        letter-spacing:2.8px
    }

    .tracking-3\.2px {
        --tw-tracking:3.2px;
        letter-spacing:3.2px
    }

    .tracking-wider {
        --tw-tracking:var(--tracking-wider);
        letter-spacing:var(--tracking-wider)
    }

    .text-wrap {
        text-wrap:wrap
    }

    .break-all {
        word-break:break-all
    }

    .whitespace-nowrap {
        white-space:nowrap
    }

    .whitespace-pre {
        white-space:pre
    }

    .whitespace-pre-wrap {
        white-space:pre-wrap
    }

    .\!text-white {
        color:var(--color-white)!important
    }

    .text-\(--color-blue-green\) {
        color:var(--color-blue-green)
    }

    .text-\(--color-dark-blue\) {
        color:var(--color-dark-blue)
    }

    .text-\(--color-dark-grey\) {
        color:var(--color-dark-grey)
    }

    .text-\(--color-medium-grey\) {
        color:var(--color-medium-grey)
    }

    .text-\(--color-primary-blue\) {
        color:var(--color-primary-blue)
    }

    .text-\(--color-text-primary\) {
        color:var(--color-text-primary)
    }

    .text-\#0A66C2 {
        color:#0a66c2
    }

    .text-\#1A4570,.text-\#1a4570 {
        color:#1a4570
    }

    .text-\#0070CC {
        color:#0070cc
    }

    .text-\#0077d8 {
        color:#0077d8
    }

    .text-\#333 {
        color:#333
    }

    .text-\#999 {
        color:#999
    }

    .text-\#1877F2 {
        color:#1877f2
    }

    .text-\#28333C,.text-\#28333c {
        color:#28333c
    }

    .text-\#556168 {
        color:#556168
    }

    .text-\#E4405F {
        color:#e4405f
    }

    .text-\#FF0000 {
        color:red
    }

    .text-color\:var\(--color-dark-blue\) {
        color:var(--color-dark-blue)
    }

    .text-color\:var\(--color-dark-grey\) {
        color:var(--color-dark-grey)
    }

    .text-color\:var\(--color-primary-blue\) {
        color:var(--color-primary-blue)
    }

    .text-color\:var\(--color-white\) {
        color:var(--color-white)
    }

    .text-var\(--color-alert-moderate-icon\) {
        color:var(--color-alert-moderate-icon)
    }

    .text-var\(--color-blue-green\) {
        color:var(--color-blue-green)
    }

    .text-var\(--color-dark-blue\) {
        color:var(--color-dark-blue)
    }

    .text-var\(--color-dark-grey\) {
        color:var(--color-dark-grey)
    }

    .text-var\(--color-dark-teal\) {
        color:var(--color-dark-teal)
    }

    .text-var\(--color-darkest-blue\) {
        color:var(--color-darkest-blue)
    }

    .text-var\(--color-disabled\) {
        color:var(--color-disabled)
    }

    .text-var\(--color-disabled-dark\) {
        color:var(--color-disabled-dark)
    }

    .text-var\(--color-error\) {
        color:var(--color-error)
    }

    .text-var\(--color-medium-grey\) {
        color:var(--color-medium-grey)
    }

    .text-var\(--color-primary-blue\) {
        color:var(--color-primary-blue)
    }

    .text-var\(--color-red\) {
        color:var(--color-red)
    }

    .text-var\(--color-text-primary\) {
        color:var(--color-text-primary)
    }

    .text-var\(--color-text-secondary\) {
        color:var(--color-text-secondary)
    }

    .text-active {
        color:var(--color-active)
    }

    .text-alert-moderate-icon {
        color:var(--color-alert-moderate-icon)
    }

    .text-black {
        color:var(--color-black)
    }

    .text-blue-500 {
        color:var(--color-blue-500)
    }

    .text-blue-600 {
        color:var(--color-blue-600)
    }

    .text-blue-700 {
        color:var(--color-blue-700)
    }

    .text-blue-800 {
        color:var(--color-blue-800)
    }

    .text-blue-green {
        color:var(--color-blue-green)
    }

    .text-cnp-blue {
        color:var(--color-cnp-blue)
    }

    .text-dark-blue {
        color:var(--color-dark-blue)
    }

    .text-dark-grey {
        color:var(--color-dark-grey)
    }

    .text-darkest-blue {
        color:var(--color-darkest-blue)
    }

    .text-disabled {
        color:var(--color-disabled)
    }

    .text-disabled-dark {
        color:var(--color-disabled-dark)
    }

    .text-gray-400 {
        color:var(--color-gray-400)
    }

    .text-gray-500 {
        color:var(--color-gray-500)
    }

    .text-gray-600 {
        color:var(--color-gray-600)
    }

    .text-gray-700 {
        color:var(--color-gray-700)
    }

    .text-gray-800 {
        color:var(--color-gray-800)
    }

    .text-gray-800\/40 {
        color:#1e293966
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-gray-800\/40 {
            color:color-mix(in oklab, var(--color-gray-800) 40%, transparent)
        }
    }

    .text-gray-800\/50 {
        color:#1e293980
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-gray-800\/50 {
            color:color-mix(in oklab, var(--color-gray-800) 50%, transparent)
        }
    }

    .text-gray-800\/70 {
        color:#1e2939b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-gray-800\/70 {
            color:color-mix(in oklab, var(--color-gray-800) 70%, transparent)
        }
    }

    .text-gray-900 {
        color:var(--color-gray-900)
    }

    .text-green-500 {
        color:var(--color-green-500)
    }

    .text-green-600 {
        color:var(--color-green-600)
    }

    .text-green-700 {
        color:var(--color-green-700)
    }

    .text-green-800 {
        color:var(--color-green-800)
    }

    .text-inherit {
        color:inherit
    }

    .text-light-grey {
        color:var(--color-light-grey)
    }

    .text-medium-grey {
        color:var(--color-medium-grey)
    }

    .text-orange-500 {
        color:var(--color-orange-500)
    }

    .text-primary-blue {
        color:var(--color-primary-blue)
    }

    .text-primary-blue-active {
        color:var(--color-primary-blue-active)
    }

    .text-purple-600 {
        color:var(--color-purple-600)
    }

    .text-red {
        color:var(--color-red)
    }

    .text-red-500 {
        color:var(--color-red-500)
    }

    .text-red-600 {
        color:var(--color-red-600)
    }

    .text-slate-900 {
        color:var(--color-slate-900)
    }

    .text-teal {
        color:var(--color-teal)
    }

    .text-text-primary {
        color:var(--color-text-primary)
    }

    .text-text-secondary {
        color:var(--color-text-secondary)
    }

    .text-tracker-cyan {
        color:var(--color-tracker-cyan)
    }

    .text-tracker-green {
        color:var(--color-tracker-green)
    }

    .text-tracker-teal {
        color:var(--color-tracker-teal)
    }

    .text-transparent {
        color:#0000
    }

    .text-white {
        color:var(--color-white);
        text-decoration:none;
    }
.hover\:text-primary-blue-hover:hover{color:var(--color-primary-blue-hover) !important}
    .text-white\/50 {
        color:#ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
            color:color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }

    .text-white\/60 {
        color:#fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/60 {
            color:color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }

    .text-yellow-400 {
        color:var(--color-yellow-400)
    }

    .text-yellow-500 {
        color:var(--color-yellow-500)
    }

    .text-yellow-600 {
        color:var(--color-yellow-600)
    }

    .\!normal-case {
        text-transform:none!important
    }

    .lowercase {
        text-transform:lowercase
    }

    .uppercase {
        text-transform:uppercase
    }

    .italic {
        font-style:italic
    }

    .not-italic {
        font-style:normal
    }

    .no-underline {
        text-decoration-line:none
    }

    .underline {
        text-decoration-line:underline
    }

    .accent-var\(--color-primary-blue\) {
        accent-color:var(--color-primary-blue)
    }

    .opacity-0 {
        opacity:0
    }

    .opacity-30 {
        opacity:.3
    }

    .opacity-40 {
        opacity:.4
    }

    .opacity-50 {
        opacity:.5
    }

    .opacity-70 {
        opacity:.7
    }

    .opacity-90 {
        opacity:.9
    }

    .opacity-100 {
        opacity:1
    }

    .shadow {
        --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0_0_0_1px_\#1A4570 {
        --tw-shadow:0 0 0 1px var(--tw-shadow-color,#1a4570);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0_0_0_1px_var\(--color-grey-3\) {
        --tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-grey-3));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0_0_40px_0_rgba\(0\,71\,130\,0\.28\) {
        --tw-shadow:0 0 40px 0 var(--tw-shadow-color,#00478247);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0_2px_8px_rgba\(0\,0\,0\,0\.08\) {
        --tw-shadow:0 2px 8px var(--tw-shadow-color,#00000014);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0_2px_10px_grey {
        --tw-shadow:0 2px 10px var(--tw-shadow-color,grey);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0px_0px_20px_0px_rgba\(0\,71\,130\,0\.28\) {
        --tw-shadow:0px 0px 20px 0px var(--tw-shadow-color,#00478247);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0px_0px_20px_rgba\(0\,71\,130\,0\.28\) {
        --tw-shadow:0px 0px 20px var(--tw-shadow-color,#00478247);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-0px_0px_40px_0px_rgba\(0\,71\,130\,0\.28\) {
        --tw-shadow:0px 0px 40px 0px var(--tw-shadow-color,#00478247);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-2px_2px_4px_\#CFCFCF {
        --tw-shadow:2px 2px 4px var(--tw-shadow-color,#cfcfcf);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-inset_0_0_0_1px_var\(--color-grey-3\) {
        --tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--color-grey-3));
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-var\(--shadow-hero-card\) {
        --tw-shadow:var(--shadow-hero-card);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-card {
        --tw-shadow:0 -1.25rem 3.75rem var(--tw-shadow-color,#00478233);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-hero-card {
        --tw-shadow:0 0 40px 0 var(--tw-shadow-color,#00478247);
        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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow:0 0 #0000;
        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,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow\/border {
        --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring {
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)
    }

    .ring-2 {
        --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)
    }

    .ring-color\:var\(--color-dark-blue\) {
        --tw-ring-color:var(--color-dark-blue)
    }

    .ring-color\:var\(--color-hover\) {
        --tw-ring-color:var(--color-hover)
    }

    .ring-color\:var\(--color-white\) {
        --tw-ring-color:var(--color-white)
    }

    .ring-var\(--color-dark-blue\) {
        --tw-ring-color:var(--color-dark-blue)
    }

    .ring-primary-blue {
        --tw-ring-color:var(--color-primary-blue)
    }

    .ring-white {
        --tw-ring-color:var(--color-white)
    }

    .ring-offset-1 {
        --tw-ring-offset-width:1px;
        --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .ring-offset-2 {
        --tw-ring-offset-width:2px;
        --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .ring-offset-4,.ring-offset-4px {
        --tw-ring-offset-width:4px;
        --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .ring-offset-color\:var\(--color-dark-blue\),.ring-offset-dark-blue {
        --tw-ring-offset-color:var(--color-dark-blue)
    }

    .outline {
        outline-style:var(--tw-outline-style);
        outline-width:1px
    }

    .outline-2 {
        outline-style:var(--tw-outline-style);
        outline-width:2px
    }

    .outline-offset-2 {
        outline-offset:2px
    }

    .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 {
        --tw-backdrop-blur:blur(8px);
        -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-32px {
        --tw-backdrop-blur:blur(32px);
        -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-border-color\,box-shadow {
        transition-property:border-color,box-shadow;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }

    .transition-border-width\,box-shadow {
        transition-property:border-width,box-shadow;
        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-shadow {
        transition-property:box-shadow;
        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-150 {
        --tw-duration:.15s;
        transition-duration:.15s
    }

    .duration-200 {
        --tw-duration:.2s;
        transition-duration:.2s
    }

    .duration-300 {
        --tw-duration:.3s;
        transition-duration:.3s
    }

    .ease-in-out {
        --tw-ease:var(--ease-in-out);
        transition-timing-function:var(--ease-in-out)
    }

    .ease-out {
        --tw-ease:var(--ease-out);
        transition-timing-function:var(--ease-out)
    }

    .outline-none {
        --tw-outline-style:none;
        outline-style:none
    }

    .select-none {
        -webkit-user-select:none;
        user-select:none
    }

    .\!background\:var\(--color-active\) {
        background:var(--color-active)!important
    }

    .-ms-overflow-style\:none {
        -ms-overflow-style:none
    }

    .-webkit-tap-highlight-color\:transparent {
        -webkit-tap-highlight-color:transparent
    }

    .-webkit-text-fill-color\:currentColor {
        -webkit-text-fill-color:currentColor
    }

    .-webkit-text-fill-color\:white {
        -webkit-text-fill-color:white
    }

    .background\:linear-gradient\(90deg\,var\(--color-dark-blue\)_0\%\,var\(--color-blue-green\)_100\%\) {
        background:linear-gradient(90deg,var(--color-dark-blue) 0%,var(--color-blue-green) 100%)
    }

    .background\:linear-gradient\(90deg\,var\(--gradient-button-start\)\,var\(--gradient-button-end\)\)_padding-box {
        background:linear-gradient(90deg,var(--gradient-button-start),var(--gradient-button-end)) padding-box
    }

    .background\:linear-gradient\(white\,white\)_padding-box\,linear-gradient\(90deg\,var\(--gradient-button-start\)\,var\(--gradient-button-end\)\)_border-box {
        background:linear-gradient(white,white) padding-box,linear-gradient(90deg,var(--gradient-button-start),var(--gradient-button-end)) border-box
    }

    .scrollbar-width\:none {
        scrollbar-width:none
    }

    .ring-inset {
        --tw-ring-inset:inset
    }

    @media (hover:hover) {
        .group-hover\:h-3px:is(:where(.group):hover *) {
            height:3px
        }

        .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
            --tw-translate-x:calc(var(--spacing) * .5);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:border-2:is(:where(.group):hover *) {
            border-style:var(--tw-border-style);
            border-width:2px
        }

        .group-hover\:border-var\(--color-dark-blue\):is(:where(.group):hover *) {
            border-color:var(--color-dark-blue)
        }

        .group-hover\:bg-var\(--color-med-blue\):is(:where(.group):hover *) {
            background-color:var(--color-med-blue)
        }

        .group-hover\:bg-var\(--color-primary-blue-active\):is(:where(.group):hover *),.group-hover\:bg-primary-blue-active:is(:where(.group):hover *) {
            background-color:var(--color-primary-blue-active)
        }

        .group-hover\:bg-gradient-to-r:is(:where(.group):hover *) {
            --tw-gradient-position:to right in oklab;
            background-image:linear-gradient(var(--tw-gradient-stops))
        }

        .group-hover\:bg-none:is(:where(.group):hover *) {
            background-image:none
        }

        .group-hover\:from-var\(--gradient-button-start\):is(:where(.group):hover *) {
            --tw-gradient-from:var(--gradient-button-start);
            --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\:to-var\(--gradient-button-end\):is(:where(.group):hover *) {
            --tw-gradient-to:var(--gradient-button-end);
            --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\:bg-clip-text:is(:where(.group):hover *) {
            -webkit-background-clip:text;
            background-clip:text
        }

        .group-hover\:fill-white:is(:where(.group):hover *) {
            fill:var(--color-white)
        }

        .group-hover\:stroke-dark-blue:is(:where(.group):hover *) {
            stroke:var(--color-dark-blue)
        }

        .group-hover\:text-var\(--color-dark-blue\):is(:where(.group):hover *) {
            color:var(--color-dark-blue)
        }

        .group-hover\:text-var\(--color-primary-blue\):is(:where(.group):hover *) {
            color:var(--color-primary-blue)
        }

        .group-hover\:text-hover:is(:where(.group):hover *) {
            color:var(--color-hover)
        }

        .group-hover\:text-primary-blue-hover:is(:where(.group):hover *) {
            color:var(--color-primary-blue-hover) !important
        }

        .group-hover\:text-transparent:is(:where(.group):hover *) {
            color:#0000
        }

        .group-hover\:text-white:is(:where(.group):hover *) {
            color:var(--color-white)
        }

        .group-hover\:underline:is(:where(.group):hover *) {
            text-decoration-line:underline
        }

        .group-hover\:opacity-0:is(:where(.group):hover *) {
            opacity:0
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity:1
        }

        .group-hover\:shadow-hero-card:is(:where(.group):hover *) {
            --tw-shadow:0 0 40px 0 var(--tw-shadow-color,#00478247);
            box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:\!background\:white:is(:where(.group):hover *) {
            background:#fff!important
        }
    }

    .group-focus-visible\:border-var\(--color-dark-blue\):is(:where(.group):focus-visible *) {
        border-color:var(--color-dark-blue)
    }

    .group-focus-visible\:bg-gradient-to-r:is(:where(.group):focus-visible *) {
        --tw-gradient-position:to right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }

    .group-focus-visible\:bg-none:is(:where(.group):focus-visible *) {
        background-image:none
    }

    .group-focus-visible\:from-var\(--gradient-button-start\):is(:where(.group):focus-visible *) {
        --tw-gradient-from:var(--gradient-button-start);
        --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-focus-visible\:to-var\(--gradient-button-end\):is(:where(.group):focus-visible *) {
        --tw-gradient-to:var(--gradient-button-end);
        --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-focus-visible\:bg-clip-text:is(:where(.group):focus-visible *) {
        -webkit-background-clip:text;
        background-clip:text
    }

    .group-focus-visible\:\!fill-dark-blue:is(:where(.group):focus-visible *) {
        fill:var(--color-dark-blue)!important
    }

    .group-focus-visible\:fill-white:is(:where(.group):focus-visible *) {
        fill:var(--color-white)
    }

    .group-focus-visible\:\!stroke-dark-blue:is(:where(.group):focus-visible *) {
        stroke:var(--color-dark-blue)!important
    }

    .group-focus-visible\:stroke-dark-blue:is(:where(.group):focus-visible *) {
        stroke:var(--color-dark-blue)
    }

    .group-focus-visible\:text-var\(--color-dark-blue\):is(:where(.group):focus-visible *) {
        color:var(--color-dark-blue)
    }

    .group-focus-visible\:text-hover:is(:where(.group):focus-visible *) {
        color:var(--color-hover)
    }

    .group-focus-visible\:text-primary-blue-hover:is(:where(.group):focus-visible *) {
        color:var(--color-primary-blue-hover)
    }

    .group-focus-visible\:text-transparent:is(:where(.group):focus-visible *) {
        color:#0000
    }

    .group-focus-visible\:text-white:is(:where(.group):focus-visible *) {
        color:var(--color-white)
    }

    .group-focus-visible\:opacity-0:is(:where(.group):focus-visible *) {
        opacity:0
    }

    .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
        opacity:1
    }

    .group-focus-visible\:\!box-shadow\:inset_0_0_0_4px_white\,inset_0_0_0_6px_var\(--color-dark-blue\):is(:where(.group):focus-visible *) {
        box-shadow:inset 0 0 0 4px white,inset 0 0 0 6px var(--color-dark-blue)!important
    }

    .group-focus-visible\:\!background\:white:is(:where(.group):focus-visible *) {
        background:#fff!important
    }

    .group-focus-visible\:\!border\:2px_solid_var\(--color-dark-blue\):is(:where(.group):focus-visible *) {
        border:2px solid var(--color-dark-blue)!important
    }

    .group-active\:bg-none:is(:where(.group):active *) {
        background-image:none
    }

    .group-active\:\!fill-white:is(:where(.group):active *) {
        fill:var(--color-white)!important
    }

    .group-active\:fill-active:is(:where(.group):active *) {
        fill:var(--color-active)
    }

    .group-active\:\!stroke-white:is(:where(.group):active *) {
        stroke:var(--color-white)!important
    }

    .group-active\:stroke-white:is(:where(.group):active *) {
        stroke:var(--color-white)
    }

    .group-active\:text-active:is(:where(.group):active *) {
        color:var(--color-active)
    }

    .group-active\:text-cnp-blue:is(:where(.group):active *) {
        color:var(--color-cnp-blue)
    }

    .group-active\:text-white:is(:where(.group):active *) {
        color:var(--color-white)
    }

    .group-active\:\!shadow-none:is(:where(.group):active *) {
        --tw-shadow:0 0 #0000!important;
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important
    }

    .group-active\:\!background\:var\(--color-active\):is(:where(.group):active *) {
        background:var(--color-active)!important
    }

    .group-active\:\!border\:none:is(:where(.group):active *) {
        border:none!important
    }

    .group-has-\:focus-visible\:underline:is(:where(.group):has(:focus-visible) *) {
        text-decoration-line:underline
    }

    .group-has-\:focus-visible\:text-decoration-skip-ink\:none:is(:where(.group):has(:focus-visible) *) {
        text-decoration-skip-ink:none
    }

    .group-has-input\:focus-visible\:underline:is(:where(.group):has(:is(input:focus-visible)) *) {
        text-decoration-line:underline
    }

    .group-has-input\:focus-visible\:text-decoration-skip-ink\:none:is(:where(.group):has(:is(input:focus-visible)) *) {
        text-decoration-skip-ink:none
    }

    .peer-aria-checked\:block:is(:where(.peer)[aria-checked=true]~*) {
        display:block
    }

    .peer-aria-checked\:hidden:is(:where(.peer)[aria-checked=true]~*) {
        display:none
    }

    .placeholder\:font-light::placeholder {
        --tw-font-weight:var(--font-weight-light);
        font-weight:var(--font-weight-light)
    }

    .placeholder\:text-\(--color-dark-grey\)::placeholder {
        color:var(--color-dark-grey)
    }

    .placeholder\:text-var\(--color-text-secondary\)::placeholder {
        color:var(--color-text-secondary)
    }

    .placeholder\:text-dark-grey::placeholder {
        color:var(--color-dark-grey)
    }

    .placeholder\:text-red::placeholder {
        color:var(--color-red)
    }

    .backdrop\:bg-black\/50::backdrop {
        background-color:#00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .backdrop\:bg-black\/50::backdrop {
            background-color:color-mix(in oklab, var(--color-black) 50%, transparent)
        }
    }

    .before\:absolute:before {
        content:var(--tw-content);
        position:absolute
    }

    .before\:top-0:before {
        content:var(--tw-content);
        top:calc(var(--spacing) * 0)
    }

    .before\:left-0:before {
        content:var(--tw-content);
        left:calc(var(--spacing) * 0)
    }

    .before\:h-12:before {
        content:var(--tw-content);
        height:calc(var(--spacing) * 12)
    }

    .before\:w-full:before {
        content:var(--tw-content);
        width:100%
    }

    .before\:rounded-bl-50px:before {
        content:var(--tw-content);
        border-bottom-left-radius:50px
    }
    .w-277px {
        width: 277px;
    }
    .h-78px
    {
        height: 78px;
    }
    .w-248px
    {
        width: 248px;
    }
    img.h-87px
    {
        height: 87px;
        
    }
    img.w-277px
    {
        width: 277px;
    }
    .before\:bg-white:before {
        content:var(--tw-content);
        background-color:var(--color-white)
    }

   /* ==========================================================================
   1. Pseudo-elements (:before / :after)
   ========================================================================== */

.before\:content-\'\':before {
    --tw-content: "";
    content: var(--tw-content);
}

.after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}

.after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
}

.after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
}

.after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
}

.after\:h-12:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 12);
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
}

.after\:rounded-8px:after {
    content: var(--tw-content);
    border-radius: 8px;
}

.after\:rounded-tr-50px:after {
    content: var(--tw-content);
    border-top-right-radius: 50px;
}

.after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--color-white);
}

.after\:content-\'\':after {
    --tw-content: "";
    content: var(--tw-content);
}


/* ==========================================================================
   2. Structural Pseudo-classes & States (:nth-child / :empty / :focus-within)
   ========================================================================== */

.even\:bg-var\(--color-secondary-grey\)\/30:nth-child(2n) {
    background-color: #f1f5f94d;
}

@supports (color: color-mix(in lab, red, red)) {
    .even\:bg-var\(--color-secondary-grey\)\/30:nth-child(2n) {
        background-color: color-mix(in oklab, var(--color-secondary-grey) 30%, transparent);
    }
}

.empty\:hidden:empty {
    display: none;
}

.focus-within\:scale-105:focus-within {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.focus-within\:ring-2:focus-within {
    --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-within\:ring-var\(--color-primary-blue\):focus-within {
    --tw-ring-color: var(--color-primary-blue);
}

.focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}

.focus-within\:transition-all:focus-within {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.focus-within\:duration-300:focus-within {
    --tw-duration: .3s;
    transition-duration: .3s;
}

.focus-within\:ease-linear:focus-within {
    --tw-ease: linear;
    transition-timing-function: linear;
}


/* ==========================================================================
   3. Hover Interactions (@media hover: hover)
   ========================================================================== */

@media (hover: hover) {

    /* Transforms & Layout */
    .hover\:scale-105:hover {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-110:hover {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:rounded-12px:hover {
        border-radius: 12px;
    }

    .hover\:rounded-xl:hover {
        border-radius: var(--radius-xl);
    }

    /* Borders */
    .hover\:border:hover {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .hover\:border-2:hover {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }

    .hover\:border-b-3px:hover {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 3px;
    }

    .hover\:border-solid:hover {
        --tw-border-style: solid;
        border-style: solid;
    }

    .hover\:\!border-transparent:hover {
        border-color: #0000 !important;
    }

    .hover\:\!border-white:hover {
        border-color: var(--color-white) !important;
    }

    .hover\:border-\(--color-grey-3\):hover {
        border-color: var(--color-grey-3);
    }

    .hover\:border-\#1A4570:hover,
    .hover\:border-\#1a4570:hover {
        border-color: #1a4570;
    }

    .hover\:border-var\(--color-dark-blue\):hover {
        border-color: var(--color-dark-blue);
    }

    .hover\:border-var\(--color-medium-grey\):hover {
        border-color: var(--color-medium-grey);
    }

    .hover\:border-var\(--color-primary-blue\):hover {
        border-color: var(--color-primary-blue);
    }

    .hover\:border-blue-400:hover {
        border-color: var(--color-blue-400);
    }

    .hover\:border-dark-blue:hover {
        border-color: var(--color-dark-blue);
    }

    .hover\:border-medium-grey:hover {
        border-color: var(--color-medium-grey);
    }

    .hover\:border-primary-blue-active:hover {
        border-color: var(--color-primary-blue-active);
    }

    .hover\:border-primary-blue-hover:hover {
        border-color: var(--color-primary-blue-hover);
    }

    /* Backgrounds & Gradients */
    .hover\:bg-\#92D7D0:hover {
        background-color: #92d7d0;
    }

    .hover\:bg-color\:var\(--color-dark-blue\):hover {
        background-color: var(--color-dark-blue);
    }

    .hover\:bg-color\:var\(--color-hover\):hover {
        background-color: var(--color-hover);
    }

    .hover\:bg-color\:var\(--color-white\):hover {
        background-color: var(--color-white);
    }

    .hover\:bg-var\(--color-dark-blue\):hover {
        background-color: var(--color-dark-blue);
    }

    .hover\:bg-var\(--color-grey-2\):hover {
        background-color: var(--color-grey-2);
    }

    .hover\:bg-var\(--color-grey-3\):hover {
        background-color: var(--color-grey-3);
    }

    .hover\:bg-var\(--color-primary-blue\):hover {
        background-color: var(--color-primary-blue);
    }

    .hover\:bg-var\(--color-secondary-grey\):hover {
        background-color: var(--color-secondary-grey);
    }

    .hover\:bg-var\(--color-secondary-grey\)\/50:hover {
        background-color: #f1f5f980;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-var\(--color-secondary-grey\)\/50:hover {
            background-color: color-mix(in oklab, var(--color-secondary-grey) 50%, transparent);
        }
    }

    .hover\:bg-blue-50:hover {
        background-color: var(--color-blue-50);
    }

    .hover\:bg-blue-600:hover {
        background-color: var(--color-blue-600);
    }

    .hover\:bg-gray-100:hover {
        background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-700:hover {
        background-color: var(--color-gray-700);
    }

    .hover\:bg-grey-2:hover {
        background-color: var(--color-grey-2);
    }

    .hover\:bg-primary-blue-hover:hover {
        background-color: var(--color-primary-blue-hover);
    }

    .hover\:bg-secondary-grey:hover {
        background-color: var(--color-secondary-grey);
    }

    .hover\:bg-white:hover {
        background-color: var(--color-white);
    }

    .hover\:bg-white\/50:hover {
        background-color: #ffffff80;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-white\/50:hover {
            background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }

    .hover\:from-hover:hover {
        --tw-gradient-from: var(--color-hover);
        --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));
    }

    .hover\:to-hover:hover {
        --tw-gradient-to: var(--color-hover);
        --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));
    }

    /* Typography & Text */
    .hover\:font-semibold:hover {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }

    .hover\:text-\#28333C:hover {
        color: #28333c;
    }

    .hover\:text-color\:var\(--color-dark-blue\):hover {
        color: var(--color-dark-blue);
    }

    .hover\:text-color\:var\(--color-white\):hover {
        color: var(--color-white);
    }

    .hover\:text-var\(--color-dark-blue\):hover {
        color: var(--color-dark-blue);
    }

    .hover\:text-var\(--color-grey-2\):hover {
        color: var(--color-grey-2);
    }

    .hover\:text-var\(--color-hover\):hover {
        color: var(--color-hover);
    }

    .hover\:text-var\(--color-primary-blue\):hover {
        color: var(--color-primary-blue);
    }

    .hover\:text-var\(--color-primary-blue-hover\):hover {
        color: var(--color-primary-blue-hover);
    }

    .hover\:text-var\(--gradient-button-start\):hover {
        color: var(--gradient-button-start);
    }

    .hover\:text-dark-blue:hover {
        color: var(--color-dark-blue);
    }

    .hover\:text-gray-100:hover {
        color: var(--color-gray-100);
    }

    .hover\:text-gray-700:hover {
        color: var(--color-gray-700);
    }

    .hover\:text-gray-900:hover {
        color: var(--color-gray-900);
    }

    .hover\:text-grey-2:hover {
        color: var(--color-grey-2);
    }

    .hover\:text-hover:hover {
        color: var(--color-hover);
    }

 }
}
/* Container adjustments to keep movement smooth */
.flag-container {
  perspective: 1000px; 
}

/* Target your buttons inside the navigation bar */
.flag-container {
  display: block; /* Ensures proper layout on mobile */
  margin: 10px auto; /* Centers buttons neatly when stacked on mobile screens */
  max-width: 100%; /* Prevents images from overflowing smaller screens */
  height: auto;
  
  /* Left anchoring works beautifully for horizontal desktop flag lines */
  transform-origin: left center; 
  
  /* Applies a smooth, looping 3D fabric wave */
  animation: realistic-cloth 1.8s ease-in-out infinite alternate;
  
  /* Offsets the timing so the buttons don't move in lockstep */
  animation-delay: calc(var(--i) * -0.4s); 
}

/* Standard hardware acceleration to prevent stuttering on older mobile processors */
@media (max-width: 767px) {
  .flag-container {
    transform-origin: center center; /* Changes anchor to center for better vertical flow on mobile */
    will-change: transform; 
  }
}

/* The realistic wave animation keyframes */
@keyframes realistic-cloth {
  0% {
    transform: translateY(-6px) rotateX(1.5deg) skewY(1deg);
  }
  100% {
    transform: translateY(6px) rotateX(-1.5deg) skewY(-1deg);
  }
}
