/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-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-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}
@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-50: oklch(97.1% .013 17.38);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-700: oklch(50.5% .213 27.518);
        --color-yellow-50: oklch(98.7% .026 102.212);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-yellow-700: oklch(55.4% .135 66.442);
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-100: oklch(96.2% .044 156.743);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-700: oklch(52.7% .154 150.069);
        --color-blue-50: oklch(97% .014 254.604);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-200: oklch(88.2% .059 254.128);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-700: oklch(48.8% .243 264.376);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-gray-50: oklch(98.5% .002 247.839);
        --color-gray-100: #f7f7f7;
        --color-gray-200: #e4e4e7;
        --color-gray-300: #d4d4d8;
        --color-gray-400: #999;
        --color-gray-500: #71717a;
        --color-gray-600: #52525b;
        --color-gray-700: #353535;
        --color-gray-900: #18181b;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-lg: 32rem;
        --container-7xl: 80rem;
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-relaxed: 1.625;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --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);
        --base-black: #000;
        --color-primary-20: #f1eefe;
        --color-primary-50: #ede9fe;
        --color-primary-100: #dbd3fd;
        --color-primary-200: #b9abfa;
        --color-primary-250: #a491fa;
        --color-primary-300: #8168f5;
        --color-primary-400: #6546f3;
        --color-primary-500: #55498c;
        --color-primary-600: #3a21ad;
        --color-primary-700: #1d087e;
        --color-primary-800: #130458;
        --color-primary-900: #110451;
        --color-primary: var(--color-primary-400);
        --color-secondary-50: #dfdcee;
        --color-secondary-100: #cfcae3;
        --color-secondary-400: #493990;
        --color-secondary-500: #3a2e73;
        --color-secondary-600: #2d2263;
        --color-secondary-700: #271e52;
        --color-secondary-800: #1d1640;
        --color-secondary-900: #140f2d;
        --color-secondary: var(--color-secondary-400);
        --color-surface: #f9f9fa;
        --color-surface-hover: var(--color-primary-50);
        --color-surface-active: var(--color-primary-100);
        --color-border: #e0e0e0;
        --color-border-light: #f7f7f7;
        --color-border-dark: var(--color-primary-900);
        --color-border-highlight: var(--color-primary-100);
        --font-size-display-1: 150px;
        --line-height-display-1: 150px;
        --font-size-display-2: 60px;
        --line-height-display-2: 68px;
        --font-size-heading-1: 46px;
        --line-height-heading-1: 60px;
        --font-size-heading-2: 36px;
        --line-height-heading-2: 50px;
        --font-size-heading-3: 28px;
        --line-height-heading-3: 38px;
        --font-size-heading-4: 24px;
        --line-height-heading-4: 32px;
        --font-size-heading-5: 20px;
        --line-height-heading-5: 32px;
        --font-size-heading-6: 18px;
        --line-height-heading-6: 26px;
        --font-size-text-large: 18px;
        --line-height-text-large: 26px;
        --font-size-text-standard: 16px;
        --line-height-text-standard: 24px;
        --font-size-text-small: 14px;
        --line-height-text-small: 22px;
        --color-typography: #071122;
        --color-typography-1: #010000;
        --color-typography-2: #000;
        --badge-text-color: #353535;
        --badge-font-size: 14px;
        --badge-line-height: 20px;
        --badge-font-weight: 600;
        --badge-border-radius: 9999px;
        --badge-large-height: 40px;
        --badge-large-padding-x: 10px;
        --badge-large-gap: 10px;
        --badge-large-icon-size: 24px;
        --badge-medium-height: 32px;
        --badge-medium-padding-x: 8px;
        --badge-medium-gap: 8px;
        --badge-medium-icon-size: 20px;
        --badge-small-height: 28px;
        --badge-small-padding-x: 9px;
        --badge-small-gap: 6px;
        --badge-small-icon-size: 16px;
        --badge-xsmall-height: 24px;
        --badge-xsmall-padding-x: 6px;
        --badge-xsmall-gap: 6px;
        --badge-xsmall-icon-size: 16px;
        --color-badge-primary: #f7f7f7;
        --color-badge-secondary: #edeaed;
        --color-badge-tertiary: #efdbf1;
        --color-badge-created: #f9edc2;
        --color-badge-authorized: #c9c9f0;
        --color-badge-approved: #cdf3e6;
        --color-badge-denied: #f5d2d7;
        --ac-shadow: 0px 0px 10px 0px #0000001a
    }
}
@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

    html, :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp, pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub, sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

    :where(select:is([multiple],[size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple],[size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

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

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

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

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

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

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

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

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

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

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

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

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

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button, input:where([type=button],[type=reset],[type=submit]) {
        appearance: button
    }

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

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

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

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}
@layer components;
@layer utilities {
    .\!pointer-events-auto {
        pointer-events: auto !important
    }

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

    .visible {
        visibility: visible
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

    .top-full {
        top: 100%
    }

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

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

    .right-\[30px\] {
        right: 30px
    }

    .right-full {
        right: 100%
    }

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

    .bottom-\[10vh\] {
        bottom: 10vh
    }

    .bottom-\[122px\] {
        bottom: 122px
    }

    .bottom-full {
        bottom: 100%
    }

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

    .left-full {
        left: 100%
    }

    .isolate {
        isolation: isolate
    }

    .\!z-50 {
        z-index: 50 !important
    }

    .z-10 {
        z-index: 10
    }

    .z-50 {
        z-index: 50
    }

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

    .container {
        width: 100%
    }

    @media (min-width: 40rem) {
        .container {
            max-width: 40rem
        }
    }@media (min-width: 48rem) {
    .container {
        max-width: 48rem
    }
}@media (min-width: 64rem) {
    .container {
        max-width: 64rem
    }
}@media (min-width: 80rem) {
    .container {
        max-width: 80rem
    }
}@media (min-width: 96rem) {
    .container {
        max-width: 96rem
    }
}.mx-6 {
     margin-inline: calc(var(--spacing) * 6)
 }

    .mx-auto {
        margin-inline: auto
    }

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

    .ms-auto {
        margin-inline-start: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[34\.79px\] {
        height: 34.79px
    }

    .h-\[35\.76px\] {
        height: 35.76px
    }

    .h-\[36\.67px\] {
        height: 36.67px
    }

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

    .h-\[43\.3px\] {
        height: 43.3px
    }

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

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

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

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

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

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

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

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

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

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

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

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

    .max-h-\[320px\] {
        max-height: 320px
    }

    .max-h-\[780px\] {
        max-height: 780px
    }

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

    .min-h-121\.5 {
        min-height: calc(var(--spacing) * 121.5)
    }

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

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

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

    .min-h-\[60px\] {
        min-height: 60px
    }

    .min-h-full {
        min-height: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

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

    .w-screen {
        width: 100vw
    }

    .\!max-w-\[730px\] {
        max-width: 730px !important
    }

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

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

    .max-w-\[70vw\] {
        max-width: 70vw
    }

    .max-w-\[90vw\] {
        max-width: 90vw
    }

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

    .max-w-fit {
        max-width: fit-content
    }

    .\!min-w-\[730px\] {
        min-width: 730px !important
    }

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

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

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

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

    .flex-1 {
        flex: 1
    }

    .flex-none {
        flex: none
    }

    .flex-shrink {
        flex-shrink: 1
    }

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

    .flex-grow {
        flex-grow: 1
    }

    .rotate-180 {
        rotate: 180deg
    }

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

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

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

    .\!cursor-pointer {
        cursor: pointer !important
    }

    .cursor-default {
        cursor: default
    }

    .cursor-help {
        cursor: help
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

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

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

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

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

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

    .grid-cols-\[300px_1fr\] {
        grid-template-columns:300px 1fr
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

    .content-stretch {
        align-content: stretch
    }

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

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

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

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

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

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

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

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

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

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

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

    .gap-\[6px\] {
        gap: 6px
    }

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

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

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

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

    :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 * calc(1 - var(--tw-divide-y-reverse)))
    }

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

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

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

    .self-stretch {
        align-self: stretch
    }

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

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

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

    .\!overflow-y-auto {
        overflow-y: auto !important
    }

    .\!overflow-y-hidden {
        overflow-y: hidden !important
    }

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

    .rounded {
        border-radius: .25rem
    }

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

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

    .rounded-full {
        border-radius: 3.40282e38px
    }

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

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

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

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

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

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

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

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

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

    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }

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

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

    .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-r-2 {
        border-right-style: var(--tw-border-style);
        border-right-width: 2px
    }

    .border-r-\[6px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: 6px
    }

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

    .\!border-none {
        --tw-border-style: none !important;
        border-style: none !important
    }

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

    .\!border-\[\#47778C\] {
        border-color: #47778c !important
    }

    .\!border-\[\#DCE8F4\] {
        border-color: #dce8f4 !important
    }

    .border-\[\#7A4E7E\] {
        border-color: #7a4e7e
    }

    .border-\[\#271E52\] {
        border-color: #271e52
    }

    .border-\[\#29192A\] {
        border-color: #29192a
    }

    .border-\[\#E0E0E0\] {
        border-color: #e0e0e0
    }

    .border-\[\#E3E3EA\] {
        border-color: #e3e3ea
    }

    .border-\[\#E9FAFA\] {
        border-color: #e9fafa
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .border-primary-300\/30 {
        border-color: #8168f54d
    }

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

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

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

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

    .border-purple-600 {
        border-color: var(--color-purple-600)
    }

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

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

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

    .border-secondary-500 {
        border-color: var(--color-secondary-500)
    }

    .border-secondary-900 {
        border-color: var(--color-secondary-900)
    }

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

    .border-white\/20 {
        border-color: #fff3
    }

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

    .border-t-\[\#DCE8F4\] {
        border-top-color: #dce8f4
    }

    .border-t-\[\#EDEAED\] {
        border-top-color: #edeaed
    }

    .border-t-badge-secondary {
        border-top-color: var(--color-badge-secondary)
    }

    .border-b-\[\#EDEAED\] {
        border-bottom-color: #edeaed
    }

    .border-b-badge-secondary {
        border-bottom-color: var(--color-badge-secondary)
    }

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

    .bg-\[\#7A4E7E\] {
        background-color: #7a4e7e
    }

    .bg-\[\#271E52\] {
        background-color: #271e52
    }

    .bg-\[\#29192A\] {
        background-color: #29192a
    }

    .bg-\[\#47778C1A\] {
        background-color: #47778c1a
    }

    .bg-\[\#47778C\] {
        background-color: #47778c
    }

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

    .bg-\[\#A491FA\] {
        background-color: #a491fa
    }

    .bg-\[\#CDF3E6\] {
        background-color: #cdf3e6
    }

    .bg-\[\#DBD3FD\] {
        background-color: #dbd3fd
    }

    .bg-\[\#E9FAFA\] {
        background-color: #e9fafa
    }

    .bg-\[\#EFF3F8\]\/50 {
        background-color: oklab(96.2549% -.00221145 -.00763899/.5)
    }

    .bg-\[\#F5D2D7\] {
        background-color: #f5d2d7
    }

    .bg-\[\#F5F3FF\] {
        background-color: #f5f3ff
    }

    .bg-\[\#F7F7F7\] {
        background-color: #f7f7f7
    }

    .bg-\[\#F7F8FA\] {
        background-color: #f7f8fa
    }

    .bg-\[\#F9EDC2\] {
        background-color: #f9edc2
    }

    .bg-\[\#FFF\] {
        background-color: #fff
    }

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

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

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

    .bg-current {
        background-color: currentColor
    }

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

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

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

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

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

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

    .bg-inherit {
        background-color: inherit
    }

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

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

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

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

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

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

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

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

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

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

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

    .bg-primary-800\/50 {
        background-color: #13045880
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .from-blue-100 {
        --tw-gradient-from: var(--color-blue-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .px-\[8px\] {
        padding-inline: 8px
    }

    .px-\[9px\] {
        padding-inline: 9px
    }

    .px-\[10px\] {
        padding-inline: 10px
    }

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

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

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

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

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

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

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

    .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-\[3px\] {
        padding-block: 3px
    }

    .py-\[7px\] {
        padding-block: 7px
    }

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

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

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

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

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

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

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

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

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

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

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

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-start {
        text-align: start
    }

    .font-mono {
        font-family: var(--font-mono)
    }

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

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

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

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

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

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

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

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

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

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

    .leading-5\.5 {
        --tw-leading: calc(var(--spacing) * 5.5);
        line-height: calc(var(--spacing) * 5.5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
    }

    .leading-6\.5 {
        --tw-leading: calc(var(--spacing) * 6.5);
        line-height: calc(var(--spacing) * 6.5)
    }

    .leading-6\.75 {
        --tw-leading: calc(var(--spacing) * 6.75);
        line-height: calc(var(--spacing) * 6.75)
    }

    .leading-8 {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8)
    }

    .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
    }

    .leading-\[24px\] {
        --tw-leading: 24px;
        line-height: 24px
    }

    .leading-\[26px\] {
        --tw-leading: 26px;
        line-height: 26px
    }

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

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

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

    .\!font-semibold {
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important
    }

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

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

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

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

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

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

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

    .text-nowrap {
        text-wrap: nowrap
    }

    .overflow-ellipsis, .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

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

    .\!text-\[\#1A1A1A\] {
        color: #1a1a1a !important
    }

    .\!text-\[\#7A4E7E\] {
        color: #7a4e7e !important
    }

    .\!text-\[\#666\] {
        color: #666 !important
    }

    .\!text-\[\#010000\] {
        color: #010000 !important
    }

    .\!text-\[\#29192A\] {
        color: #29192a !important
    }

    .\!text-\[\#47778C\] {
        color: #47778c !important
    }

    .\!text-\[\#353535\] {
        color: #353535 !important
    }

    .\!text-\[\#666666\] {
        color: #666 !important
    }

    .\!text-primary-900 {
        color: var(--color-primary-900) !important
    }

    .\!text-secondary-500 {
        color: var(--color-secondary-500) !important
    }

    .\!text-secondary-900 {
        color: var(--color-secondary-900) !important
    }

    .text-\[\#00C6C6\] {
        color: #00c6c6
    }

    .text-\[\#001C1C\] {
        color: #001c1c
    }

    .text-\[\#1E1E1E\] {
        color: #1e1e1e
    }

    .text-\[\#7A4E7E\] {
        color: #7a4e7e
    }

    .text-\[\#492E4B\]\! {
        color: #492e4b !important
    }

    .text-\[\#666\] {
        color: #666
    }

    .text-\[\#666\]\! {
        color: #666 !important
    }

    .text-\[\#999\] {
        color: #999
    }

    .text-\[\#007676\] {
        color: #007676
    }

    .text-\[\#47778C\] {
        color: #47778c
    }

    .text-\[\#353535\] {
        color: #353535
    }

    .text-\[\#493990\] {
        color: #493990
    }

    .text-\[\#F7F7F7\] {
        color: #f7f7f7
    }

    .text-\[\#FFF\] {
        color: #fff
    }

    .text-\[\#FFF\]\! {
        color: #fff !important
    }

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

    .text-black\! {
        color: var(--color-black) !important
    }

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

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

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

    .text-gray-500 {
        color: var(--color-gray-500)
    }

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

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

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-gray-900\! {
        color: var(--color-gray-900) !important
    }

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

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

    .text-inherit {
        color: inherit
    }

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

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

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

    .text-primary-700\! {
        color: var(--color-primary-700) !important
    }

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

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

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

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

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

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

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

    .text-white\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }.text-white\/80 {
         color: #fffc
     }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/80 {
            color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }.text-yellow-700 {
         color: var(--color-yellow-700)
     }

    .normal-case {
        text-transform: none
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-35 {
        opacity: .35
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-80 {
        opacity: .8
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .brightness-0 {
        --tw-brightness: brightness(0%);
        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,)
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        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,)
    }

    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .filter {
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-color\,border-color\] {
        transition-property: background-color, border-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,background-color\,border-color\,opacity\,transform\] {
        transition-property: color, background-color, border-color, opacity, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

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

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

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

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

    .duration-\[420ms\] {
        --tw-duration: .42s;
        transition-duration: .42s
    }

    .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
        --tw-ease: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .\[klass\:string\] {
        klass: string
    }

    @media (hover: hover) {
        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .hover\:bg-\[\#8e7be5\]:hover {
            background-color: #8e7be5
        }

        .hover\:bg-\[\#E9FAFA\]:hover {
            background-color: #e9fafa
        }

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

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

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

        .hover\:text-\[\#47778C\]:hover {
            color: #47778c
        }

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

        .hover\:shadow-md:hover {
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }.focus\:outline-none:focus {
         --tw-outline-style: none;
         outline-style: none
     }

    @media not all and (min-width: 80rem) {
        .max-xl\:hidden {
            display: none
        }

        .max-xl\:flex-col {
            flex-direction: column
        }

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

        .max-xl\:text-\[20px\] {
            font-size: 20px
        }

        .max-xl\:leading-\[32px\] {
            --tw-leading: 32px;
            line-height: 32px
        }
    }@media not all and (min-width: 48rem) {
    .max-md\:mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }

    .max-md\:hidden {
        display: none
    }

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

    .max-md\:h-fit {
        height: fit-content
    }

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

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

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

    .max-md\:\!p-6 {
        padding: calc(var(--spacing) * 6) !important
    }

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

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

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

    .max-md\:text-\[36px\] {
        font-size: 36px
    }

    .max-md\:leading-\[43\.2px\] {
        --tw-leading: 43.2px;
        line-height: 43.2px
    }
}@media (min-width: 1350px) {
    .min-\[1350px\]\:w-185 {
        width: calc(var(--spacing) * 185)
    }

    .min-\[1350px\]\:min-w-0 {
        min-width: calc(var(--spacing) * 0)
    }

    .min-\[1350px\]\:flex-1 {
        flex: 1
    }

    .min-\[1350px\]\:flex-none {
        flex: none
    }

    .min-\[1350px\]\:flex-row {
        flex-direction: row
    }

    .min-\[1350px\]\:items-center {
        align-items: center
    }

    .min-\[1350px\]\:gap-31 {
        gap: calc(var(--spacing) * 31)
    }
}@media (min-width: 40rem) {
    .sm\:mt-16 {
        margin-top: calc(var(--spacing) * 16)
    }

    .sm\:mb-12 {
        margin-bottom: calc(var(--spacing) * 12)
    }

    .sm\:mb-14 {
        margin-bottom: calc(var(--spacing) * 14)
    }

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

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

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

    .sm\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }
}@media (min-width: 48rem) {
    .md\:mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }

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

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

    .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\:items-start {
        align-items: flex-start
    }

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

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

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

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

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

    .md\:leading-\[68px\] {
        --tw-leading: 68px;
        line-height: 68px
    }

    .md\:leading-\[86px\] {
        --tw-leading: 86px;
        line-height: 86px
    }

    @media not all and (min-width: 80rem) {
        .md\:max-xl\:\!w-fit {
            width: fit-content !important
        }

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

        .md\:max-xl\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .md\:max-xl\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }
    }
}@media (min-width: 64rem) {
    .lg\:mt-20 {
        margin-top: calc(var(--spacing) * 20)
    }

    .lg\:mb-15 {
        margin-bottom: calc(var(--spacing) * 15)
    }

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

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-183 {
        height: calc(var(--spacing) * 183)
    }

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

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

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

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

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

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

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

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

    .lg\:py-36 {
        padding-block: calc(var(--spacing) * 36)
    }

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

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

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

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

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

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

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

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

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

    .lg\:leading-6\.5 {
        --tw-leading: calc(var(--spacing) * 6.5);
        line-height: calc(var(--spacing) * 6.5)
    }

    .lg\:leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7)
    }

    .lg\:leading-15 {
        --tw-leading: calc(var(--spacing) * 15);
        line-height: calc(var(--spacing) * 15)
    }

    .lg\:leading-18 {
        --tw-leading: calc(var(--spacing) * 18);
        line-height: calc(var(--spacing) * 18)
    }

    .lg\:leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .lg\:leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .lg\:leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

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

    .lg\:text-secondary {
        color: var(--color-secondary)
    }
}@media (min-width: 80rem) {
    .xl\:order-last {
        order: 9999
    }

    .xl\:hidden {
        display: none
    }

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

    .xl\:w-14 {
        width: calc(var(--spacing) * 14)
    }

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

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

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

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

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

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

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

    .xl\:p-\[60px\] {
        padding: 60px
    }

    .xl\:\!px-\[56px\] {
        padding-inline: 56px !important
    }

    .xl\:px-15 {
        padding-inline: calc(var(--spacing) * 15)
    }

    .xl\:px-18 {
        padding-inline: calc(var(--spacing) * 18)
    }

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

    .xl\:\!py-\[48px\] {
        padding-block: 48px !important
    }

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

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

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

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

    .xl\:pr-18 {
        padding-right: calc(var(--spacing) * 18)
    }

    .xl\:pr-20 {
        padding-right: calc(var(--spacing) * 20)
    }

    .xl\:pl-18 {
        padding-left: calc(var(--spacing) * 18)
    }

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

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

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

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

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

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

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

    .xl\:leading-6\.5 {
        --tw-leading: calc(var(--spacing) * 6.5);
        line-height: calc(var(--spacing) * 6.5)
    }

    .xl\:leading-8 {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8)
    }

    .xl\:leading-10 {
        --tw-leading: calc(var(--spacing) * 10);
        line-height: calc(var(--spacing) * 10)
    }

    .xl\:leading-16 {
        --tw-leading: calc(var(--spacing) * 16);
        line-height: calc(var(--spacing) * 16)
    }

    .xl\:leading-\[32px\] {
        --tw-leading: 32px;
        line-height: 32px
    }

    .xl\:leading-\[60px\] {
        --tw-leading: 60px;
        line-height: 60px
    }
}
}

.display-1 {
    color: var(--color-typography);
    font-size: var(--font-size-display-1);
    line-height: var(--line-height-display-1)
}

.display-2 {
    color: var(--color-typography);
    font-size: var(--font-size-display-2);
    line-height: var(--line-height-display-2)
}

.heading-1 {
    color: var(--color-typography);
    font-size: var(--font-size-heading-1);
    line-height: var(--line-height-heading-1)
}

.heading-2 {
    color: var(--color-typography);
    font-size: var(--font-size-heading-2);
    line-height: var(--line-height-heading-2)
}

.heading-3 {
    color: var(--color-typography);
    font-size: var(--font-size-heading-3);
    line-height: var(--line-height-heading-3)
}

.heading-4 {
    color: var(--color-typography);
    font-size: var(--font-size-heading-4);
    line-height: var(--line-height-heading-4)
}

.heading-5 {
    color: var(--color-typography);
    font-size: var(--font-size-heading-5);
    line-height: var(--line-height-heading-5)
}

.heading-6 {
    color: var(--color-typography);
    font-size: var(--font-size-heading-6);
    line-height: var(--line-height-heading-6)
}

.text-large {
    color: var(--color-typography);
    font-size: var(--font-size-text-large);
    line-height: var(--line-height-text-large)
}

.text-standard {
    color: var(--color-typography);
    font-size: var(--font-size-text-standard);
    line-height: var(--line-height-text-standard)
}

.text-small {
    color: var(--color-typography);
    font-size: var(--font-size-text-small);
    line-height: var(--line-height-text-small)
}

.badge {
    color: var(--badge-text-color);
    font-size: var(--badge-font-size);
    line-height: var(--badge-line-height);
    font-weight: var(--badge-font-weight);
    white-space: nowrap;
    text-transform: uppercase;
    border-radius: var(--badge-border-radius);
    align-items: center;
    display: inline-flex
}

.badge-large {
    height: var(--badge-large-height);
    padding-left: var(--badge-large-padding-x);
    padding-right: var(--badge-large-padding-x);
    gap: var(--badge-large-gap)
}

.badge-large img, .badge-large svg {
    width: var(--badge-large-icon-size);
    height: var(--badge-large-icon-size)
}

.badge-medium {
    height: var(--badge-medium-height);
    padding-left: var(--badge-medium-padding-x);
    padding-right: var(--badge-medium-padding-x);
    gap: var(--badge-medium-gap)
}

.badge-medium img, .badge-medium svg {
    width: var(--badge-medium-icon-size);
    height: var(--badge-medium-icon-size)
}

.badge-small {
    height: var(--badge-small-height);
    padding-left: var(--badge-small-padding-x);
    padding-right: var(--badge-small-padding-x);
    gap: var(--badge-small-gap)
}

.badge-small img, .badge-small svg {
    width: var(--badge-small-icon-size);
    height: var(--badge-small-icon-size)
}

.badge-xsmall {
    height: var(--badge-xsmall-height);
    padding-left: var(--badge-xsmall-padding-x);
    padding-right: var(--badge-xsmall-padding-x);
    gap: var(--badge-xsmall-gap)
}

.badge-xsmall img, .badge-xsmall svg {
    width: var(--badge-xsmall-icon-size);
    height: var(--badge-xsmall-icon-size)
}

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

.badge-secondary {
    background-color: var(--color-badge-secondary)
}

.badge-tertiary {
    background-color: var(--color-badge-tertiary)
}

.badge-created {
    background-color: var(--color-badge-created)
}

.badge-authorized {
    background-color: var(--color-badge-authorized)
}

.badge-approved {
    background-color: var(--color-badge-approved)
}

.badge-denied {
    background-color: var(--color-badge-denied)
}

:root {
    --dpac-primary: var(--color-primary-500);
    --dpac-primary-50: var(--color-primary-50);
    --dpac-primary-100: var(--color-primary-100);
    --dpac-primary-200: var(--color-primary-200);
    --dpac-primary-300: var(--color-primary-300);
    --dpac-primary-400: var(--color-primary-400);
    --dpac-primary-500: var(--color-primary-500);
    --dpac-primary-600: var(--color-primary-600);
    --dpac-primary-700: var(--color-primary-700);
    --dpac-primary-800: var(--color-primary-800);
    --dpac-primary-900: var(--color-primary-900);
    --dpac-secondary: var(--color-secondary-900);
    --dpac-secondary-50: var(--color-secondary-50);
    --dpac-secondary-100: #c4e0e7;
    --dpac-secondary-200: #9dcdd8;
    --dpac-secondary-300: #73b9c9;
    --dpac-secondary-400: #47a5ba;
    --dpac-secondary-500: #2c8fa8;
    --dpac-secondary-600: #217796;
    --dpac-secondary-700: #1a6080;
    --dpac-secondary-800: #174d66;
    --dpac-secondary-900: #15465c;
    --dpac-accent: var(--color-primary-500);
    --dpac-accent-light: var(--color-primary-300);
    --dpac-accent-dark: var(--color-primary-700);
    --dpac-surface: #fff;
    --dpac-surface-hover: var(--color-primary-50);
    --dpac-surface-active: var(--color-primary-100);
    --dpac-border: #e0e0e0;
    --dpac-border-light: #f7f7f7;
    --dpac-border-dark: var(--color-primary-900);
    --dpac-border-highlight: var(--color-primary-100);
    --dpac-text-primary: #1a1a1a;
    --dpac-text-secondary: #666;
    --dpac-text-tertiary: #999;
    --dpac-text-inverse: #fff;
    --dpac-bg-gray: #f7f7f7;
    --dpac-bg-dark: #f9f9fa;
    --dpac-bg-disabled: #999
    --dpac-container-width: 1280px;
    --dpac-card-radius: 12px
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-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-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}