@layer properties {
    /* @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { */

        *,
        ::backdrop,
        :after,
        :before {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-divide-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-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-duration: initial;
            --tw-ease: initial;
            --tw-divide-x-reverse: 0
        }
    /* } */
}

@layer theme {

    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-200: oklch(92.5% .084 155.995);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-green-700: oklch(52.7% .154 150.069);
        --color-blue-800: oklch(42.4% .199 265.638);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-slate-950: oklch(12.9% .042 264.695);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .4rem;
        --container-md: 44.8rem;
        --container-3xl: 76.8rem;
        --container-4xl: 89.6rem;
        --container-5xl: 102.4rem;
        --container-6xl: 115.2rem;
        --container-7xl: 128rem;
        --text-xs: 1.2rem;
        --text-xs--line-height: 1.33333;
        --text-sm: 1.4rem;
        --text-sm--line-height: 1.42857;
        --text-base: 1.6rem;
        --text-base--line-height: 1.5;
        --text-3xl: 3rem;
        --text-3xl--line-height: 1.2;
        --text-5xl: 4.8rem;
        --text-5xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-lg: .8rem;
        --radius-2xl: 1.6rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --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);
        --color-primary: #007a4c;
        --color-grey: #cbd5dc;
        --color-gold: #d4b671;
        --color-red: red;
        --color-olive-green: #6dbb4f;
        --color-light-green: #bedfc2;
        --color-dark-green: #006846;
        --color-light-blue: #84bae5;
        --color-light-grey: #8a8a8a;
        --color-lighter-grey: #f6f6f6;
        --color-med-grey: #c8c8c8;
        --color-soft-grey: #d9d9d9;
        --color-purple: #9997c9;
        --color-orange: #f0832c;
        --color-pink: #f29c9f;
        --color-yellow: #ffe67a;
        --color-input-grey: #b3a9bb;
        --color-cyan: #72c1c5
    }
}

@layer base {

    *,
    ::backdrop,
    :after,
    :before {
        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
    }

    :host,
    .evergreen-container--inner {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        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;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    pre,
    samp {
        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
    }

    menu,
    ol,
    ul {
        list-style: none
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        vertical-align: middle;
        display: block
    }

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

    button,
    input,
    optgroup,
    select,
    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
    }

    ::-moz-placeholder {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
        ::-moz-placeholder {
            color: currentColor
        }

        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::-moz-placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }

            ::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,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

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

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

    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-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]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

@layer components {
    .container-content {
        width: 100%;
        max-width: calc(var(--spacing)*330.5);
        padding-inline: calc(var(--spacing)*5);
        margin-inline: auto
    }

    .bullet-list li {
        align-items: flex-start;
        gap: calc(var(--spacing)*2);
        display: flex
    }

    .bullet-list li:before {
        content: "";
        margin-top: calc(var(--spacing)*2);
        height: calc(var(--spacing)*1.5);
        width: calc(var(--spacing)*1.5);
        background-color: var(--color-primary);
        border-radius: 3.40282e+38px;
        flex-shrink: 0
    }

    .bullet-list sup {
        top: -5px;
        left: 2px
    }

    .dash-list li {
        align-items: flex-start;
        gap: calc(var(--spacing)*2);
        display: flex
    }

    .dash-list li:before {
        content: "";
        margin-top: calc(var(--spacing)*2);
        height: calc(var(--spacing)*.5);
        width: calc(var(--spacing)*1.5);
        background-color: var(--color-gold);
        flex-shrink: 0
    }
}

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }

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

    .collapse {
        visibility: collapse
    }

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

    .absolute,
    .sr-only {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: 0
    }

    .inset-x-0 {
        inset-inline: 0
    }

    .inset-y-0 {
        inset-block: 0
    }

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

    .-top-px {
        top: -1px
    }

    .top-\(--search-overlay-top\) {
        top: var(--search-overlay-top)
    }

    .top-0 {
        top: 0
    }

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

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

    .top-19\.5 {
        top: calc(var(--spacing)*19.5)
    }

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

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

    .top-full {
        top: 100%
    }

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

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

    .right-0 {
        right: 0
    }

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

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

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

    .-bottom-px {
        bottom: -1px
    }

    .bottom-0 {
        bottom: 0
    }

    .bottom-\[-15\%\] {
        bottom: -15%
    }

    .left-0 {
        left: 0
    }

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

    .left-1\/3 {
        left: 33.3333%
    }

    .isolate {
        isolation: isolate
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-3 {
        z-index: 3
    }

    .z-10 {
        z-index: 10
    }

    .z-11 {
        z-index: 11
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-60 {
        z-index: 60
    }

    .z-\[999\] {
        z-index: 999
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

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

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

    .m-auto {
        margin: auto
    }

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

    .mt-0 {
        margin-top: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-auto {
        margin-left: auto
    }

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

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .js--hidden {
        display: none !important
    }

    .inline {
        display: inline
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-\[0\.78\/1\],
    .aspect-\[0\.78\] {
        aspect-ratio: .78
    }

    .aspect-\[1\.33\] {
        aspect-ratio: 1.33
    }

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

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

    .h-1\.25 {
        height: calc(var(--spacing)*1.25)
    }

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

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

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

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

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

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

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

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

    .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-11\.25 {
        height: calc(var(--spacing)*11.25)
    }

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

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

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

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

    .h-19\.75 {
        height: calc(var(--spacing)*19.75)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[10px\] {
        height: 10px
    }

    .h-\[21\.5px\] {
        height: 21.5px
    }

    .h-\[37\%\] {
        height: 37%
    }

    .h-\[40px\] {
        height: 40px
    }

    .h-\[79\.53px\] {
        height: 79.53px
    }

    .h-\[90\%\] {
        height: 90%
    }

    .h-\[92vh\] {
        height: 92vh
    }

    .h-\[110\%\] {
        height: 110%
    }

    .h-\[140px\] {
        height: 140px
    }

    .h-\[150\%\] {
        height: 150%
    }

    .h-\[160px\] {
        height: 160px
    }

    .h-\[245px\] {
        height: 245px
    }

    .h-\[calc\(100\%\+2px\)\] {
        height: calc(100% + 2px)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .min-h-0 {
        min-height: 0
    }

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

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

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

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

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

    .min-h-\[34rem\] {
        min-height: 54.4rem
    }

    .min-h-\[37\.625rem\] {
        min-height: 60.2rem
    }

    .min-h-\[38rem\] {
        min-height: 60.8rem
    }

    .min-h-\[50vh\] {
        min-height: 50vh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-18\.25 {
        width: calc(var(--spacing)*18.25)
    }

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

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

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

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

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

    .w-46\.25 {
        width: calc(var(--spacing)*46.25)
    }

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

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

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

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

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

    .w-\[30px\] {
        width: 30px
    }

    .w-\[37\%\] {
        width: 37%
    }

    .w-\[50\%\] {
        width: 50%
    }

    .w-\[55\%\] {
        width: 55%
    }

    .w-\[58vw\] {
        width: 58vw
    }

    .w-\[95vw\] {
        width: 95vw
    }

    .w-\[139\.09px\] {
        width: 139.09px
    }

    .w-\[355\.37px\] {
        width: 355.37px
    }

    .w-\[415px\] {
        width: 415px
    }

    .w-\[432px\] {
        width: 432px
    }

    .w-\[calc\(50\%-0\.5rem\)\] {
        width: calc(50% - .8rem)
    }

    .w-auto {
        width: auto
    }

    .w-full {
        width: 100%
    }

    .w-screen {
        width: 100vw
    }

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

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

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

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

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

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

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

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

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

    .max-w-97\.5 {
        max-width: calc(var(--spacing)*97.5)
    }

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

    .max-w-151\.25 {
        max-width: calc(var(--spacing)*151.25)
    }

    .max-w-153\.5 {
        max-width: calc(var(--spacing)*153.5)
    }

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

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

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

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

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

    .max-w-261\.5 {
        max-width: calc(var(--spacing)*261.5)
    }

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

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

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

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

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

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

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

    .max-w-330\.5 {
        max-width: calc(var(--spacing)*330.5)
    }

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

    .max-w-338\.5 {
        max-width: calc(var(--spacing)*338.5)
    }

    .max-w-355\.5 {
        max-width: calc(var(--spacing)*355.5)
    }

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

    .max-w-\[18rem\] {
        max-width: 28.8rem
    }

    .max-w-\[19\.6875rem\] {
        max-width: 31.5rem
    }

    .max-w-\[22rem\] {
        max-width: 35.2rem
    }

    .max-w-\[30rem\] {
        max-width: 48rem
    }

    .max-w-\[31rem\] {
        max-width: 49.6rem
    }

    .max-w-\[38rem\] {
        max-width: 60.8rem
    }

    .max-w-\[39rem\] {
        max-width: 62.4rem
    }

    .max-w-\[41rem\] {
        max-width: 65.6rem
    }

    .max-w-\[72rem\] {
        max-width: 115.2rem
    }

    .max-w-\[190px\] {
        max-width: 190px
    }

    .max-w-\[210px\] {
        max-width: 210px
    }

    .max-w-\[343px\] {
        max-width: 343px
    }

    .max-w-\[450px\] {
        max-width: 450px
    }

    .max-w-\[585px\] {
        max-width: 585px
    }

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

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

    .min-w-0 {
        min-width: 0
    }

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

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

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

    .min-w-\[8\.9rem\] {
        min-width: 14.24rem
    }

    .min-w-\[335px\] {
        min-width: 335px
    }

    .flex-1 {
        flex: 1
    }

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

    .grow {
        flex-grow: 1
    }

    .table-fixed {
        table-layout: fixed
    }

    .border-collapse {
        border-collapse: collapse
    }

    .origin-bottom {
        transform-origin: bottom
    }

    .origin-center {
        transform-origin: 50%
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .-translate-x-1\/2,
    .translate-x-px {
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-px {
        --tw-translate-x: 1px
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .-translate-y-16,
    .-translate-y-1\/2 {
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-16 {
        --tw-translate-y: calc(var(--spacing)*-16)
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

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

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[120\.24deg\] {
        rotate: 120.24deg
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .touch-pan-y {
        --tw-pan-y: pan-y;
        touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, )
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }

    .snap-start {
        scroll-snap-align: start
    }

    .scroll-mt-\[110px\] {
        scroll-margin-top: 110px
    }

    .scroll-mt-\[120px\] {
        scroll-margin-top: 120px
    }

    .list-\[circle\] {
        list-style-type: circle
    }

    .list-\[square\] {
        list-style-type: square
    }

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

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

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

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

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

    .grid-cols-\[9\.6rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 15.36rem minmax(0, 1fr)
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)_2\.25rem\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 3.6rem
    }

    .grid-cols-\[minmax\(35rem\,23\.5rem\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(56rem, 37.6rem) minmax(0, 1fr)
    }

    .flex-col {
        flex-direction: column
    }

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

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

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

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

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

    .gap-0 {
        gap: 0
    }

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

    .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-3\.5 {
        gap: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-x-4 {
        -moz-column-gap: calc(var(--spacing)*4);
        column-gap: calc(var(--spacing)*4)
    }

    .gap-x-5 {
        -moz-column-gap: calc(var(--spacing)*5);
        column-gap: calc(var(--spacing)*5)
    }

    .gap-x-9 {
        -moz-column-gap: calc(var(--spacing)*9);
        column-gap: calc(var(--spacing)*9)
    }

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

    .gap-y-8 {
        row-gap: calc(var(--spacing)*8)
    }

    .gap-y-10 {
        row-gap: calc(var(--spacing)*10)
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-med-grey>:not(:last-child)) {
        border-color: var(--color-med-grey)
    }

    .self-center {
        align-self: center
    }

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

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

    .overflow-hidden {
        overflow: hidden
    }

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

    .overflow-x-clip {
        overflow-x: clip
    }

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

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .rounded {
        border-radius: .4rem
    }

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

    .rounded-\[\.5rem\] {
        border-radius: .8rem
    }

    .rounded-\[1\.25rem\] {
        border-radius: 2rem
    }

    .rounded-\[1\.75rem\] {
        border-radius: 2.8rem
    }

    .rounded-\[5px\] {
        border-radius: 5px
    }

    .rounded-full {
        border-radius: 3.40282e+38px
    }

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

    .rounded-none {
        border-radius: 0
    }

    .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-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

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

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

    .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-dotted {
        --tw-border-style: dotted;
        border-style: dotted
    }

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

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

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

    .border-input-grey\/92 {
        border-color: #b3a9bbeb
    }

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

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

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

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

    .border-primary\/70 {
        border-color: #007a4cb3
    }

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

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

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

    .border-t-med-grey {
        border-top-color: var(--color-med-grey)
    }

    .bg-\[\#95C0E2\] {
        background-color: #95c0e2
    }

    .bg-\[\#BEDFC2\] {
        background-color: #bedfc2
    }

    .bg-\[\#D9D9D940\] {
        background-color: #d9d9d940
    }

    .bg-\[\#F3FAF7\] {
        background-color: #f3faf7
    }

    .bg-\[\#F4EDDB\] {
        background-color: #f4eddb
    }

    .bg-\[\#F29C9F\] {
        background-color: #f29c9f
    }

    .bg-\[\#eeeeee\] {
        background-color: #eee
    }

    .bg-black\/35 {
        background-color: #00000059
    }

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

    .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-cyan\/25 {
        background-color: #72c1c540
    }

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

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

    .bg-gold\/25 {
        background-color: #d4b67140
    }

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

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

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

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

    .bg-light-grey\/80 {
        background-color: #8a8a8acc
    }

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

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

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

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

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

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

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

    .bg-primary\/80 {
        background-color: #007a4ccc
    }

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

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

    .bg-slate-950 {
        background-color: var(--color-slate-950)
    }

    .bg-soft-grey\/25 {
        background-color: #d9d9d940
    }

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

    .bg-soft-grey\/35 {
        background-color: #d9d9d959
    }

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

    .bg-soft-grey\/40 {
        background-color: #d9d9d966
    }

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

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

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

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

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

    .bg-linear-to-r {
        --tw-gradient-position: to right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab
        }
    }

    .bg-linear-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[linear-gradient\(90deg\,_\#007A4C_31\%\,_\#6DBB4F_94\%\)\] {
        background-image: linear-gradient(90deg, #007a4c 31%, #6dbb4f 94%)
    }

    .bg-\[linear-gradient\(180deg\,\#007a4c_0\%\,\#007a4c_250px\,\#FFFFFF_250px\,\#FFFFFF_100\%\)\] {
        background-image: linear-gradient(#007a4c 0 250px, #fff 250px 100%)
    }

    .bg-\[radial-gradient\(circle_at_55\%_45\%\,rgba\(255\,255\,255\,0\.18\)\,transparent_18\%\)\,radial-gradient\(circle_at_70\%_40\%\,rgba\(255\,255\,255\,0\.12\)\,transparent_26\%\)\] {
        background-image: radial-gradient(circle at 55% 45%, #ffffff2e, #0000 18%), radial-gradient(circle at 70% 40%, #ffffff1f, #0000 26%)
    }

    .bg-\[url\(\'\/images\/patterns\/green-grid--sm\.svg\'\)\] {
        background-image: url(https://www.us.sumitomo-pharma.com/images/patterns/green-grid--sm.svg)
    }

    .bg-\[url\(\'\/images\/patterns\/green-grid\.webp\'\)\] {
        background-image: url(https://www.us.sumitomo-pharma.com/images/patterns/green-grid.webp)
    }

    .bg-\[url\(\'\/images\/patterns\/white-grid2\.webp\'\)\] {
        background-image: url(https://www.us.sumitomo-pharma.com/images/patterns/white-grid2.webp)
    }

    .bg-\[url\(\'\/images\/urology\/urology-science-background-mobile\.webp\'\)\] {
        background-image: url(https://www.us.sumitomo-pharma.com/images/urology/urology-science-background-mobile.webp)
    }

    .bg-\[url\(\'\/images\/urology\/urology-science-bg\.webp\'\)\] {
        background-image: url(https://www.us.sumitomo-pharma.com/images/urology/urology-science-bg.webp)
    }

    .from-primary {
        --tw-gradient-from: var(--color-primary);
        --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))
    }

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

    .to-olive-green {
        --tw-gradient-to: var(--color-olive-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))
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-size-\[1500px_1500px\] {
        background-size: 1500px 1500px
    }

    .bg-\[position\:23\%_top\] {
        background-position: 23% 0
    }

    .bg-\[position\:center_100\%\] {
        background-position: 50% 100%
    }

    .bg-bottom {
        background-position: bottom
    }

    .bg-center {
        background-position: 50%
    }

    .bg-right-top {
        background-position: 100% 0
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .bg-repeat {
        background-repeat: repeat
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .object-center {
        -o-object-position: center;
        object-position: center
    }

    .object-right {
        -o-object-position: right;
        object-position: right
    }

    .object-top {
        -o-object-position: top;
        object-position: top
    }

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

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

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

    .px-0 {
        padding-inline: 0
    }

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

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

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

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

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

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

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

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

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

    .py-0 {
        padding-block: 0
    }

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

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

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

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

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

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

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

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

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

    .pt-0 {
        padding-top: 0
    }

    .pt-1 {
        padding-top: var(--spacing)
    }

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

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

    .pt-3\.5 {
        padding-top: calc(var(--spacing)*3.5)
    }

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

    .pt-4\.5 {
        padding-top: calc(var(--spacing)*4.5)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-7 {
        padding-top: calc(var(--spacing)*7)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

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

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

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

    .pt-14 {
        padding-top: calc(var(--spacing)*14)
    }

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

    .pt-19 {
        padding-top: calc(var(--spacing)*19)
    }

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

    .pr-4 {
        padding-right: calc(var(--spacing)*4)
    }

    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }

    .pr-13 {
        padding-right: calc(var(--spacing)*13)
    }

    .pb-0 {
        padding-bottom: 0
    }

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

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

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

    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

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

    .pb-7 {
        padding-bottom: calc(var(--spacing)*7)
    }

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

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

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

    .pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

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

    .pb-30 {
        padding-bottom: calc(var(--spacing)*30)
    }

    .pl-0 {
        padding-left: 0
    }

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

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .align-top {
        vertical-align: top
    }

    .type-eyebrow {
        letter-spacing: .2em;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }

    .type-body-subhead {
        font-size: 18px;
        font-weight: 700;
        line-height: 150%
    }

    .type-body-subhead-2 {
        font-size: 14px;
        font-weight: 700;
        line-height: 150%
    }

    .type-breadcrumb {
        font-size: 12px;
        font-weight: 600;
        line-height: 100%
    }

    .type-button {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%
    }

    .type-button-link {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }

    .type-date {
        font-size: 14px;
        font-weight: 600;
        line-height: 150%
    }

    .type-h1 {
        font-size: 60px;
        font-weight: 300;
        line-height: 120%
    }

    .type-h1-mobile {
        font-size: 40px;
        font-weight: 300;
        line-height: 110%
    }

    .type-h3 {
        font-size: 32px
    }

    .type-h3,
    .type-h5 {
        font-weight: 700;
        line-height: 140%
    }

    .type-h5 {
        font-size: 24px
    }

    .type-menu {
        font-size: 16px;
        font-weight: 600;
        line-height: 100%
    }

    .type-menu-2 {
        font-size: 11px;
        font-weight: 600;
        line-height: 140%
    }

    .type-menu-mobile {
        font-size: 18px;
        font-weight: 700;
        line-height: 130%
    }

    .type-stat-2 {
        font-size: 50px;
        font-weight: 700;
        line-height: 110%
    }

    .type-legal-mobile {
        -webkit-text-decoration: italic;
        text-decoration: italic;
        font-size: 10px;
        line-height: 150%
    }

    .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-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .type-body {
        font-size: 18px;
        line-height: 150%
    }

    .type-body-2 {
        font-size: 14px;
        line-height: 150%
    }

    .type-h2 {
        font-size: 52px;
        line-height: 100%
    }

    .type-h2-mobile {
        font-size: 32px;
        line-height: 110%
    }

    .type-h3-mobile {
        font-size: 24px;
        line-height: 120%
    }

    .type-h4 {
        font-size: 28px;
        line-height: 140%
    }

    .type-h4-mobile {
        font-size: 20px;
        line-height: 140%
    }

    .text-\[0\.6rem\] {
        font-size: .96rem
    }

    .text-\[0\.75rem\] {
        font-size: 1.2rem
    }

    .text-\[1\.5rem\] {
        font-size: 2.4rem
    }

    .text-\[1\.15rem\] {
        font-size: 1.84rem
    }

    .text-\[1\.025rem\] {
        font-size: 1.64rem
    }

    .text-\[1\.35rem\] {
        font-size: 2.16rem
    }

    .text-\[1\.125rem\] {
        font-size: 1.8rem
    }

    .text-\[1rem\] {
        font-size: 1.6rem
    }

    .text-\[2\.15rem\] {
        font-size: 3.44rem
    }

    .text-\[3rem\] {
        font-size: 4.8rem
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[32px\] {
        font-size: 32px
    }

    .text-\[120px\] {
        font-size: 120px
    }

    .leading-\[0\.98\] {
        --tw-leading: .98;
        line-height: .98
    }

    .leading-\[1\.02\] {
        --tw-leading: 1.02;
        line-height: 1.02
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.05\] {
        --tw-leading: 1.05;
        line-height: 1.05
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }

    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
    }

    .leading-\[1\.08\] {
        --tw-leading: 1.08;
        line-height: 1.08
    }

    .leading-\[1\.12\] {
        --tw-leading: 1.12;
        line-height: 1.12
    }

    .leading-\[1\.35\] {
        --tw-leading: 1.35;
        line-height: 1.35
    }

    .leading-\[1\.55\] {
        --tw-leading: 1.55;
        line-height: 1.55
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .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-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .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-\[-0\.03em\] {
        --tw-tracking: -.03em;
        letter-spacing: -.03em
    }

    .tracking-\[-1px\] {
        --tw-tracking: -1px;
        letter-spacing: -1px
    }

    .tracking-\[0\.22em\] {
        --tw-tracking: .22em;
        letter-spacing: .22em
    }

    .tracking-\[0\.24em\] {
        --tw-tracking: .24em;
        letter-spacing: .24em
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .break-words,
    .wrap-break-word {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .text-\[\#3A3A3A\] {
        color: #3a3a3a
    }

    .text-\[\#3A3A3A\]\! {
        color: #3a3a3a !important
    }

    .text-\[\#4F4F4F\] {
        color: #4f4f4f
    }

    .text-\[\#8A8A8A\] {
        color: #8a8a8a
    }

    .text-\[\#231F20\] {
        color: #231f20
    }

    .text-black {
        color: var(--color-black)
    }

    .text-dark-green {
        color: var(--color-dark-green)
    }

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-green-700 {
        color: var(--color-green-700)
    }

    .text-grey {
        color: var(--color-grey)
    }

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

    .text-olive-green {
        color: var(--color-olive-green)
    }

    .text-primary {
        color: var(--color-primary)
    }

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

    .text-slate-400 {
        color: var(--color-slate-400)
    }

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

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-olive-green {
        text-decoration-color: var(--color-olive-green)
    }

    .decoration-2 {
        text-decoration-thickness: 2px
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-23 {
        opacity: .23
    }

    .opacity-55 {
        opacity: .55
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .mix-blend-screen {
        mix-blend-mode: screen
    }

    .shadow-\[0_24px_60px_rgba\(35\,31\,32\,0\.08\)\] {
        --tw-shadow: 0 24px 60px var(--tw-shadow-color, #231f2014)
    }

    .shadow-\[0_24px_60px_rgba\(35\,31\,32\,0\.08\)\],
    .shadow-lg {
        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)
    }

    .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-button {
        box-shadow: 4px 4px 6px #00000040
    }

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

    .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, 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-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

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

    .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .\[clip-path\:none\] {
        clip-path: none
    }

    .\[clip-path\:polygon\(100\%_0\,100\%_0\,100\%_100\%\,0_100\%\)\] {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%)
    }

    @media(hover:hover) {
        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .group-hover\:bg-primary\/70:is(:where(.group):hover *) {
            background-color: #007a4cb3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-primary\/70:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-primary) 70%, transparent)
            }
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }

    .placeholder\:text-grey::-moz-placeholder {
        color: var(--color-grey)
    }

    .placeholder\:text-grey::placeholder {
        color: var(--color-grey)
    }

    .placeholder\:text-primary\/45::-moz-placeholder {
        color: #007a4c73
    }

    .placeholder\:text-primary\/45::placeholder {
        color: #007a4c73
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-primary\/45::-moz-placeholder {
            color: color-mix(in oklab, var(--color-primary) 45%, transparent)
        }

        .placeholder\:text-primary\/45::placeholder {
            color: color-mix(in oklab, var(--color-primary) 45%, transparent)
        }
    }

    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    @media(hover:hover) {
        .hover\:bg-olive-green:hover {
            background-color: var(--color-olive-green)
        }

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

        .hover\:text-\[\#3A3A3A\]\!:hover {
            color: #3a3a3a !important
        }

        .hover\:text-olive-green:hover {
            color: var(--color-olive-green)
        }

        .hover\:text-primary:hover {
            color: var(--color-primary)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:decoration-olive-green:hover {
            text-decoration-color: var(--color-olive-green)
        }

        .hover\:decoration-2:hover {
            text-decoration-thickness: 2px
        }

        .hover\:underline-offset-4:hover {
            text-underline-offset: 4px
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:opacity-90:hover {
            opacity: .9
        }

        .hover\:brightness-95:hover {
            --tw-brightness: brightness(95%)
        }

        .hover\:brightness-110:hover,
        .hover\:brightness-95:hover {
            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, )
        }

        .hover\:brightness-110:hover {
            --tw-brightness: brightness(110%)
        }
    }

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

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

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

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

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

    .disabled\:opacity-40:disabled {
        opacity: .4
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:opacity-60:disabled {
        opacity: .6
    }

    @media(min-width:430px) {
        .xxs\:hidden {
            display: none
        }

        .xxs\:inline {
            display: inline
        }

        .xxs\:h-100 {
            height: calc(var(--spacing)*100)
        }
    }

    @media(min-width:576px) {
        .xs\:hidden {
            display: none
        }

        .xs\:inline {
            display: inline
        }

        .xs\:h-110 {
            height: calc(var(--spacing)*110)
        }
    }

    @media(min-width:768px) {
        .sm\:mx-0 {
            margin-inline: 0
        }

        .sm\:my-30 {
            margin-block: calc(var(--spacing)*30)
        }

        .sm\:-mt-14 {
            margin-top: calc(var(--spacing)*-14)
        }

        .sm\:mt-0 {
            margin-top: 0
        }

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

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline {
            display: inline
        }

        .sm\:h-22 {
            height: calc(var(--spacing)*22)
        }

        .sm\:h-26 {
            height: calc(var(--spacing)*26)
        }

        .sm\:h-140 {
            height: calc(var(--spacing)*140)
        }

        .sm\:h-175 {
            height: calc(var(--spacing)*175)
        }

        .sm\:h-\[520px\] {
            height: 520px
        }

        .sm\:w-22 {
            width: calc(var(--spacing)*22)
        }

        .sm\:w-26 {
            width: calc(var(--spacing)*26)
        }

        .sm\:w-\[13\.25rem\] {
            width: 21.2rem
        }

        .sm\:w-\[415px\] {
            width: 415px
        }

        .sm\:max-w-\[320px\] {
            max-width: 320px
        }

        .sm\:max-w-\[calc\(100\%-310px\)\] {
            max-width: calc(100% - 310px)
        }

        .sm\:min-w-\[310px\] {
            min-width: 310px
        }

        .sm\:shrink-0 {
            flex-shrink: 0
        }

        .sm\:grid-cols-\[13\.25rem_1fr\] {
            grid-template-columns: 21.2rem 1fr
        }

        .sm\:flex-row {
            flex-direction: row
        }

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

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

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

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

        .sm\:pb-14 {
            padding-bottom: calc(var(--spacing)*14)
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:type-h1 {
            font-size: 60px;
            font-weight: 300;
            line-height: 120%
        }

        .sm\:type-h3 {
            font-size: 32px;
            font-weight: 700;
            line-height: 140%
        }

        .sm\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .sm\:text-\[200px\] {
            font-size: 200px
        }
    }

    @media(min-width:992px) {
        .md\:absolute {
            position: absolute
        }

        .md\:inset-0 {
            inset: 0
        }

        .md\:top-0 {
            top: 0
        }

        .md\:-right-44 {
            right: calc(var(--spacing)*-44)
        }

        .md\:right-0 {
            right: 0
        }

        .md\:right-\[15\%\] {
            right: 15%
        }

        .md\:left-\[20\%\] {
            left: 20%
        }

        .md\:order-1 {
            order: 1
        }

        .md\:order-2 {
            order: 2
        }

        .md\:col-start-1 {
            grid-column-start: 1
        }

        .md\:col-start-2 {
            grid-column-start: 2
        }

        .md\:col-start-3 {
            grid-column-start: 3
        }

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

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

        .md\:row-start-1 {
            grid-row-start: 1
        }

        .md\:row-start-2 {
            grid-row-start: 2
        }

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

        .md\:mx-0 {
            margin-inline: 0
        }

        .md\:mx-auto {
            margin-inline: auto
        }

        .md\:my-0 {
            margin-block: 0
        }

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

        .md\:mt-0 {
            margin-top: 0
        }

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

        .md\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .md\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .md\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .md\:mt-12 {
            margin-top: calc(var(--spacing)*12)
        }

        .md\:mt-14 {
            margin-top: calc(var(--spacing)*14)
        }

        .md\:mt-16 {
            margin-top: calc(var(--spacing)*16)
        }

        .md\:mt-18 {
            margin-top: calc(var(--spacing)*18)
        }

        .md\:mt-auto {
            margin-top: auto
        }

        .md\:mb-0 {
            margin-bottom: 0
        }

        .md\:mb-1 {
            margin-bottom: var(--spacing)
        }

        .md\:ml-auto {
            margin-left: auto
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .md\:h-2\.5 {
            height: calc(var(--spacing)*2.5)
        }

        .md\:h-14\.5 {
            height: calc(var(--spacing)*14.5)
        }

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

        .md\:h-16\.25 {
            height: calc(var(--spacing)*16.25)
        }

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

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

        .md\:h-37 {
            height: calc(var(--spacing)*37)
        }

        .md\:h-40 {
            height: calc(var(--spacing)*40)
        }

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

        .md\:h-56 {
            height: calc(var(--spacing)*56)
        }

        .md\:h-60 {
            height: calc(var(--spacing)*60)
        }

        .md\:h-128 {
            height: calc(var(--spacing)*128)
        }

        .md\:h-137\.5 {
            height: calc(var(--spacing)*137.5)
        }

        .md\:h-187 {
            height: calc(var(--spacing)*187)
        }

        .md\:h-\[34\.875rem\] {
            height: 55.8rem
        }

        .md\:h-\[135px\] {
            height: 135px
        }

        .md\:h-\[200px\] {
            height: 200px
        }

        .md\:h-\[260px\] {
            height: 260px
        }

        .md\:h-\[520px\] {
            height: 520px
        }

        .md\:h-\[620px\] {
            height: 620px
        }

        .md\:h-auto {
            height: auto
        }

        .md\:h-full {
            height: 100%
        }

        .md\:max-h-\[88vh\] {
            max-height: 88vh
        }

        .md\:min-h-0 {
            min-height: 0
        }

        .md\:min-h-56 {
            min-height: calc(var(--spacing)*56)
        }

        .md\:min-h-130 {
            min-height: calc(var(--spacing)*130)
        }

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

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

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

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

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

        .md\:w-16\.25 {
            width: calc(var(--spacing)*16.25)
        }

        .md\:w-25\.25 {
            width: calc(var(--spacing)*25.25)
        }

        .md\:w-37 {
            width: calc(var(--spacing)*37)
        }

        .md\:w-100 {
            width: calc(var(--spacing)*100)
        }

        .md\:w-\[30\%\] {
            width: 30%
        }

        .md\:w-\[38\%\] {
            width: 38%
        }

        .md\:w-\[42\%\] {
            width: 42%
        }

        .md\:w-\[55\%\] {
            width: 55%
        }

        .md\:w-\[64\%\] {
            width: 64%
        }

        .md\:w-\[74\%\] {
            width: 74%
        }

        .md\:w-\[78\%\] {
            width: 78%
        }

        .md\:w-\[80\%\] {
            width: 80%
        }

        .md\:w-\[135px\] {
            width: 135px
        }

        .md\:w-\[388px\] {
            width: 388px
        }

        .md\:w-\[415px\] {
            width: 415px
        }

        .md\:w-\[878px\] {
            width: 878px
        }

        .md\:w-\[calc\(33\.333\%-0\.75rem\)\] {
            width: calc(33.333% - 1.2rem)
        }

        .md\:w-\[calc\(50\%-0\.5rem\)\] {
            width: calc(50% - .8rem)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-76 {
            max-width: calc(var(--spacing)*76)
        }

        .md\:max-w-118 {
            max-width: calc(var(--spacing)*118)
        }

        .md\:max-w-125 {
            max-width: calc(var(--spacing)*125)
        }

        .md\:max-w-132 {
            max-width: calc(var(--spacing)*132)
        }

        .md\:max-w-135 {
            max-width: calc(var(--spacing)*135)
        }

        .md\:max-w-150 {
            max-width: calc(var(--spacing)*150)
        }

        .md\:max-w-190 {
            max-width: calc(var(--spacing)*190)
        }

        .md\:max-w-300 {
            max-width: calc(var(--spacing)*300)
        }

        .md\:max-w-330\.5 {
            max-width: calc(var(--spacing)*330.5)
        }

        .md\:max-w-\[18rem\] {
            max-width: 28.8rem
        }

        .md\:max-w-\[29rem\] {
            max-width: 46.4rem
        }

        .md\:max-w-\[388px\] {
            max-width: 388px
        }

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

        .md\:flex-1 {
            flex: 1
        }

        .md\:shrink-0 {
            flex-shrink: 0
        }

        .md\:rotate-31 {
            rotate: 31deg
        }

        .md\:skew-x-\[-30deg\] {
            --tw-skew-x: skewX(-30deg);
            transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
        }

        .md\:scroll-mt-\[140px\] {
            scroll-margin-top: 140px
        }

        .md\:scroll-mt-\[160px\] {
            scroll-margin-top: 160px
        }

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

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

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

        .md\:grid-cols-\[1fr_200px_1fr\] {
            grid-template-columns: 1fr 200px 1fr
        }

        .md\:grid-cols-\[1fr_auto_1fr_auto_1fr\] {
            grid-template-columns: 1fr auto 1fr auto 1fr
        }

        .md\:grid-cols-\[415px_minmax\(0\,1fr\)\] {
            grid-template-columns: 415px minmax(0, 1fr)
        }

        .md\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(18rem\,1\.05fr\)\] {
            grid-template-columns: minmax(0, .95fr) minmax(28.8rem, 1.05fr)
        }

        .md\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.9fr\)\] {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, .9fr)
        }

        .md\:grid-cols-\[minmax\(24rem\,23\.5rem\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(38.4rem, 37.6rem) minmax(0, 1fr)
        }

        .md\:grid-rows-\[subgrid\] {
            grid-template-rows: subgrid
        }

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-center {
            align-items: center
        }

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

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

        .md\:justify-center {
            justify-content: center
        }

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

        .md\:justify-items-center {
            justify-items: center
        }

        .md\:gap-0 {
            gap: 0
        }

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

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

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

        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .md\:gap-9 {
            gap: calc(var(--spacing)*9)
        }

        .md\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .md\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .md\:gap-14 {
            gap: calc(var(--spacing)*14)
        }

        .md\:gap-16 {
            gap: calc(var(--spacing)*16)
        }

        .md\:gap-20 {
            gap: calc(var(--spacing)*20)
        }

        .md\:gap-36 {
            gap: calc(var(--spacing)*36)
        }

        .md\:gap-50 {
            gap: calc(var(--spacing)*50)
        }

        .md\:gap-x-0 {
            -moz-column-gap: 0;
            column-gap: 0
        }

        .md\:gap-x-4 {
            -moz-column-gap: calc(var(--spacing)*4);
            column-gap: calc(var(--spacing)*4)
        }

        .md\:gap-y-5 {
            row-gap: calc(var(--spacing)*5)
        }

        .md\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }

        :where(.md\:divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
        }

        :where(.md\:divide-y-0>:not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(0px*var(--tw-divide-y-reverse));
            border-bottom-width: calc(0px*(1 - var(--tw-divide-y-reverse)))
        }

        .md\:self-end {
            align-self: flex-end
        }

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

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

        .md\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

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

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

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

        .md\:bg-\[linear-gradient\(90deg\,\#007a4c_0\%\,\#007a4c_40\%\,\#FFFFFF_40\%\,\#FFFFFF_100\%\)\] {
            background-image: linear-gradient(90deg, #007a4c 0 40%, #fff 40% 100%)
        }

        .md\:bg-\[linear-gradient\(90deg\,\#007a4c_0\%\,\#007a4c_50\%\,\#FFFFFF_50\%\,\#FFFFFF_100\%\)\] {
            background-image: linear-gradient(90deg, #007a4c 0 50%, #fff 50% 100%)
        }

        .md\:bg-\[linear-gradient\(120deg\,\#007a4c_0\%\,\#007a4c_40\%\,\#FFFFFF_40\%\,\#FFFFFF_100\%\)\] {
            background-image: linear-gradient(120deg, #007a4c 0 40%, #fff 40% 100%)
        }

        .md\:object-\[-8rem_top\] {
            -o-object-position: -12.8rem top;
            object-position: -12.8rem top
        }

        .md\:object-\[65\%_top\] {
            -o-object-position: 65% top;
            object-position: 65% top
        }

        .md\:p-8 {
            padding: calc(var(--spacing)*8)
        }

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

        .md\:px-0 {
            padding-inline: 0
        }

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

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

        .md\:px-7 {
            padding-inline: calc(var(--spacing)*7)
        }

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

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

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

        .md\:py-0 {
            padding-block: 0
        }

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

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

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

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

        .md\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .md\:py-14 {
            padding-block: calc(var(--spacing)*14)
        }

        .md\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }

        .md\:py-18 {
            padding-block: calc(var(--spacing)*18)
        }

        .md\:py-20 {
            padding-block: calc(var(--spacing)*20)
        }

        .md\:py-24 {
            padding-block: calc(var(--spacing)*24)
        }

        .md\:py-28 {
            padding-block: calc(var(--spacing)*28)
        }

        .md\:py-30 {
            padding-block: calc(var(--spacing)*30)
        }

        .md\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .md\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .md\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .md\:pt-19 {
            padding-top: calc(var(--spacing)*19)
        }

        .md\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .md\:pt-24 {
            padding-top: calc(var(--spacing)*24)
        }

        .md\:pt-30 {
            padding-top: calc(var(--spacing)*30)
        }

        .md\:pr-4 {
            padding-right: calc(var(--spacing)*4)
        }

        .md\:pr-8 {
            padding-right: calc(var(--spacing)*8)
        }

        .md\:pb-0 {
            padding-bottom: 0
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .md\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

        .md\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }

        .md\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .md\:pb-30 {
            padding-bottom: calc(var(--spacing)*30)
        }

        .md\:pl-0 {
            padding-left: 0
        }

        .md\:pl-2 {
            padding-left: calc(var(--spacing)*2)
        }

        .md\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .md\:pl-10 {
            padding-left: calc(var(--spacing)*10)
        }

        .md\:pl-12 {
            padding-left: calc(var(--spacing)*12)
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-left {
            text-align: left
        }

        .md\:type-h1 {
            font-size: 60px;
            font-weight: 300;
            line-height: 120%
        }

        .md\:type-h3 {
            font-size: 32px
        }

        .md\:type-h3,
        .md\:type-h5 {
            font-weight: 700;
            line-height: 140%
        }

        .md\:type-h5 {
            font-size: 24px
        }

        .md\:type-h2 {
            font-size: 52px;
            line-height: 100%
        }

        .md\:type-h4 {
            font-size: 28px;
            line-height: 140%
        }

        .md\:text-\[3\.75rem\] {
            font-size: 6rem
        }

        .md\:text-\[16px\] {
            font-size: 16px
        }

        .md\:text-\[34px\] {
            font-size: 34px
        }

        .md\:text-\[52px\] {
            font-size: 52px
        }

        .md\:font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold)
        }

        .md\:whitespace-nowrap {
            white-space: nowrap
        }

        .md\:italic {
            font-style: italic
        }

        .md\:\[clip-path\:polygon\(38\%_0\,100\%_0\,100\%_100\%\,0_100\%\)\] {
            clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%)
        }

        .md\:\[clip-path\:polygon\(45\%_0\,100\%_0\,100\%_100\%\,0_100\%\)\] {
            clip-path: polygon(45% 0, 100% 0, 100% 100%, 0 100%)
        }
    }

    @media(min-width:1200px) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:top-full {
            top: 100%
        }

        .lg\:bottom-auto {
            bottom: auto
        }

        .lg\:mt-21 {
            margin-top: calc(var(--spacing)*21)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline {
            display: inline
        }

        .lg\:h-22\.5 {
            height: calc(var(--spacing)*22.5)
        }

        .lg\:h-\[79\.53px\] {
            height: 79.53px
        }

        .lg\:h-\[160px\] {
            height: 160px
        }

        .lg\:h-\[200px\] {
            height: 200px
        }

        .lg\:max-h-\[calc\(100vh-5rem\)\] {
            max-height: calc(100vh - 8rem)
        }

        .lg\:min-h-202\.75 {
            min-height: calc(var(--spacing)*202.75)
        }

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

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

        .lg\:w-22\.5 {
            width: calc(var(--spacing)*22.5)
        }

        .lg\:w-\[15\.6rem\] {
            width: 24.96rem
        }

        .lg\:w-\[139\.09px\] {
            width: 139.09px
        }

        .lg\:w-\[calc\(25\%-0\.75rem\)\] {
            width: calc(25% - 1.2rem)
        }

        .lg\:w-\[calc\(50\%-0\.75rem\)\] {
            width: calc(50% - 1.2rem)
        }

        .lg\:max-w-131\.5 {
            max-width: calc(var(--spacing)*131.5)
        }

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

        .lg\:flex-row {
            flex-direction: row
        }

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

        .lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .lg\:gap-9 {
            gap: calc(var(--spacing)*9)
        }

        .lg\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .lg\:gap-14 {
            gap: calc(var(--spacing)*14)
        }

        .lg\:gap-18 {
            gap: calc(var(--spacing)*18)
        }

        .lg\:gap-28 {
            gap: calc(var(--spacing)*28)
        }

        .lg\:gap-\[150px\] {
            gap: 150px
        }

        .lg\:gap-x-6 {
            -moz-column-gap: calc(var(--spacing)*6);
            column-gap: calc(var(--spacing)*6)
        }

        .lg\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }

        .lg\:object-left {
            -o-object-position: left;
            object-position: left
        }

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

        .lg\:px-14 {
            padding-inline: calc(var(--spacing)*14)
        }

        .lg\:py-0 {
            padding-block: 0
        }

        .lg\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }

        .lg\:py-24 {
            padding-block: calc(var(--spacing)*24)
        }

        .lg\:pl-0 {
            padding-left: 0
        }

        .lg\:pl-6 {
            padding-left: calc(var(--spacing)*6)
        }

        .lg\:type-h2 {
            font-size: 52px;
            line-height: 100%
        }

        .lg\:text-\[18px\] {
            font-size: 18px
        }

        .lg\:text-\[50px\] {
            font-size: 50px
        }
    }

    @media(min-width:1280px) {
        .mlg\:mx-auto {
            margin-inline: auto
        }

        .mlg\:hidden {
            display: none
        }

        .mlg\:h-auto {
            height: auto
        }

        .mlg\:w-auto {
            width: auto
        }

        .mlg\:min-w-0 {
            min-width: 0
        }

        .mlg\:flex-1 {
            flex: 1
        }

        .mlg\:shrink {
            flex-shrink: 1
        }

        .mlg\:snap-none {
            scroll-snap-type: none
        }

        .mlg\:overflow-visible {
            overflow: visible
        }

        .mlg\:type-h3 {
            font-size: 32px;
            font-weight: 700;
            line-height: 140%
        }
    }

    @media(min-width:1440px) {
        .xl\:mt-22 {
            margin-top: calc(var(--spacing)*22)
        }

        .xl\:block {
            display: block
        }

        .xl\:hidden {
            display: none
        }

        .xl\:inline {
            display: inline
        }

        .xl\:grid-cols-\[minmax\(24rem\,32\.5rem\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(38.4rem, 52rem) minmax(0, 1fr)
        }

        .xl\:gap-7 {
            gap: calc(var(--spacing)*7)
        }

        .xl\:gap-14 {
            gap: calc(var(--spacing)*14)
        }
    }

    @media(min-width:1650px) {
        .xxl\:left-\[25\%\] {
            left: 25%
        }

        .xxl\:block {
            display: block
        }

        .xxl\:hidden {
            display: none
        }

        .xxl\:inline {
            display: inline
        }

        .xxl\:h-\[140\%\] {
            height: 140%
        }

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

        .xxl\:scale-100 {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .xxl\:gap-20 {
            gap: calc(var(--spacing)*20)
        }

        .xxl\:bg-\[linear-gradient\(90deg\,\#FFFFFF_0\%\,\#FFF_100\%\)\] {
            background-image: linear-gradient(90deg, #fff 0 100%)
        }
    }

    @media(min-width:1920px) {
        .\33xl\:left-\[30\%\] {
            left: 30%
        }

        .\33xl\:hidden {
            display: none
        }

        .\33xl\:inline {
            display: inline
        }

        .\33xl\:gap-\[165px\] {
            gap: 165px
        }
    }

    .hero-headline-gradient {
        background-image: linear-gradient(#ffec8d -40%, #fdba12 140%)
    }

    .hero-headline-gradient,
    .hero-sm-headline-gradient {
        -webkit-text-fill-color: transparent;
        color: #0000;
        -webkit-background-clip: text;
        background-clip: text
    }

    .hero-sm-headline-gradient {
        background-image: linear-gradient(10deg, #fdba12 -10%, #ffec8d 110%)
    }
}

.evergreen-container--inner {
    scroll-behavior: smooth;
    font-family: Nunito Sans, Arial, sans-serif
}

button,
input,
select,
textarea {
    font: inherit
}

.fade-in-up-enter-active,
.fade-in-up-leave-active {
    transition: all .5s
}

.fade-in-up-enter-from,
.fade-in-up-leave-to {
    opacity: 0;
    transform: translateY(10px)
}

.fade-up-enter-active,
.fade-up-leave-active {
    transition: all .5s
}

.fade-up-enter-from,
.fade-up-leave-to {
    opacity: 0;
    transform: translateY(15px)
}

.fade-up-leave-active {
    position: absolute
}

.fade-left-enter-active,
.fade-left-leave-active {
    transition: all .5s
}

.fade-left-enter-from,
.fade-left-leave-to {
    opacity: 0;
    transform: translate(15px)
}

.extrabold {
    font-weight: 900
}

.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important
}

.recaptcha-badge-visible .grecaptcha-badge {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

.discover-pattern[data-v-47fcfb98] {
    background-color: #007a4c;
    background-image: url(https://www.us.sumitomo-pharma.com/images/index/discover-pattern-tile.webp);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: contain;
    clip-path: polygon(0 0, calc(50vw - 8.384rem) 0, calc(50vw - 46.368rem) 100%, 0 100%)
}

.discover-seam[data-v-47fcfb98] {
    background-color: #bedfc2;
    clip-path: polygon(calc(50vw - 8.384rem) 0, calc(50vw - 8.384rem + 10px) 0, calc(50vw - 46.368rem + 10px) 100%, calc(50vw - 46.368rem) 100%)
}

.expertise-card[data-v-9f067b12] {
    box-shadow: 0 18px 30px #0003;
    transition: transform .72s cubic-bezier(.22, 1, .36, 1), box-shadow .72s cubic-bezier(.22, 1, .36, 1)
}

.expertise-card[data-v-9f067b12]:hover {
    transform: translateY(-.4rem);
    box-shadow: 0 24px 40px #00000040
}

.expertise-reveal[data-v-9f067b12] {
    opacity: 0;
    transform: translateY(250px);
    transition: transform .75s cubic-bezier(.22, 1, .36, 1), opacity .75s ease;
    transition-delay: var(--reveal-delay, 0s);
    will-change: transform, opacity
}

.expertise-reveal.is-visible[data-v-9f067b12] {
    opacity: 1;
    transform: translateY(0)
}

@media(max-width:991px) {
    .expertise-reveal[data-v-9f067b12] {
        opacity: 0;
        transform: translate(1.6rem);
        transition: none
    }

    .expertise-reveal.is-mobile-visible[data-v-9f067b12] {
        animation: expertise-mobile-fade-9f067b12 .55s ease forwards;
        animation-delay: var(--reveal-delay, 0s)
    }
}

@keyframes expertise-mobile-fade-9f067b12 {
    0% {
        opacity: 0;
        transform: translate(1.6rem)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.ceo-insights[data-v-40f62291] {
    border-bottom: 6px solid #007a4c
}

.ceo-insights__desktop[data-v-40f62291] {
    min-height: 29.6rem;
    background: url(https://www.us.sumitomo-pharma.com/images/index/ceo-insights-bg-desktop.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.ceo-insights__desktop-overlay[data-v-40f62291] {
    grid-template-columns: minmax(0, 34%) minmax(0, 16%) minmax(0, 50%);
    align-items: center;
    min-height: 29.6rem
}

.ceo-insights__desktop-title[data-v-40f62291] {
    min-width: 0
}

.ceo-insights__mobile[data-v-40f62291] {
    background: url(https://www.us.sumitomo-pharma.com/images/index/ceo-insights-bg-mobile.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:1440px) {
    .ceo-insights__desktop[data-v-40f62291] {
        background-image: none;
        background-color: #f4eddb
    }
}

.ceo-insights-photo[data-v-40f62291] {
    clip-path: polygon(52.56rem 0, 81.024rem 0, 62.528rem 100%, 33.92rem 100%)
}

.ceo-insights-seam-left[data-v-40f62291] {
    background-color: #fff;
    clip-path: polygon(calc(50vw - 13.536rem - 6px) 0, calc(50vw - 13.536rem) 0, calc(50vw - 32.176rem) 100%, calc(50vw - 32.176rem - 6px) 100%)
}

.ceo-insights-seam-right[data-v-40f62291] {
    background-color: #fff;
    clip-path: polygon(calc(50vw + 14.928rem) 0, calc(50vw + 14.928rem + 6px) 0, calc(50vw - 3.568rem + 6px) 100%, calc(50vw - 3.568rem) 100%)
}

.ceo-insights-pattern[data-v-40f62291] {
    background-color: #e5d2a8;
    background-image: url(https://www.us.sumitomo-pharma.com/images/womens-health/additional-resources-pattern-tile.webp);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: contain;
    clip-path: polygon(calc(50vw + 14.928rem + 4px) 0, 100% 0, 100% 100%, calc(50vw - 3.568rem + 4px) 100%)
}

.career-carousel[data-v-6a6a980f] {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.career-carousel[data-v-6a6a980f]::-webkit-scrollbar {
    display: none
}

@media(min-width:992px)and (max-width:1115px) {
    .angled-hero-visual[data-v-a2fc1d22] {
        width: 450px;
        clip-path: polygon(46% 0, 100% 0, 100% 100%, 0 100%)
    }

    .angled-hero-accent[data-v-a2fc1d22] {
        width: 311px
    }
}

@media(min-width:1116px)and (max-width:1295px) {
    .angled-hero-visual[data-v-a2fc1d22] {
        width: 660px;
        clip-path: polygon(46% 0, 100% 0, 100% 100%, 0 100%)
    }

    .angled-hero-accent[data-v-a2fc1d22] {
        width: 455px
    }
}

.additional-resources[data-v-654beb30] {
    border-bottom: 6px solid #007a4c;
    background: url(https://www.us.sumitomo-pharma.com/images/womens-health/additional-resources-bg--mobile.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:992px) {
    .additional-resources[data-v-654beb30] {
        background-image: url(https://www.us.sumitomo-pharma.com/images/womens-health/additional-resources-bg.webp)
    }
}

@media(min-width:1440px) {
    .additional-resources[data-v-654beb30] {
        background-image: none;
        background-color: #f4eddb
    }
}

.additional-resources-seam[data-v-654beb30] {
    background-color: #fff;
    clip-path: polygon(calc(50vw - 17.856rem - 6px) 0, calc(50vw - 17.856rem) 0, calc(50vw - 37.712rem) 100%, calc(50vw - 37.712rem - 6px) 100%)
}

.additional-resources-pattern[data-v-654beb30] {
    background-color: #e5d2a8;
    background-image: url(https://www.us.sumitomo-pharma.com/images/womens-health/additional-resources-pattern-tile.webp);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: contain;
    clip-path: polygon(calc(50vw - 17.856rem) 0, 100% 0, 100% 100%, calc(50vw - 37.712rem) 100%)
}

select[data-v-9e9c59d9] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 4rem
}

select option[data-v-9e9c59d9] {
    color: #000
}

.removeunderline a {
    text-decoration: none !important
}

.headertext h1 {
    font-size: 24px !important;
    line-height: 26px !important;
    width: 7in !important
}

.headertext h3 {
    font-size: 16px !important
}

.headertext a,
.headertext li,
.headertext p,
.headertext td,
.headertext th {
    font-size: 13px !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    page-break-inside: avoid !important;
    break-inside: avoid-page !important;
    orphans: 3;
    widows: 3
}

.headertext ol,
.headertext table,
.headertext tr,
.headertext ul {
    page-break-inside: avoid !important;
    break-inside: avoid-page !important
}

.headertext table {
    width: 100% !important;
    table-layout: fixed
}

.discover-pattern[data-v-47fcfb98] {
    background-color: #007a4c;
    background-image: url(https://www.us.sumitomo-pharma.com/images/index/discover-pattern-tile.webp);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: contain;
    clip-path: polygon(0 0, calc(50vw - 8.384rem) 0, calc(50vw - 46.368rem) 100%, 0 100%)
}

.discover-seam[data-v-47fcfb98] {
    background-color: #bedfc2;
    clip-path: polygon(calc(50vw - 8.384rem) 0, calc(50vw - 8.384rem + 10px) 0, calc(50vw - 46.368rem + 10px) 100%, calc(50vw - 46.368rem) 100%)
}

.expertise-card[data-v-9f067b12] {
    box-shadow: 0 18px 30px #0003;
    transition: transform .72s cubic-bezier(.22, 1, .36, 1), box-shadow .72s cubic-bezier(.22, 1, .36, 1)
}

.expertise-card[data-v-9f067b12]:hover {
    transform: translateY(-.4rem);
    box-shadow: 0 24px 40px #00000040
}

.expertise-reveal[data-v-9f067b12] {
    opacity: 0;
    transform: translateY(250px);
    transition: transform .75s cubic-bezier(.22, 1, .36, 1), opacity .75s ease;
    transition-delay: var(--reveal-delay, 0s);
    will-change: transform, opacity
}

.expertise-reveal.is-visible[data-v-9f067b12] {
    opacity: 1;
    transform: translateY(0)
}

@media(max-width:991px) {
    .expertise-reveal[data-v-9f067b12] {
        opacity: 0;
        transform: translate(1.6rem);
        transition: none
    }

    .expertise-reveal.is-mobile-visible[data-v-9f067b12] {
        animation: expertise-mobile-fade-9f067b12 .55s ease forwards;
        animation-delay: var(--reveal-delay, 0s)
    }
}

@keyframes expertise-mobile-fade-9f067b12 {
    0% {
        opacity: 0;
        transform: translate(1.6rem)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.ceo-insights[data-v-40f62291] {
    border-bottom: 6px solid #007a4c
}

.ceo-insights__desktop[data-v-40f62291] {
    min-height: 29.6rem;
    background: url(https://www.us.sumitomo-pharma.com/images/index/ceo-insights-bg-desktop.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.ceo-insights__desktop-overlay[data-v-40f62291] {
    grid-template-columns: minmax(0, 34%) minmax(0, 16%) minmax(0, 50%);
    align-items: center;
    min-height: 29.6rem
}

.ceo-insights__desktop-title[data-v-40f62291] {
    min-width: 0
}

.ceo-insights__mobile[data-v-40f62291] {
    background: url(https://www.us.sumitomo-pharma.com/images/index/ceo-insights-bg-mobile.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:1440px) {
    .ceo-insights__desktop[data-v-40f62291] {
        background-image: none;
        background-color: #f4eddb
    }
}

.ceo-insights-photo[data-v-40f62291] {
    clip-path: polygon(52.56rem 0, 81.024rem 0, 62.528rem 100%, 33.92rem 100%)
}

.ceo-insights-seam-left[data-v-40f62291] {
    background-color: #fff;
    clip-path: polygon(calc(50vw - 13.536rem - 6px) 0, calc(50vw - 13.536rem) 0, calc(50vw - 32.176rem) 100%, calc(50vw - 32.176rem - 6px) 100%)
}

.ceo-insights-seam-right[data-v-40f62291] {
    background-color: #fff;
    clip-path: polygon(calc(50vw + 14.928rem) 0, calc(50vw + 14.928rem + 6px) 0, calc(50vw - 3.568rem + 6px) 100%, calc(50vw - 3.568rem) 100%)
}

.ceo-insights-pattern[data-v-40f62291] {
    background-color: #e5d2a8;
    background-image: url(https://www.us.sumitomo-pharma.com/images/womens-health/additional-resources-pattern-tile.webp);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: contain;
    clip-path: polygon(calc(50vw + 14.928rem + 4px) 0, 100% 0, 100% 100%, calc(50vw - 3.568rem + 4px) 100%)
}