*,
::backdrop,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}
:root {
    --spacing: .25rem;
    --primary: #1b8354;
    --color-min-contrast-gray: #177f50;
    --color-primary-25: #f7fdf9;
    --color-primary-50: #f3fcf6;
    --color-primary-100: #dff6e7;
    --color-primary-200: #b8eacb;
    --color-primary-300: #88d8ad;
    --color-primary-400: #54c08a;
    --color-primary-600: #1b8354;
    --color-primary-700: #166a45;
    --color-primary-800: #14573a;
    --color-primary-900: #104631;
    --color-primary-DEFAULT: #1b8354;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d2d6db;
    --color-gray-400: #9da4ae;
    --color-gray-500: #6c737f;
    --color-gray-600: #4d5761;
    --color-gray-700: #384250;
    --color-gray-800: #1f2a37;
    --color-gray-900: #111927;
    --color-gray-950: #0d121c;
    --shadow-color: 16 24 40;
    --text-primary-paragraph: #384250;
    --background: #fff;
    --foreground: #161616;
    --card: #fff;
    --card-foreground: #161616;
    --popover: #fff;
    --popover-foreground: #161616;
    --primary: #1b8354;
    --primary-foreground: #fafafa;
    --secondary: #f5f5f5;
    --secondary-foreground: #171717;
    --muted: #f5f5f5;
    --muted-foreground: #737373;
    --accent: #f5f5f5;
    --accent-foreground: #171717;
    --destructive: #ef4444;
    --destructive-foreground: #fafafa;
    --border: #d2d6db;
    --input: #e5e5e5;
    --ring: #161616;
    --chart-1: oklch(64.6% .222 41.116);
    --chart-2: oklch(60% .118 184.704);
    --chart-3: oklch(39.8% .07 227.392);
    --chart-4: oklch(82.8% .189 84.429);
    --chart-5: oklch(76.9% .188 70.08);
    --radius: .625rem;
    --sidebar: oklch(98.5% 0 0);
    --sidebar-foreground: oklch(14.1% .005 285.823);
    --sidebar-primary: oklch(21% .006 285.885);
    --sidebar-primary-foreground: oklch(98.5% 0 0);
    --sidebar-accent: oklch(96.7% .001 286.375);
    --sidebar-accent-foreground: oklch(21% .006 285.885);
    --sidebar-border: oklch(92% .004 286.32);
    --sidebar-ring: oklch(87.1% .006 286.286);
}
:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: IBMPlexSansArabic, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}
.bg-background {
    background-color: var(--background);
}
.bg-background-white {
    background-color: var(--background);
}
.text-primary {
    color: var(--primary);
}
.border-b-2 {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

progress {
    vertical-align: initial
}

.form-input:focus,
.form-multiselect:focus,
.form-select:focus,
.form-textarea:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-checkbox,
.form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1));
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
}

    .form-checkbox:focus,
    .form-radio:focus {
        outline: 2px solid #0000;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .form-checkbox:checked,
    .form-radio:checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }

    .form-checkbox:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")
    }

    .form-radio:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
    }

        .form-checkbox:checked:focus,
        .form-checkbox:checked:hover,
        .form-checkbox:indeterminate,
        .form-radio:checked:focus,
        .form-radio:checked:hover {
            background-color: currentColor;
            border-color: #0000
        }

    .form-checkbox:indeterminate {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

        .form-checkbox:indeterminate:focus,
        .form-checkbox:indeterminate:hover {
            background-color: currentColor;
            border-color: #0000
        }

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: initial;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: initial
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}
.border-primary {
    border-color: var(--primary);
}
.bg-primary-25 {
    background-color: var(--color-primary-25);
}
.h-fit {
    height: fit-content
}

.w-fit {
    width: fit-content
}

.w-max {
    width: max-content
}

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

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

.gap-x-0 {
    column-gap: 0
}

.gap-x-1 {
    column-gap: .25rem
}

.gap-x-1\.5 {
    column-gap: .375rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-2\.5 {
    column-gap: .625rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-x-6 {
    column-gap: 1.5rem
}

.gap-x-8 {
    column-gap: 2rem
}
.gap-x-2 {
    column-gap: calc(var(--spacing)*2)
}

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

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

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

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

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

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

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

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

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

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

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

.aspect-\[2\.4\/1\] {
    aspect-ratio: 2.4
}

.aspect-square {
    aspect-ratio: 1
}

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

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

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

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

.size-4\.5 {
    width: calc(var(--spacing)*4.5);
    height: calc(var(--spacing)*4.5)
}

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

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

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

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

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

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

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

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

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

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

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

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


.\!h-\[196px\] {
    height: 196px !important
}

.\!h-auto {
    height: auto !important
}

.\!h-full {
    height: 100% !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[19\.5rem\] {
    height: 19.5rem
}

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

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

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

.h-\[calc\(100dvh_-_7\.75rem\)\] {
    height: calc(100dvh - 7.75rem)
}

.h-\[clamp\(40px\,10vw\,96px\)\] {
    height: clamp(40px,10vw,96px)
}

.h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height)
}

.h-auto {
    height: auto
}

.h-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

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

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

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

.max-h-\[18\.75rem\] {
    max-height: 18.75rem
}

.max-h-\[46rem\] {
    max-height: 46rem
}

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

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

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

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

.max-h-\[calc\(100vh_-_196px\)\] {
    max-height: calc(100vh - 196px)
}

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

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

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

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

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

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

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

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

.min-h-\[17\.75rem\] {
    min-height: 17.75rem
}

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

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

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

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

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

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

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

.min-h-\[calc\(100dvh_-_7\.75rem\)\] {
    min-height: calc(100dvh - 7.75rem)
}

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

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

.bg-transparent {
    background-color: initial
}

.bg-\[url\(\'\/images\/webiste-banner\.png\'\)\],
.bg-\[url\(\/images\/webiste-banner\.png\)\] {
    background-image: url(../images/webiste-banner.png)
}

.from-black\/70 {
    --tw-gradient-from: #000000b3 var(--tw-gradient-from-position);
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/80 {
    --tw-gradient-from: #000c var(--tw-gradient-from-position);
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-100 {
    --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);
    --tw-gradient-to: #dcfce700 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700 {
    --tw-gradient-from: #15803d var(--tw-gradient-from-position);
    --tw-gradient-to: #15803d00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-200 {
    --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
    --tw-gradient-to: #fef08a00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-transparent {
    --tw-gradient-to: #0000 var(--tw-gradient-to-position)
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-center {
    object-position: center
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow-3xl {
    --tw-shadow: 0 32px 62px -12px #10182824;
    --tw-shadow-colored: 0 32px 62px -12px var(--tw-shadow-color)
}

.shadow-\[0px_1px_2px_rgba\(16\,24\,40\,0\.05\)\] {
    --tw-shadow: 0px 1px 2px #1018280d;
    --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.drop-shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-drop-shadow: drop-shadow(0 2px 4px #00000040)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.file\:bg-transparent::file-selector-button {
    background-color: initial
}

.file\:outline-none::file-selector-button {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.before\:shadow:before {
    content: var(--tw-content);
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:bg-transparent:hover {
    background-color: initial
}

.hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to: #eff6ff00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.focus\:ring-transparent:focus {
    --tw-ring-color: #0000
}

.focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: #0000
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.disabled\:bg-transparent:disabled {
    background-color: initial
}

.aria-disabled\:bg-transparent[aria-disabled=true] {
    background-color: initial
}

.ui-not-focus-visible\:outline-none:focus:where(:not([data-headlessui-focus-visible] .ui-not-focus-visible\:outline-none)) {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.dark\:bg-transparent:is(.dark *) {
    background-color: initial
}

.dark\:from-blue-600:is(.dark *) {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: #2563eb00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-yellow-600:is(.dark *) {
    --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
    --tw-gradient-to: #ca8a0400 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:checked\:border-transparent:checked:is(.dark *) {
    border-color: #0000
}

.dark\:indeterminate\:border-transparent:indeterminate:is(.dark *) {
    border-color: #0000
}

.dark\:hover\:from-blue-700:hover:is(.dark *) {
    --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
    --tw-gradient-to: #1d4ed800 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:focus-visible\:outline-none:focus-visible:is(.dark *) {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.dark\:disabled\:bg-transparent:disabled:is(.dark *) {
    background-color: initial
}

.dark\:aria-disabled\:bg-transparent[aria-disabled=true]:is(.dark *) {
    background-color: initial
}

@media (min-width:640px) {
    .sm\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-96 {
        width: 24rem
    }

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

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

    .sm\:max-w-lg {
        max-width: 32rem
    }

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

    .sm\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .sm\:translate-x-0,
    .sm\:translate-x-2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-x-2 {
        --tw-translate-x: .5rem
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .sm\:scale-100,
    .sm\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

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

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

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

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

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

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-x-12 {
        column-gap: 3rem
    }

    .sm\:gap-x-8 {
        column-gap: 2rem
    }

    .sm\:gap-y-12 {
        row-gap: 3rem
    }

    .sm\:gap-y-2 {
        row-gap: .5rem
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .sm\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-9xl {
        font-size: 8rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:leading-6 {
        line-height: 1.5rem
    }
}

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

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

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

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:inline-flex {
        display: inline-flex
    }

    .md\:hidden {
        display: none
    }

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

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

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

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

    .md\:w-80 {
        width: 20rem
    }

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

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

    .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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }


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

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

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

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-x-10 {
        column-gap: 2.5rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:1024px) {
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

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

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

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

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

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

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

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:max-w-7xl {
        max-width: 80rem
    }

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

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

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

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

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

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

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

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

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

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

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-x-3 {
        column-gap: .75rem
    }

    .lg\:gap-y-3 {
        row-gap: .75rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:px-48 {
        padding-left: 12rem;
        padding-right: 12rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .lg\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .lg\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .lg\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .lg\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-meter-bar\]\:bg-transparent::-webkit-meter-bar {
    background-color: initial
}

.\[\&\:\:-webkit-meter-inner-element\]\:bg-transparent::-webkit-meter-inner-element {
    background-color: initial
}

.\[\&_li\:not\(\:last-child\)\]\:border-\[\#6D6D6D\]\/20 li:not(:last-child) {
    border-color: #6d6d6d33
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border-color: rgb(var(--color-gray-200)/1);
    border-style: solid;
    border-width: 0;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

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

body {
    line-height: inherit;
    margin: 0
}

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

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;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: rgb(var(--color-gray-400)/1);
        opacity: 1
    }

    input::placeholder,
    textarea::placeholder {
        color: rgb(var(--color-gray-400)/1);
        opacity: 1
    }

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

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

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

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

body {
    color: #161616
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSansArabic;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/IBMPlexSansArabic-Thin.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSansArabic;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/IBMPlexSansArabic-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSansArabic;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/IBMPlexSansArabic-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSansArabic;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/IBMPlexSansArabic-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSansArabic;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/IBMPlexSansArabic-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSansArabic;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexSansArabic;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/IBMPlexSansArabic-Bold.ttf) format("truetype")
}

a,
a u {
    text-decoration: none
}

    a:hover,
    u:hover {
        text-decoration: underline
    }

.mt-1.relative:has(p.text-red-500) .relative.block {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

    .mt-1.relative:has(p.text-red-500) .relative.block:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

.mt-1.relative:has(p.text-red-500) .bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.nds-header ul li a {
    height: 72px;
    justify-content: center;
    min-width: 5rem;
    text-decoration: none
}

    .nds-header ul li a:hover {
        background: #f3f4f6
    }

        .nds-header ul li a:hover span {
            color: #000 !important
        }

        .nds-header ul li a:hover:after {
            background: gray;
            border-radius: 6px;
            height: 6px;
            margin: 0 -3px
        }

    .nds-header ul li a[class*="after:bg-primary-500"]:after {
        background: #54c08a;
        border-radius: 6px;
        height: 6px;
        margin: 0 -3px
    }

    .nds-header ul li a:hover:before {
        background: transparent
    }

    .nds-header ul li a[class*="after:bg-primary-500"] {
        background-color: #1b8354;
        border-radius: 4px
    }

        .nds-header ul li a[class*="after:bg-primary-500"] span {
            color: #fff
        }

        .nds-header ul li a[class*="after:bg-primary-500"]:hover span {
            color: #fff !important
        }

.container {
    width: 100%
}

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

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

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

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

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



.form-input,
.form-multiselect,
.form-select,
.form-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1));
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

    .form-input:focus,
    .form-multiselect:focus,
    .form-select:focus,
    .form-textarea:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        border-color: #2563eb;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .form-input::-moz-placeholder,
    .form-textarea::-moz-placeholder {
        color: rgb(var(--color-gray-500)/var(--tw-text-opacity, 1));
        opacity: 1
    }

    .form-input::placeholder,
    .form-textarea::placeholder {
        color: rgb(var(--color-gray-500)/var(--tw-text-opacity, 1));
        opacity: 1
    }

    .form-input::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    .form-input::-webkit-date-and-time-value {
        min-height: 1.5em;
        text-align: inherit
    }

    .form-input::-webkit-datetime-edit {
        display: inline-flex
    }

    .form-input::-webkit-datetime-edit,
    .form-input::-webkit-datetime-edit-day-field,
    .form-input::-webkit-datetime-edit-hour-field,
    .form-input::-webkit-datetime-edit-meridiem-field,
    .form-input::-webkit-datetime-edit-millisecond-field,
    .form-input::-webkit-datetime-edit-minute-field,
    .form-input::-webkit-datetime-edit-month-field,
    .form-input::-webkit-datetime-edit-second-field,
    .form-input::-webkit-datetime-edit-year-field {
        padding-bottom: 0;
        padding-top: 0
    }

.form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

    .form-select:where([size]:not([size="1"])) {
        background-image: none;
        background-position: 0 0;
        background-repeat: unset;
        background-size: initial;
        padding-right: .75rem;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset
    }

.form-checkbox,
.form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1));
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
}

.form-checkbox {
    border-radius: 0
}

.form-radio {
    border-radius: 100%
}

    .form-checkbox:focus,
    .form-radio:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .form-checkbox:checked,
    .form-radio:checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: transparent
    }

.form-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    .form-checkbox:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

.form-radio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    .form-radio:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

.form-checkbox:checked:focus,
.form-checkbox:checked:hover,
.form-radio:checked:focus,
.form-radio:checked:hover {
    background-color: currentColor;
    border-color: transparent
}

.form-checkbox:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

@media (forced-colors:active) {
    .form-checkbox:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

.form-checkbox:indeterminate:focus,
.form-checkbox:indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

    .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: 1.2em;
        margin-top: 1.2em
    }

    .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-links);
        font-weight: 500;
        text-decoration: underline
    }

    .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600
    }

    .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: decimal;
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
    }

    .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: decimal
    }

    .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: disc;
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
    }

    .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400
    }

    .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-bullets)
    }

    .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.25em
    }

    .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-bottom: 3em;
        margin-top: 3em
    }

    .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-inline-start-color: var(--tw-prose-quote-borders);
        border-inline-start-width: .25rem;
        color: var(--tw-prose-quotes);
        font-style: italic;
        font-weight: 500;
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start: 1em;
        quotes: "“" "”" "‘" "’"
    }

    .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: open-quote
    }

    .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: close-quote
    }

    .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 2.25em;
        font-weight: 800;
        line-height: 1.1111111;
        margin-bottom: .8888889em;
        margin-top: 0
    }

    .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 900
    }

    .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.3333333;
        margin-bottom: 1em;
        margin-top: 2em
    }

    .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 800
    }

    .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.6;
        margin-bottom: .6em;
        margin-top: 1.6em
    }

    .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
    }

    .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: .5em;
        margin-top: 1.5em
    }

    .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
    }

    .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        display: block;
        margin-bottom: 2em;
        margin-top: 2em
    }

    .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px rgb(var(--tw-prose-kbd-shadows)/10%);
        color: var(--tw-prose-kbd);
        font-family: inherit;
        font-size: .875em;
        font-weight: 500;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        padding-top: .1875em;
        padding-inline-start: .375em
    }

    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-code);
        font-size: .875em;
        font-weight: 600
    }

        .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
            content: "`"
        }

        .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
            content: "`"
        }

    .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .875em
    }

    .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .9em
    }

    .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        background-color: var(--tw-prose-pre-bg);
        border-radius: .375rem;
        color: var(--tw-prose-pre-code);
        font-size: .875em;
        font-weight: 400;
        line-height: 1.7142857;
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em;
        overflow-x: auto;
        padding-inline-end: 1.1428571em;
        padding-bottom: .8571429em;
        padding-top: .8571429em;
        padding-inline-start: 1.1428571em
    }

    .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        background-color: transparent;
        border-radius: 0;
        border-width: 0;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        padding: 0
    }

        .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
            content: none
        }

        .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
            content: none
        }

    .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.7142857;
        margin-bottom: 2em;
        margin-top: 2em;
        table-layout: auto;
        width: 100%
    }

    .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-color: var(--tw-prose-th-borders);
        border-bottom-width: 1px
    }

    .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-inline-start: .5714286em;
        vertical-align: bottom
    }

    .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-color: var(--tw-prose-td-borders);
        border-bottom-width: 1px
    }

    .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 0
    }

    .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: baseline
    }

    .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-top-color: var(--tw-prose-th-borders);
        border-top-width: 1px
    }

    .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: top
    }

    .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        text-align: start
    }

    .prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-captions);
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

    .prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .5em;
        margin-top: .5em
    }

    .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
    }

    .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
    }

    .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start: 1.625em
    }

    .prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-top: .5714286em;
        padding-inline-start: .5714286em
    }

    .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
    }

.prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778
}

    .prose-lg :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em
    }

    .prose-lg :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-bottom: 1.0909091em;
        margin-top: 1.0909091em
    }

    .prose-lg :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.6666667em;
        margin-top: 1.6666667em;
        padding-inline-start: 1em
    }

    .prose-lg :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 2.6666667em;
        line-height: 1;
        margin-bottom: .8333333em;
        margin-top: 0
    }

    .prose-lg :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.6666667em;
        line-height: 1.3333333;
        margin-bottom: 1.0666667em;
        margin-top: 1.8666667em
    }

    .prose-lg :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.3333333em;
        line-height: 1.5;
        margin-bottom: .6666667em;
        margin-top: 1.6666667em
    }

    .prose-lg :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        line-height: 1.5555556;
        margin-bottom: .4444444em;
        margin-top: 1.7777778em
    }

    .prose-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .prose-lg :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .prose-lg :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .prose-lg :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .prose-lg :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .8888889em;
        padding-inline-end: .4444444em;
        padding-bottom: .2222222em;
        padding-top: .2222222em;
        padding-inline-start: .4444444em
    }

    .prose-lg :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em
    }

    .prose-lg :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8666667em
    }

    .prose-lg :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em
    }

    .prose-lg :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .375rem;
        font-size: .8888889em;
        line-height: 1.75;
        margin-bottom: 2em;
        margin-top: 2em;
        padding-inline-end: 1.5em;
        padding-bottom: 1em;
        padding-top: 1em;
        padding-inline-start: 1.5em
    }

    .prose-lg :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start: 1.5555556em
    }

    .prose-lg :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start: 1.5555556em
    }

    .prose-lg :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .6666667em;
        margin-top: .6666667em
    }

    .prose-lg :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .4444444em
    }

    .prose-lg :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .4444444em
    }

    .prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .prose-lg :where(.prose-lg>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .prose-lg :where(.prose-lg>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em
    }

    .prose-lg :where(.prose-lg>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .prose-lg :where(.prose-lg>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em
    }

    .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .prose-lg :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em
    }

    .prose-lg :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .prose-lg :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .6666667em;
        padding-inline-start: 1.5555556em
    }

    .prose-lg :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 3.1111111em;
        margin-top: 3.1111111em
    }

    .prose-lg :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose-lg :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose-lg :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose-lg :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose-lg :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em;
        line-height: 1.5
    }

    .prose-lg :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .75em;
        padding-bottom: .75em;
        padding-inline-start: .75em
    }

    .prose-lg :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose-lg :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose-lg :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .75em;
        padding-bottom: .75em;
        padding-top: .75em;
        padding-inline-start: .75em
    }

    .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose-lg :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .prose-lg :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .prose-lg :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
    }

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

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

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.-bottom-1 {
    bottom: -.25rem
}

.-bottom-\[0\.5px\] {
    bottom: -.5px
}

.-left-1 {
    left: -.25rem
}

.-right-1 {
    right: -.25rem
}

.-top-1 {
    top: -.25rem
}

.-top-4 {
    top: -1rem
}

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[calc\(4rem\+1\.5rem\)\] {
    bottom: 5.5rem
}

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

.end-4 {
    inset-inline-end: 1rem
}

.end-5 {
    inset-inline-end: 1.25rem
}

.left-0 {
    left: 0
}

.left-10 {
    left: 2.5rem
}

.left-12 {
    left: 3rem
}

.left-4 {
    left: 1rem
}

.left-\[4px\] {
    left: 4px
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

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

.start-4 {
    inset-inline-start: 1rem
}

.top-0 {
    top: 0
}

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

.top-4 {
    top: 1rem
}

.top-5 {
    top: 1.25rem
}

.top-\[4px\] {
    top: 4px
}

.top-\[70px\] {
    top: 70px
}

.top-full {
    top: 100%
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

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

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

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

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

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

.-m-1\.5 {
    margin: -.375rem
}

.m-0 {
    margin: 0
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-my-1\.5 {
    margin-bottom: -.375rem;
    margin-top: -.375rem
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}



.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-24 {
    margin-bottom: 6rem;
    margin-top: 6rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.-me-1\.5 {
    margin-inline-end: -.375rem
}

.-ml-px {
    margin-left: -1px
}

.-mt-1 {
    margin-top: -.25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.me-2 {
    margin-inline-end: .5rem
}

.me-auto {
    margin-inline-end: auto
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mr-0 {
    margin-right: 0
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-4 {
    margin-right: 1rem
}

.ms-10 {
    margin-inline-start: 2.5rem
}

.ms-2 {
    margin-inline-start: .5rem
}

.ms-3 {
    margin-inline-start: .75rem
}

.ms-4 {
    margin-inline-start: 1rem
}

.ms-8 {
    margin-inline-start: 2rem
}

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

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-auto {
    margin-top: auto
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

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

.grid-cols-2 {
    grid-template-columns: repeat(2,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-\[1\.5rem_auto\] {
    grid-template-columns: 1.5rem auto
}

.grid-cols-\[1rem_auto\] {
    grid-template-columns: 1rem auto
}

.grid-cols-\[2rem_auto\] {
    grid-template-columns: 2rem auto
}

.grid-cols-\[7\.5rem_auto\] {
    grid-template-columns: 7.5rem auto
}

.grid-cols-\[7px_auto\] {
    grid-template-columns: 7px auto
}

.grid-cols-\[repeat\(3\,max-content\)\] {
    grid-template-columns: repeat(3,max-content)
}

.grid-cols-\[repeat\(8\,minmax\(0\,max-content\)\)_auto\] {
    grid-template-columns: repeat(8,minmax(0,max-content)) auto
}

.grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr
}

.grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto
}

.grid-rows-\[auto_auto_1fr\] {
    grid-template-rows: auto auto 1fr
}

.grid-rows-\[repeat\(3\,max-content\)\] {
    grid-template-rows: repeat(3,max-content)
}

.inline-grid {
    display: inline-grid
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-52 {
    height: 13rem
}

.h-56 {
    height: 14rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

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

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

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

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

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

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

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

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

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

.h-\[var\(--header-height\)\] {
    height: var(--header-height)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-10 {
    max-height: 2.5rem
}

.max-h-60 {
    max-height: 15rem
}

.max-h-64 {
    max-height: 16rem
}

.max-h-96 {
    max-height: 24rem
}

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

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

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

.min-h-10 {
    min-height: 2.5rem
}

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

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

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

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

.min-h-\[calc\(75vh-var\(--header-height\)\)\] {
    min-height: calc(75vh - var(--header-height))
}

.min-h-full {
    min-height: 100%
}
@media (min-width: 48rem) {
    .md\:size-auto {
        width: auto;
        height: auto;
    }
}
.\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
}
@media (min-width: 40rem) {
    .sm\:w-1\/2 {
        width: 50%;
    }
    .sm\:ms-auto {
        margin-inline-start: auto;
    }
    .sm\:w-fit {
        width: fit-content;
    }
    .sm\:hidden {
        display: none;
    }
    .sm\:justify-end {
        justify-content: flex-end;
    }
}
.w-0 {
    width: 0
}
.w-0\.5 {
    width: calc(var(--spacing)*.5);
}
.w-1\.5 {
    width: calc(var(--spacing)*1.5)
}
.w-1\.75 {
    width: calc(var(--spacing)*1.75)
}

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


.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[3\.25rem\] {
    width: 3.25rem
}

.w-\[3\.75rem\] {
    width: 3.75rem
}

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

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-px {
    width: 1px
}

.w-screen {
    width: 100vw
}

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

.min-w-64 {
    min-width: 16rem
}

.min-w-\[0\.375rem\] {
    min-width: .375rem
}

.min-w-\[0\.5rem\] {
    min-width: .5rem
}

.min-w-\[0\.625rem\] {
    min-width: .625rem
}

.min-w-\[0\.75rem\] {
    min-width: .75rem
}

.min-w-\[0\.875rem\] {
    min-width: .875rem
}

.min-w-\[1\.25rem\] {
    min-width: 1.25rem
}

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

.min-w-\[1rem\] {
    min-width: 1rem
}

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

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

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

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

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

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

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

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

.max-w-3xl {
    max-width: 48rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

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

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

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

.max-w-md {
    max-width: 28rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

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

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

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

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

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

.table-fixed {
    table-layout: fixed
}

.border-collapse {
    border-collapse: collapse
}
.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.stroke-3 {
    stroke-width: 3px;
}

.object-contain {
    object-fit: contain
}

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

.-translate-x-1\/2,
.-translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full {
    --tw-translate-x: -100%
}

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

.-translate-y-1\/2,
.-translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-full {
    --tw-translate-y: -100%
}

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

.translate-x-0,
.translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.translate-x-2 {
    --tw-translate-x: .5rem
}

.translate-x-2,
.translate-x-2\.5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-2\.5 {
    --tw-translate-x: .625rem
}

.translate-x-3 {
    --tw-translate-x: .75rem
}

.translate-x-3,
.translate-x-4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-4 {
    --tw-translate-x: 1rem
}

.translate-x-5 {
    --tw-translate-x: 1.25rem
}

.translate-x-5,
.translate-x-6 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-6 {
    --tw-translate-x: 1.5rem
}

.translate-x-7 {
    --tw-translate-x: 1.75rem
}

.translate-x-7,
.translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0,
.translate-y-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1 {
    --tw-translate-y: .25rem
}

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

.translate-y-1\/2,
.translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2 {
    --tw-translate-y: .5rem
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-4,
.translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-full {
    --tw-translate-y: 100%
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-180,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100,
.scale-95 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-none {
    transform: none
}

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

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

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

.cursor-pointer {
    cursor: pointer
}

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

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

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

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

.scroll-py-1 {
    scroll-padding-bottom: .25rem;
    scroll-padding-top: .25rem
}

.scroll-py-2 {
    scroll-padding-bottom: .5rem;
    scroll-padding-top: .5rem
}

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

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

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

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

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

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

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

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

.flex-row {
    flex-direction: row
}

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

.content-center {
    align-content: center
}

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}
.items-baseline {
    align-items: baseline;
}
.justify-start {
    justify-content: flex-start
}

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

.justify-center {
    justify-content: center
}

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

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-16 {
    gap: 4rem
}

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

.gap-3 {
    gap: .75rem
}
.gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

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

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-12 {
    row-gap: 3rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-1px*var(--tw-space-x-reverse))
}

.-space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(-1px*var(--tw-space-y-reverse));
    margin-top: calc(-1px*(1 - var(--tw-space-y-reverse)))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-\[10px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(10px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(10px*var(--tw-space-x-reverse))
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
    margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(16px*var(--tw-space-y-reverse));
    margin-top: calc(16px*(1 - var(--tw-space-y-reverse)))
}

.space-y-\[8px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(8px*var(--tw-space-y-reverse));
    margin-top: calc(8px*(1 - var(--tw-space-y-reverse)))
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-\[\#D2D6DB\] > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(210 214 219/var(--tw-divide-opacity, 1))
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-100)/var(--tw-divide-opacity, 1))
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-200)/var(--tw-divide-opacity, 1))
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-300)/var(--tw-divide-opacity, 1))
}

.place-self-stretch {
    place-self: stretch
}

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

.self-center {
    align-self: center
}

.justify-self-center {
    justify-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

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

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

.overflow-y-hidden {
    overflow-y: hidden
}

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

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

.scroll-smooth {
    scroll-behavior: smooth
}

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

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

.whitespace-nowrap {
    white-space: nowrap
}

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

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

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

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

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

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-b-3xl {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

.rounded-b-full {
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-b-md {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-b-sm {
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.rounded-b-xl {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-e {
    border-end-end-radius: .25rem;
    border-start-end-radius: .25rem
}

.rounded-e-2xl {
    border-end-end-radius: 1rem;
    border-start-end-radius: 1rem
}

.rounded-e-3xl {
    border-end-end-radius: 1.5rem;
    border-start-end-radius: 1.5rem
}

.rounded-e-full {
    border-end-end-radius: 9999px;
    border-start-end-radius: 9999px
}

.rounded-e-lg {
    border-end-end-radius: .5rem;
    border-start-end-radius: .5rem
}

.rounded-e-md {
    border-end-end-radius: .375rem;
    border-start-end-radius: .375rem
}

.rounded-e-none {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.rounded-e-sm {
    border-end-end-radius: .125rem;
    border-start-end-radius: .125rem
}

.rounded-e-xl {
    border-end-end-radius: .75rem;
    border-start-end-radius: .75rem
}

.rounded-s {
    border-end-start-radius: .25rem;
    border-start-start-radius: .25rem
}

.rounded-s-2xl {
    border-end-start-radius: 1rem;
    border-start-start-radius: 1rem
}

.rounded-s-3xl {
    border-end-start-radius: 1.5rem;
    border-start-start-radius: 1.5rem
}

.rounded-s-full {
    border-end-start-radius: 9999px;
    border-start-start-radius: 9999px
}

.rounded-s-lg {
    border-end-start-radius: .5rem;
    border-start-start-radius: .5rem
}

.rounded-s-md {
    border-end-start-radius: .375rem;
    border-start-start-radius: .375rem
}

.rounded-s-none {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.rounded-s-sm {
    border-end-start-radius: .125rem;
    border-start-start-radius: .125rem
}

.rounded-s-xl {
    border-end-start-radius: .75rem;
    border-start-start-radius: .75rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

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

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-md {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-x-0 {
    border-left-width: 0;
    border-right-width: 0
}

.border-y {
    border-top-width: 1px
}

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-r {
    border-right-width: 1px
}

.border-s {
    border-inline-start-width: 1px
}

.border-s-\[2px\] {
    border-inline-start-width: 2px
}

.border-s-\[3px\] {
    border-inline-start-width: 3px
}

.border-s-\[4px\] {
    border-inline-start-width: 4px
}

.border-s-\[5px\] {
    border-inline-start-width: 5px
}

.border-s-\[6px\] {
    border-inline-start-width: 6px
}

.border-t {
    border-top-width: 1px
}

.border-t-2,
.border-t-\[2px\] {
    border-top-width: 2px
}

.border-t-\[3px\] {
    border-top-width: 3px
}

.border-t-\[4px\] {
    border-top-width: 4px
}

.border-t-\[5px\] {
    border-top-width: 5px
}

.border-t-\[6px\] {
    border-top-width: 6px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-\[\#1B8354\] {
    --tw-border-opacity: 1;
    border-color: rgb(27 131 84/var(--tw-border-opacity, 1))
}

.border-\[\#6C737F\] {
    --tw-border-opacity: 1;
    border-color: rgb(108 115 127/var(--tw-border-opacity, 1))
}

.border-\[\#D2D6DB\],
.border-\[\#d2d6db\] {
    --tw-border-opacity: 1;
    border-color: rgb(210 214 219/var(--tw-border-opacity, 1))
}

.border-\[\#e5e7eb\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-black\/30 {
    border-color: #0000004d
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity, 1))
}

.border-current {
    border-color: currentColor
}

.border-error-400 {
    --tw-border-opacity: 1;
    border-color: rgb(249 112 102/var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-100)/var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-200)/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-300)/var(--tw-border-opacity, 1))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-400)/var(--tw-border-opacity, 1))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1))
}

.border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(22 163 74/var(--tw-border-opacity, 1))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: var(--color-primary-DEFAULT)
}

.border-sa-600 {
    --tw-border-opacity: 1;
    border-color: rgb(27 131 84/var(--tw-border-opacity, 1))
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

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

.border-white\/30 {
    border-color: #ffffff4d
}

.border-t-sa-600 {
    --tw-border-opacity: 1;
    border-top-color: rgb(27 131 84/var(--tw-border-opacity, 1))
}

.border-t-transparent {
    border-top-color: transparent
}

.\!bg-\[\#F3F4F6\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#F3F4F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.bg-\[\#F7FDF9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 253 249/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFFFFE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 254/var(--tw-bg-opacity, 1))
}

.bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36/var(--tw-bg-opacity, 1))
}

.bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11/var(--tw-bg-opacity, 1))
}

.bg-background {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-background)/var(--tw-bg-opacity, 1))
}

.bg-background\/75 {
    background-color: rgb(var(--ui-background)/.75)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/30 {
    background-color: #0000004d
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity, 1))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity, 1))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}

.bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity, 1))
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138/var(--tw-bg-opacity, 1))
}

.bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
}

.bg-current {
    background-color: currentColor
}

.bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238/var(--tw-bg-opacity, 1))
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity, 1))
}

.bg-emerald-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153/var(--tw-bg-opacity, 1))
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity, 1))
}

.bg-error-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 112 102/var(--tw-bg-opacity, 1))
}

.bg-error-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 242/var(--tw-bg-opacity, 1))
}

.bg-error-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 68 56/var(--tw-bg-opacity, 1))
}

.bg-error-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 45 32/var(--tw-bg-opacity, 1))
}

.bg-fuchsia-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 121 249/var(--tw-bg-opacity, 1))
}

.bg-fuchsia-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 70 239/var(--tw-bg-opacity, 1))
}

.bg-gold-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 213 77/var(--tw-bg-opacity, 1))
}

.bg-gold-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 189 2/var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity, 1))
}

.bg-gray-100\/50 {
    background-color: rgb(var(--color-gray-100)/.5)
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
}

.bg-gray-200\/75 {
    background-color: rgb(var(--color-gray-200)/.75)
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: var(--color-gray-50)
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: (var(--color-gray-500)/var(--tw-bg-opacity, 1))
}

.bg-gray-500\/30 {
    background-color: var(--color-gray-500)
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: var(--color-gray-600)
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: var(--color-gray-800)
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: var(--color-gray-900)
}

.bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: var(--color-gray-950)
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128/var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}

.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61/var(--tw-bg-opacity, 1))
}

.bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(129 140 248/var(--tw-bg-opacity, 1))
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity, 1))
}

.bg-info-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(83 177 253/var(--tw-bg-opacity, 1))
}

.bg-info-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(46 144 250/var(--tw-bg-opacity, 1))
}

.bg-lavender-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(165 123 186/var(--tw-bg-opacity, 1))
}

.bg-lavender-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(128 81 159/var(--tw-bg-opacity, 1))
}

.bg-lime-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(163 230 53/var(--tw-bg-opacity, 1))
}

.bg-lime-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(132 204 22/var(--tw-bg-opacity, 1))
}

.bg-orange-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 146 60/var(--tw-bg-opacity, 1))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
}

.bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 114 182/var(--tw-bg-opacity, 1))
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153/var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-DEFAULT)/var(--tw-bg-opacity, 1));
    background: var(--color-primary-DEFAULT);
}

.bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-100)/var(--tw-bg-opacity, 1));
    background: var(--color-primary-100);
}

.bg-primary-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-400)/var(--tw-bg-opacity, 1));
    background: var(--color-primary-400);
}

.bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-50)/var(--tw-bg-opacity, 1));
    background: var(--color-primary-50);
}

.bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity, 1));
    background: var(--color-primary-500);
}

.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-600)/var(--tw-bg-opacity, 1))
}

.bg-primary-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-900)/var(--tw-bg-opacity, 1))
}

.bg-primary-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity, 1))
}

.bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(192 132 252/var(--tw-bg-opacity, 1))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247/var(--tw-bg-opacity, 1))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.bg-rose-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 113 133/var(--tw-bg-opacity, 1))
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity, 1))
}

.bg-sa-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 253 249/var(--tw-bg-opacity, 1))
}

.bg-sa-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(84 192 138/var(--tw-bg-opacity, 1))
}

.bg-sa-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 252 246/var(--tw-bg-opacity, 1))
}

.bg-sa-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 147 95/var(--tw-bg-opacity, 1))
}

.bg-sa-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(27 131 84/var(--tw-bg-opacity, 1))
}

.bg-sky-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 189 248/var(--tw-bg-opacity, 1))
}

.bg-sky-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233/var(--tw-bg-opacity, 1))
}

.bg-success-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(71 205 137/var(--tw-bg-opacity, 1))
}

.bg-success-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 178 106/var(--tw-bg-opacity, 1))
}

.bg-success-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(7 77 49/var(--tw-bg-opacity, 1))
}

.bg-teal-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(45 212 191/var(--tw-bg-opacity, 1))
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-violet-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(167 139 250/var(--tw-bg-opacity, 1))
}

.bg-violet-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246/var(--tw-bg-opacity, 1))
}

.bg-warning-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 176 34/var(--tw-bg-opacity, 1))
}

.bg-warning-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 144 9/var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

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

.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138/var(--tw-bg-opacity, 1))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21/var(--tw-bg-opacity, 1))
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity, 1))
}

.bg-opacity-50 {
    --tw-bg-opacity: .5
}

.bg-\[linear-gradient\(298deg\,\#092A1Ede_50\%\,\#16072Ede_100\%\)\] {
    background-image: linear-gradient(298deg, #092a1ede 50%, #16072ede)
}

.bg-\[linear-gradient\(298deg\,\#092A1Ede_50\%\,\#16072Ede_117\.79\%\)\] {
    background-image: linear-gradient(298deg, #092a1ede 50%, #16072ede 117.79%)
}

.bg-\[url\(\'\/images\/webiste-banner\.png\'\)\],
.bg-\[url\(\/images\/webiste-banner\.png\)\] {
    background-image: url(../images/webiste-banner.png)
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

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

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

.bg-none {
    background-image: none
}

.from-black\/70 {
    --tw-gradient-from: rgba(0, 0, 0, .7) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/80 {
    --tw-gradient-from: rgba(0, 0, 0, .8) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-50 {
    --tw-gradient-from: rgb(var(--color-gray-50)/1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-gray-50)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-100 {
    --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(220, 252, 231, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700 {
    --tw-gradient-from: #15803d var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(21, 128, 61, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-200 {
    --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(53, 98%, 77%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-blue-300 {
    --tw-gradient-to: #93c5fd var(--tw-gradient-to-position)
}

.to-blue-50 {
    --tw-gradient-to: #eff6ff var(--tw-gradient-to-position)
}

.to-green-200 {
    --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position)
}

.to-green-800 {
    --tw-gradient-to: #166534 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-fixed {
    background-attachment: fixed
}

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

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

.fill-current {
    fill: currentColor
}

.fill-sa-600 {
    fill: #1b8354
}

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

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

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

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-px {
    padding: 1px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-7 {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-\[16px\] {
    padding-bottom: 16px;
    padding-top: 16px
}

.py-\[6px\] {
    padding-bottom: 6px;
    padding-top: 6px
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pe-10 {
    padding-inline-end: 2.5rem
}

.pe-11 {
    padding-inline-end: 2.75rem
}

.pe-12 {
    padding-inline-end: 3rem
}

.pe-2 {
    padding-inline-end: .5rem
}

.pe-7 {
    padding-inline-end: 1.75rem
}

.pe-8 {
    padding-inline-end: 2rem
}

.pe-9 {
    padding-inline-end: 2.25rem
}

.pl-3\.5 {
    padding-left: .875rem
}

.pl-4 {
    padding-left: 1rem
}

.ps-10 {
    padding-inline-start: 2.5rem
}

.ps-11 {
    padding-inline-start: 2.75rem
}

.ps-12 {
    padding-inline-start: 3rem
}

.ps-4 {
    padding-inline-start: 1rem
}

.ps-6 {
    padding-inline-start: 1.5rem
}

.ps-7 {
    padding-inline-start: 1.75rem
}

.ps-8 {
    padding-inline-start: 2rem
}

.ps-9 {
    padding-inline-start: 2.25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-sans {
    font-family: IBMPlexSansArabic, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-3xl\/\[38px\] {
    font-size: 1.875rem;
    line-height: 38px
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-5xl\/\[60px\] {
    font-size: 3rem;
    line-height: 60px
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

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

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

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

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

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

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

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

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

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

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

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

.text-base,
.text-base\/6 {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\/6 {
    font-size: .875rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.normal-case {
    text-transform: none
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-tight {
    letter-spacing: -.025em
}

.text-\[\#007157\] {
    --tw-text-opacity: 1;
    color: rgb(0 113 87/var(--tw-text-opacity, 1))
}

.text-\[\#161616\] {
    --tw-text-opacity: 1;
    color: rgb(22 22 22/var(--tw-text-opacity, 1))
}

.text-\[\#1B8354\] {
    --tw-text-opacity: 1;
    color: rgb(27 131 84/var(--tw-text-opacity, 1))
}

.text-\[\#1F2A37\] {
    --tw-text-opacity: 1;
    color: rgb(31 42 55/var(--tw-text-opacity, 1))
}

.text-\[\#6B7280\] {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-\[\#6C737F\] {
    --tw-text-opacity: 1;
    color: rgb(108 115 127/var(--tw-text-opacity, 1))
}

.text-\[\#E5E7EB\] {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity, 1))
}

.text-\[var\(--text-display\,\#1F2A37\)\] {
    color: var(--text-display, #1f2a37)
}

.text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36/var(--tw-text-opacity, 1))
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity, 1))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity, 1))
}

.text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153/var(--tw-text-opacity, 1))
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity, 1))
}

.text-error-400 {
    --tw-text-opacity: 1;
    color: rgb(249 112 102/var(--tw-text-opacity, 1))
}

.text-error-500 {
    --tw-text-opacity: 1;
    color: rgb(240 68 56/var(--tw-text-opacity, 1))
}

.text-error-600 {
    --tw-text-opacity: 1;
    color: rgb(217 45 32/var(--tw-text-opacity, 1))
}

.text-fuchsia-400 {
    --tw-text-opacity: 1;
    color: rgb(232 121 249/var(--tw-text-opacity, 1))
}

.text-fuchsia-500 {
    --tw-text-opacity: 1;
    color: rgb(217 70 239/var(--tw-text-opacity, 1))
}

.text-gold-400 {
    --tw-text-opacity: 1;
    color: rgb(247 213 77/var(--tw-text-opacity, 1))
}

.text-gold-500 {
    --tw-text-opacity: 1;
    color: rgb(245 189 2/var(--tw-text-opacity, 1))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100)/var(--tw-text-opacity, 1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300)/var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-600)/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800)/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity, 1))
}

.text-gray-950 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-950)/var(--tw-text-opacity, 1))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity, 1))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61/var(--tw-text-opacity, 1))
}

.text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgb(129 140 248/var(--tw-text-opacity, 1))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity, 1))
}

.text-info-400 {
    --tw-text-opacity: 1;
    color: rgb(83 177 253/var(--tw-text-opacity, 1))
}

.text-info-500 {
    --tw-text-opacity: 1;
    color: rgb(46 144 250/var(--tw-text-opacity, 1))
}

.text-lavender-400 {
    --tw-text-opacity: 1;
    color: rgb(165 123 186/var(--tw-text-opacity, 1))
}

.text-lavender-500 {
    --tw-text-opacity: 1;
    color: rgb(128 81 159/var(--tw-text-opacity, 1))
}

.text-lime-400 {
    --tw-text-opacity: 1;
    color: rgb(163 230 53/var(--tw-text-opacity, 1))
}

.text-lime-500 {
    --tw-text-opacity: 1;
    color: rgb(132 204 22/var(--tw-text-opacity, 1))
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity, 1))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22/var(--tw-text-opacity, 1))
}

.text-pink-400 {
    --tw-text-opacity: 1;
    color: rgb(244 114 182/var(--tw-text-opacity, 1))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(236 72 153/var(--tw-text-opacity, 1))
}



.text-primary-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-400)/var(--tw-text-opacity, 1))
}

.text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-500)/var(--tw-text-opacity, 1))
}

.text-primary-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-600)/var(--tw-text-opacity, 1))
}

.text-purple-400 {
    --tw-text-opacity: 1;
    color: rgb(192 132 252/var(--tw-text-opacity, 1))
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247/var(--tw-text-opacity, 1))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.text-rose-400 {
    --tw-text-opacity: 1;
    color: rgb(251 113 133/var(--tw-text-opacity, 1))
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity, 1))
}

.text-sa-400 {
    --tw-text-opacity: 1;
    color: rgb(84 192 138/var(--tw-text-opacity, 1))
}

.text-sa-500 {
    --tw-text-opacity: 1;
    color: rgb(37 147 95/var(--tw-text-opacity, 1))
}

.text-sa-600 {
    --tw-text-opacity: 1;
    color: rgb(27 131 84/var(--tw-text-opacity, 1))
}

.text-sa-800 {
    --tw-text-opacity: 1;
    color: rgb(20 87 58/var(--tw-text-opacity, 1))
}

.text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248/var(--tw-text-opacity, 1))
}

.text-sky-500 {
    --tw-text-opacity: 1;
    color: rgb(14 165 233/var(--tw-text-opacity, 1))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity, 1))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity, 1))
}

.text-success-400 {
    --tw-text-opacity: 1;
    color: rgb(71 205 137/var(--tw-text-opacity, 1))
}

.text-success-500 {
    --tw-text-opacity: 1;
    color: rgb(23 178 106/var(--tw-text-opacity, 1))
}

.text-teal-400 {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity, 1))
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity, 1))
}

.text-text-default {
    --tw-text-opacity: 1;
    color: rgb(22 22 22/var(--tw-text-opacity, 1))
}

.text-violet-400 {
    --tw-text-opacity: 1;
    color: rgb(167 139 250/var(--tw-text-opacity, 1))
}

.text-violet-500 {
    --tw-text-opacity: 1;
    color: rgb(139 92 246/var(--tw-text-opacity, 1))
}

.text-warning-400 {
    --tw-text-opacity: 1;
    color: rgb(253 176 34/var(--tw-text-opacity, 1))
}

.text-warning-500 {
    --tw-text-opacity: 1;
    color: rgb(247 144 9/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-white\/60 {
    color: #fff9
}

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

.text-white\/80 {
    color: #fffc
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity, 1))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.\!no-underline {
    text-decoration-line: none !important
}

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

.placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-placeholder-opacity, 1))
}

.accent-green-700 {
    accent-color: #15803d
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-90 {
    opacity: .9
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-3xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-3xl {
    --tw-shadow: 0 32px 62px -12px rgba(16, 24, 40, .14);
    --tw-shadow-colored: 0 32px 62px -12px var(--tw-shadow-color)
}

.shadow-\[0px_1px_2px_rgba\(16\,24\,40\,0\.05\)\] {
    --tw-shadow: 0px 1px 2px rgba(16, 24, 40, .05);
    --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[_2px_-4px_25px_22px_white\] {
    --tw-shadow: 2px -4px 25px 22px #fff;
    --tw-shadow-colored: 2px -4px 25px 22px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_0px_125px_200px_-100px_\#092A1E\,inset_0px_0px_0px_0px_\#CCC\] {
    --tw-shadow: inset 0px 125px 200px -100px #092a1e, inset 0px 0px 0px 0px #ccc;
    --tw-shadow-colored: inset 0px 125px 200px -100px var(--tw-shadow-color), inset 0px 0px 0px 0px var(--tw-shadow-color)
}

.shadow-\[inset_0px_125px_200px_-100px_\#092A1E\,inset_0px_0px_0px_0px_\#CCC\],
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,
.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.outline-blue-400 {
    outline-color: #60a5fa
}

.outline-blue-500 {
    outline-color: #3b82f6
}

.outline-primary-400 {
    outline-color: rgb(var(--color-primary-400)/1)
}

.outline-primary-500 {
    outline-color: rgb(var(--color-primary-500)/1)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring,
.ring-0 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,
.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-blue-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(96 165 250/var(--tw-ring-opacity, 1))
}

.ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))
}

.ring-current {
    --tw-ring-color: currentColor
}

.ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--color-gray-200)
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--color-gray-200)
}

.ring-primary-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--color-primary-400)
}

.ring-primary-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--color-primary-500)
}

.ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity, 1))
}

.ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity, 1))
}

.ring-opacity-25 {
    --tw-ring-opacity: .25
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-\[1px\] {
    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)
}

.blur-\[1px\] {
    --tw-blur: blur(1px)
}

.drop-shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .25))
}

.drop-shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.25\)\],
.drop-shadow-md {
    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)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

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

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-md {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\] {
    transition-duration: .15s;
    transition-property: height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

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

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.content-\[\"\"\] {
    --tw-content: "";
    content: var(--tw-content)
}

.mt-1.relative:has(p.text-red-500) .before\:block.relative:before {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(p.text-red-500) .before\:block.relative:focus-within:before {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(.after\:text-red-500p) .relative.block:after {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(p.text-red-500) .after\:block.relative:after {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(.after\:text-red-500p) .relative.block:focus-within:after {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(p.text-red-500) .after\:block.relative:focus-within:after {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(.after\:text-red-500p) .bg-gray-950:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.indeterminate\:relative:indeterminate.mt-1:has(p.text-red-500) .indeterminate\:relative:indeterminate.block {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

    .indeterminate\:relative:indeterminate.mt-1:has(p.text-red-500) .indeterminate\:relative:indeterminate.block:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

.indeterminate\:relative:indeterminate.mt-1:has(p.text-red-500) .bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.mt-1.relative:has(p.text-red-500) .group:hover .group-hover\:block.relative {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

    .mt-1.relative:has(p.text-red-500) .group:hover .group-hover\:block.relative:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

.mt-1.relative:has(p.text-red-500) .dark\:block:is(.dark *).relative {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

    .mt-1.relative:has(p.text-red-500) .dark\:block:is(.dark *).relative:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

@media (min-width:640px) {
    .mt-1.relative:has(p.text-red-500) .sm\:block.relative {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

        .mt-1.relative:has(p.text-red-500) .sm\:block.relative:focus-within {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
        }
}

@media (min-width:768px) {
    .mt-1.relative:has(p.text-red-500) .md\:block.relative {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

        .mt-1.relative:has(p.text-red-500) .md\:block.relative:focus-within {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
        }
}

@media (min-width:1024px) {
    .mt-1.relative:has(p.text-red-500) .lg\:block.relative {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

        .mt-1.relative:has(p.text-red-500) .lg\:block.relative:focus-within {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
        }
}

@media (min-width:1280px) {
    .mt-1.relative:has(p.text-red-500) .xl\:block.relative {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

        .mt-1.relative:has(p.text-red-500) .xl\:block.relative:focus-within {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
        }
}

.\[\&\:\:-moz-range-thumb\]\:relative.mt-1::-moz-range-thumb:has(p.text-red-500) .\[\&\:\:-moz-range-thumb\]\:relative.block::-moz-range-thumb {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

    .\[\&\:\:-moz-range-thumb\]\:relative.mt-1::-moz-range-thumb:has(p.text-red-500) .\[\&\:\:-moz-range-thumb\]\:relative.block::-moz-range-thumb:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

.\[\&\:\:-moz-range-thumb\]\:relative.mt-1::-moz-range-thumb:has(p.text-red-500) .bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.\[\&\:\:-webkit-meter-inner-element\]\:relative.mt-1::-webkit-meter-inner-element:has(p.text-red-500) .\[\&\:\:-webkit-meter-inner-element\]\:relative.block::-webkit-meter-inner-element {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(p.text-red-500) .\[\&\:\:-webkit-meter-inner-element\]\:block.relative::-webkit-meter-inner-element {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.\[\&\:\:-webkit-meter-inner-element\]\:relative.mt-1::-webkit-meter-inner-element:has(p.text-red-500) .\[\&\:\:-webkit-meter-inner-element\]\:relative.block::-webkit-meter-inner-element:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.mt-1.relative:has(p.text-red-500) .\[\&\:\:-webkit-meter-inner-element\]\:block.relative::-webkit-meter-inner-element:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.\[\&\:\:-webkit-meter-inner-element\]\:relative.mt-1::-webkit-meter-inner-element:has(p.text-red-500) .bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.\[\&\:\:-webkit-slider-thumb\]\:relative.mt-1::-webkit-slider-thumb:has(p.text-red-500) .\[\&\:\:-webkit-slider-thumb\]\:relative.block::-webkit-slider-thumb {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

    .\[\&\:\:-webkit-slider-thumb\]\:relative.mt-1::-webkit-slider-thumb:has(p.text-red-500) .\[\&\:\:-webkit-slider-thumb\]\:relative.block::-webkit-slider-thumb:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
    }

.\[\&\:\:-webkit-slider-thumb\]\:relative.mt-1::-webkit-slider-thumb:has(p.text-red-500) .bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.file\:mr-1\.5::file-selector-button {
    margin-right: .375rem
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent
}

.file\:p-0::file-selector-button {
    padding: 0
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.file\:text-gray-500::file-selector-button {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity, 1))
}

.file\:outline-none::file-selector-button {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity, 1))
}

.before\:visible:before {
    content: var(--tw-content);
    visibility: visible
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-px:before {
    content: var(--tw-content);
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.before\:inset-x-0:before {
    content: var(--tw-content);
    left: 0;
    right: 0
}

.before\:inset-y-2:before {
    bottom: .5rem;
    content: var(--tw-content);
    top: .5rem
}

.before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-2:before {
    content: var(--tw-content);
    height: .5rem
}

.before\:w-2:before {
    content: var(--tw-content);
    width: .5rem
}

.before\:rotate-45:before {
    content: var(--tw-content);
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:rounded-md:before {
    border-radius: .375rem;
    content: var(--tw-content)
}

.before\:rounded-sm:before {
    border-radius: .125rem;
    content: var(--tw-content)
}

.before\:bg-gray-100:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity, 1))
}

.before\:bg-gray-200:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
}

.before\:bg-white:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.before\:shadow:before {
    content: var(--tw-content);
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.before\:ring-1:before {
    content: var(--tw-content);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.before\:ring-gray-200:before {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-200)/var(--tw-ring-opacity, 1))
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:inset-x-2\.5:after {
    content: var(--tw-content);
    left: .625rem;
    right: .625rem
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:ms-0\.5:after {
    content: var(--tw-content);
    margin-inline-start: .125rem
}

.after\:mt-2:after {
    content: var(--tw-content);
    margin-top: .5rem
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:rounded-full:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.after\:bg-primary-500:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity, 1))
}

.after\:text-red-500:after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.after\:content-\[\'\*\'\]:after {
    --tw-content: "*";
    content: var(--tw-content)
}

.first\:me-0:first-child {
    margin-inline-end: 0
}

.first\:rounded-s-md:first-child {
    border-end-start-radius: .375rem;
    border-start-start-radius: .375rem
}

.last\:rounded-e-md:last-child {
    border-end-end-radius: .375rem;
    border-start-end-radius: .375rem
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.indeterminate\:relative:indeterminate {
    position: relative
}

.indeterminate\:after\:rounded-full:indeterminate:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-300)/var(--tw-border-opacity, 1))
}

.hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#F7F8F9\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 249/var(--tw-bg-opacity, 1))
}

.hover\:bg-black\/20:hover {
    background-color: #0003
}

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

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}

.hover\:bg-error-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 228 226/var(--tw-bg-opacity, 1))
}

.hover\:bg-error-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 242/var(--tw-bg-opacity, 1))
}

.hover\:bg-error-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(180 35 24/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100\/50:hover {
    background-color: rgb(var(--color-gray-100)/.5)
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-300)/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity, 1))
}

.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-50)/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-600)/var(--tw-bg-opacity, 1))
}

.hover\:bg-sa-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(223 246 231/var(--tw-bg-opacity, 1))
}

.hover\:bg-sa-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 106 69/var(--tw-bg-opacity, 1))
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/20:hover {
    background-color: #fff3
}

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

.hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(239, 246, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-indigo-50:hover {
    --tw-gradient-to: #eef2ff var(--tw-gradient-to-position)
}

.hover\:text-\[\#166b44\]:hover {
    --tw-text-opacity: 1;
    color: rgb(22 107 68/var(--tw-text-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.hover\:text-error-700:hover {
    --tw-text-opacity: 1;
    color: rgb(180 35 24/var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity, 1))
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800)/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-DEFAULT)/var(--tw-text-opacity, 1))
}

.hover\:text-primary-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-600)/var(--tw-text-opacity, 1))
}

.hover\:text-sa-600:hover {
    --tw-text-opacity: 1;
    color: rgb(27 131 84/var(--tw-text-opacity, 1))
}

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

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

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:ring-2:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.hover\:ring-black:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity, 1))
}

.hover\:ring-gray-300:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-300)/var(--tw-ring-opacity, 1))
}

.hover\:before\:bg-gray-50:hover:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity, 1))
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity, 1))
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:-outline-offset-2:focus {
    outline-offset: -2px
}

.focus\:outline-black:focus {
    outline-color: #000
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))
}

.focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(79 70 229/var(--tw-ring-opacity, 1))
}

.focus\:ring-primary-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity, 1))
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.focus\:ring-sa-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(37 147 95/var(--tw-ring-opacity, 1))
}

.focus\:ring-transparent:focus {
    --tw-ring-color: transparent
}

.focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-0:focus-visible {
    outline-width: 0
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-blue-500:focus-visible {
    outline-color: #3b82f6
}

.focus-visible\:outline-primary:focus-visible {
    outline-color: rgb(var(--color-primary-DEFAULT)/1)
}

.focus-visible\:outline-primary-500:focus-visible {
    outline-color: rgb(var(--color-primary-500)/1)
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset
}

.focus-visible\:ring-blue-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-primary-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-red-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.focus-visible\:ring-offset-white:focus-visible {
    --tw-ring-offset-color: #fff
}

.focus-visible\:before\:ring-1:focus-visible:before {
    content: var(--tw-content);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:before\:ring-inset:focus-visible:before {
    content: var(--tw-content);
    --tw-ring-inset: inset
}

.focus-visible\:before\:ring-primary-500:focus-visible:before {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity, 1))
}

.active\:bg-error-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 205 202/var(--tw-bg-opacity, 1))
}

.active\:bg-error-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(122 39 26/var(--tw-bg-opacity, 1))
}

.active\:bg-gray-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
}

.active\:bg-gray-400:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-400)/var(--tw-bg-opacity, 1))
}

.active\:bg-gray-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-600)/var(--tw-bg-opacity, 1))
}

.active\:bg-sa-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(16 70 49/var(--tw-bg-opacity, 1))
}

.active\:text-error-800:active {
    --tw-text-opacity: 1;
    color: rgb(145 32 24/var(--tw-text-opacity, 1))
}

.active\:text-sa-800:active {
    --tw-text-opacity: 1;
    color: rgb(20 87 58/var(--tw-text-opacity, 1))
}

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

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

.disabled\:border-gray-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-200)/var(--tw-border-opacity, 1))
}

.disabled\:bg-blue-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
}

.disabled\:bg-blue-500:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.disabled\:bg-gray-100:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity, 1))
}

.disabled\:bg-gray-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity, 1))
}

.disabled\:bg-gray-900:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity, 1))
}

.disabled\:bg-primary-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-50)/var(--tw-bg-opacity, 1))
}

.disabled\:bg-primary-500:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity, 1))
}

.disabled\:bg-transparent:disabled {
    background-color: transparent
}

.disabled\:bg-white:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

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

.disabled\:text-blue-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity, 1))
}

.disabled\:text-primary-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-500)/var(--tw-text-opacity, 1))
}

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

.disabled\:opacity-75:disabled {
    opacity: .75
}

.group:hover .group-hover\:block {
    display: block
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-DEFAULT)/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-100,
.group\/btn:hover .group-hover\/btn\:opacity-100 {
    opacity: 1
}

.peer:disabled ~ .peer-disabled\:bg-opacity-50 {
    --tw-bg-opacity: .5
}

.aria-disabled\:cursor-not-allowed[aria-disabled=true] {
    cursor: not-allowed
}

.aria-disabled\:bg-gray-50[aria-disabled=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity, 1))
}

.aria-disabled\:bg-gray-900[aria-disabled=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity, 1))
}

.aria-disabled\:bg-transparent[aria-disabled=true] {
    background-color: transparent
}

.aria-disabled\:bg-white[aria-disabled=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.aria-disabled\:opacity-75[aria-disabled=true] {
    opacity: .75
}

.group[data-popper-placement*=bottom] .group-data-\[popper-placement\*\=\'bottom\'\]\:-top-1 {
    top: -.25rem
}

.group[data-popper-placement*=left] .group-data-\[popper-placement\*\=\'left\'\]\:-right-1 {
    right: -.25rem
}

.group[data-popper-placement*=right] .group-data-\[popper-placement\*\=\'right\'\]\:-left-1 {
    left: -.25rem
}

.group[data-popper-placement*=top] .group-data-\[popper-placement\*\=\'top\'\]\:-bottom-1 {
    bottom: -.25rem
}

:where([data-headlessui-focus-visible]) .ui-focus-visible\:outline-0:focus {
    outline-width: 0
}

:where([data-headlessui-focus-visible]) .ui-focus-visible\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

:where([data-headlessui-focus-visible]) .ui-focus-visible\:ring-primary-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity, 1))
}

.ui-not-focus-visible\:outline-none:focus:where(:not([data-headlessui-focus-visible] .ui-not-focus-visible\:outline-none)) {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.dark\:block:is(.dark *) {
    display: block
}

.dark\:hidden:is(.dark *) {
    display: none
}

.dark\:divide-gray-600:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-600)/var(--tw-divide-opacity, 1))
}

.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-700)/var(--tw-divide-opacity, 1))
}

.dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-800)/var(--tw-divide-opacity, 1))
}

.dark\:border:is(.dark *) {
    border-width: 1px
}

.dark\:border-blue-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity, 1))
}

.dark\:border-blue-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175/var(--tw-border-opacity, 1))
}

.dark\:border-gray-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-600)/var(--tw-border-opacity, 1))
}

.dark\:border-gray-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-700)/var(--tw-border-opacity, 1))
}

.dark\:border-gray-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-800)/var(--tw-border-opacity, 1))
}

.dark\:border-primary-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary-400)/var(--tw-border-opacity, 1))
}

.dark\:border-slate-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85/var(--tw-border-opacity, 1))
}

.dark\:bg-amber-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36/var(--tw-bg-opacity, 1))
}

.dark\:bg-blue-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity, 1))
}

.dark\:bg-blue-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity, 1))
}

.dark\:bg-blue-900\/20:is(.dark *) {
    background-color: #1e3a8a33
}

.dark\:bg-blue-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
}

.dark\:bg-cyan-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238/var(--tw-bg-opacity, 1))
}

.dark\:bg-emerald-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153/var(--tw-bg-opacity, 1))
}

.dark\:bg-error-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 112 102/var(--tw-bg-opacity, 1))
}

.dark\:bg-fuchsia-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(232 121 249/var(--tw-bg-opacity, 1))
}

.dark\:bg-gold-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(247 213 77/var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-200\/5:is(.dark *) {
    background-color: rgb(var(--color-gray-200)/.05)
}

.dark\:bg-gray-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-400)/var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-800\/50:is(.dark *) {
    background-color: rgb(var(--color-gray-800)/.5)
}

.dark\:bg-gray-800\/75:is(.dark *) {
    background-color: rgb(var(--color-gray-800)/.75)
}

.dark\:bg-gray-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity, 1))
}

.dark\:bg-green-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128/var(--tw-bg-opacity, 1))
}

.dark\:bg-indigo-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(129 140 248/var(--tw-bg-opacity, 1))
}

.dark\:bg-info-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(83 177 253/var(--tw-bg-opacity, 1))
}

.dark\:bg-inherit:is(.dark *) {
    background-color: inherit
}

.dark\:bg-lavender-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(165 123 186/var(--tw-bg-opacity, 1))
}

.dark\:bg-lime-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(163 230 53/var(--tw-bg-opacity, 1))
}

.dark\:bg-orange-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(251 146 60/var(--tw-bg-opacity, 1))
}

.dark\:bg-pink-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(244 114 182/var(--tw-bg-opacity, 1))
}

.dark\:bg-primary-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-400)/var(--tw-bg-opacity, 1))
}

.dark\:bg-primary-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity, 1))
}

.dark\:bg-purple-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(192 132 252/var(--tw-bg-opacity, 1))
}

.dark\:bg-red-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity, 1))
}

.dark\:bg-rose-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(251 113 133/var(--tw-bg-opacity, 1))
}

.dark\:bg-sa-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 192 138/var(--tw-bg-opacity, 1))
}

.dark\:bg-sky-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(56 189 248/var(--tw-bg-opacity, 1))
}

.dark\:bg-slate-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.dark\:bg-slate-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42/var(--tw-bg-opacity, 1))
}

.dark\:bg-success-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(71 205 137/var(--tw-bg-opacity, 1))
}

.dark\:bg-teal-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(45 212 191/var(--tw-bg-opacity, 1))
}

.dark\:bg-transparent:is(.dark *) {
    background-color: transparent
}

.dark\:bg-violet-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(167 139 250/var(--tw-bg-opacity, 1))
}

.dark\:bg-warning-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(253 176 34/var(--tw-bg-opacity, 1))
}

.dark\:bg-white:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dark\:bg-yellow-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21/var(--tw-bg-opacity, 1))
}

.dark\:bg-opacity-10:is(.dark *) {
    --tw-bg-opacity: .1
}

.dark\:from-blue-600:is(.dark *) {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(37, 99, 235, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-gray-700:is(.dark *) {
    --tw-gradient-from: rgb(var(--color-gray-700)/1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-gray-700)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-yellow-600:is(.dark *) {
    --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(202, 138, 4, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:to-blue-500:is(.dark *) {
    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)
}

.dark\:to-blue-600:is(.dark *) {
    --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}

.dark\:to-lavender-900:is(.dark *) {
    --tw-gradient-to: #281047 var(--tw-gradient-to-position)
}

.dark\:text-amber-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 191 36/var(--tw-text-opacity, 1))
}

.dark\:text-black:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.dark\:text-blue-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(219 234 254/var(--tw-text-opacity, 1))
}

.dark\:text-blue-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(191 219 254/var(--tw-text-opacity, 1))
}

.dark\:text-blue-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.dark\:text-blue-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity, 1))
}

.dark\:text-cyan-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity, 1))
}

.dark\:text-emerald-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(52 211 153/var(--tw-text-opacity, 1))
}

.dark\:text-error-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(249 112 102/var(--tw-text-opacity, 1))
}

.dark\:text-fuchsia-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(232 121 249/var(--tw-text-opacity, 1))
}

.dark\:text-gold-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(247 213 77/var(--tw-text-opacity, 1))
}

.dark\:text-gray-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100)/var(--tw-text-opacity, 1))
}

.dark\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity, 1))
}

.dark\:text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300)/var(--tw-text-opacity, 1))
}

.dark\:text-gray-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity, 1))
}

.dark\:text-gray-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity, 1))
}

.dark\:text-gray-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity, 1))
}

.dark\:text-green-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity, 1))
}

.dark\:text-indigo-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(129 140 248/var(--tw-text-opacity, 1))
}

.dark\:text-info-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(83 177 253/var(--tw-text-opacity, 1))
}

.dark\:text-lavender-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(165 123 186/var(--tw-text-opacity, 1))
}

.dark\:text-lime-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(163 230 53/var(--tw-text-opacity, 1))
}

.dark\:text-orange-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity, 1))
}

.dark\:text-pink-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 114 182/var(--tw-text-opacity, 1))
}

.dark\:text-primary-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-400)/var(--tw-text-opacity, 1))
}

.dark\:text-purple-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(192 132 252/var(--tw-text-opacity, 1))
}

.dark\:text-red-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1))
}

.dark\:text-rose-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 113 133/var(--tw-text-opacity, 1))
}

.dark\:text-sa-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(84 192 138/var(--tw-text-opacity, 1))
}

.dark\:text-sky-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(56 189 248/var(--tw-text-opacity, 1))
}

.dark\:text-slate-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(203 213 225/var(--tw-text-opacity, 1))
}

.dark\:text-slate-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.dark\:text-success-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(71 205 137/var(--tw-text-opacity, 1))
}

.dark\:text-teal-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity, 1))
}

.dark\:text-violet-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(167 139 250/var(--tw-text-opacity, 1))
}

.dark\:text-warning-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(253 176 34/var(--tw-text-opacity, 1))
}

.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dark\:text-yellow-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity, 1))
}

.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-500)/var(--tw-placeholder-opacity, 1))
}

.dark\:placeholder-gray-500:is(.dark *)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-500)/var(--tw-placeholder-opacity, 1))
}

.dark\:shadow-gray-800:is(.dark *) {
    --tw-shadow-color: rgb(var(--color-gray-800)/1);
    --tw-shadow: var(--tw-shadow-colored)
}

.dark\:ring-gray-700:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-700)/var(--tw-ring-opacity, 1))
}

.dark\:ring-gray-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-800)/var(--tw-ring-opacity, 1))
}

.dark\:ring-gray-900:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-900)/var(--tw-ring-opacity, 1))
}

.dark\:ring-primary-400:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity, 1))
}

.dark\:ring-red-400:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity, 1))
}

.dark\:ring-opacity-25:is(.dark *) {
    --tw-ring-opacity: .25
}

.dark\:file\:text-gray-400:is(.dark *)::file-selector-button {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity, 1))
}

.dark\:before\:bg-gray-700:is(.dark *):before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
}

.dark\:before\:bg-gray-800:is(.dark *):before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity, 1))
}

.dark\:before\:ring-gray-700:is(.dark *):before {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-700)/var(--tw-ring-opacity, 1))
}

.dark\:before\:ring-gray-800:is(.dark *):before {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-800)/var(--tw-ring-opacity, 1))
}

.dark\:after\:bg-primary-400:is(.dark *):after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-400)/var(--tw-bg-opacity, 1))
}

.dark\:after\:text-red-400:is(.dark *):after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1))
}

.dark\:checked\:border-transparent:checked:is(.dark *) {
    border-color: transparent
}

.dark\:checked\:bg-current:checked:is(.dark *) {
    background-color: currentColor
}

.dark\:indeterminate\:border-transparent:indeterminate:is(.dark *) {
    border-color: transparent
}

.dark\:indeterminate\:bg-current:indeterminate:is(.dark *) {
    background-color: currentColor
}

.dark\:hover\:border-gray-400:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-400)/var(--tw-border-opacity, 1))
}

.dark\:hover\:border-gray-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-700)/var(--tw-border-opacity, 1))
}

.dark\:hover\:bg-blue-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-blue-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-blue-900:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-blue-950:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-100:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-600:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-600)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-700\/50:hover:is(.dark *) {
    background-color: rgb(var(--color-gray-700)/.5)
}

.dark\:hover\:bg-gray-800:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
    background-color: rgb(var(--color-gray-800)/.5)
}

.dark\:hover\:bg-gray-900:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-primary-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-primary-900:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-900)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-primary-950:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-slate-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-slate-800:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.dark\:hover\:from-blue-700:hover:is(.dark *) {
    --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(29, 78, 216, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:hover\:to-blue-600:hover:is(.dark *) {
    --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}

.dark\:hover\:text-blue-200:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(191 219 254/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-blue-500:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-gray-200:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-primary-500:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-500)/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-white:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dark\:hover\:ring-gray-700:hover:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-700)/var(--tw-ring-opacity, 1))
}

.dark\:hover\:ring-primary-400:hover:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity, 1))
}

.dark\:hover\:before\:bg-gray-800\/50:hover:is(.dark *):before {
    background-color: rgb(var(--color-gray-800)/.5);
    content: var(--tw-content)
}

.dark\:focus\:ring-primary-400:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity, 1))
}

.dark\:focus\:ring-red-400:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity, 1))
}

.dark\:focus-visible\:outline-none:focus-visible:is(.dark *) {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.dark\:focus-visible\:outline-blue-400:focus-visible:is(.dark *) {
    outline-color: #60a5fa
}

.dark\:focus-visible\:outline-primary-400:focus-visible:is(.dark *) {
    outline-color: rgb(var(--color-primary-400)/1)
}

.dark\:focus-visible\:ring-blue-400:focus-visible:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(96 165 250/var(--tw-ring-opacity, 1))
}

.dark\:focus-visible\:ring-primary-400:focus-visible:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity, 1))
}

.dark\:focus-visible\:ring-red-400:focus-visible:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity, 1))
}

.dark\:focus-visible\:ring-offset-gray-900:focus-visible:is(.dark *) {
    --tw-ring-offset-color: rgb(var(--color-gray-900)/1)
}

.dark\:focus-visible\:before\:ring-primary-400:focus-visible:is(.dark *):before {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity, 1))
}

.dark\:disabled\:bg-blue-400:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:bg-blue-950:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:bg-gray-800:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:bg-gray-900:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:bg-primary-400:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-400)/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:bg-primary-950:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:bg-transparent:disabled:is(.dark *) {
    background-color: transparent
}

.dark\:disabled\:bg-white:disabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:text-blue-400:disabled:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity, 1))
}

.dark\:disabled\:text-primary-400:disabled:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-400)/var(--tw-text-opacity, 1))
}

.group:hover .dark\:group-hover\:text-blue-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(191 219 254/var(--tw-text-opacity, 1))
}

.group:hover .dark\:group-hover\:text-gray-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100)/var(--tw-text-opacity, 1))
}

.group:hover .dark\:group-hover\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity, 1))
}

.dark\:aria-disabled\:bg-gray-800[aria-disabled=true]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity, 1))
}

.dark\:aria-disabled\:bg-gray-900[aria-disabled=true]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity, 1))
}

.dark\:aria-disabled\:bg-transparent[aria-disabled=true]:is(.dark *) {
    background-color: transparent
}

.dark\:aria-disabled\:bg-white[aria-disabled=true]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

:where([data-headlessui-focus-visible]) .dark\:ui-focus-visible\:ring-primary-400:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity, 1))
}

@media not all and (min-width:1024px) {
    .max-lg\:justify-center {
        justify-content: center
    }
}

@media (min-width:640px) {
    .sm\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-96 {
        width: 24rem
    }

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

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

    .sm\:max-w-lg {
        max-width: 32rem
    }

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

    .sm\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .sm\:translate-x-0,
    .sm\:translate-x-2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-x-2 {
        --tw-translate-x: .5rem
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .sm\:scale-100,
    .sm\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

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

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

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

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

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

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .sm\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .sm\:gap-y-12 {
        row-gap: 3rem
    }

    .sm\:gap-y-2 {
        row-gap: .5rem
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .sm\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-9xl {
        font-size: 8rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:leading-6 {
        line-height: 1.5rem
    }
}

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

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

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

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:inline-flex {
        display: inline-flex
    }

    .md\:hidden {
        display: none
    }

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

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

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

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

    .md\:w-80 {
        width: 20rem
    }

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

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

    .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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

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

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

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:1024px) {
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

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

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

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

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

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

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

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:max-w-7xl {
        max-width: 80rem
    }

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

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

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

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

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

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

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

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

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

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

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .lg\:gap-y-3 {
        row-gap: .75rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:px-48 {
        padding-left: 12rem;
        padding-right: 12rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .lg\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .lg\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .lg\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .lg\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:1280px) {
    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:block {
        display: block
    }

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

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width:1536px) {
    .\32xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.rtl\:-translate-x-0:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-2:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-2\.5:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -.625rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-3:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-4:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-5:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-6:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-7:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-full:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:translate-x-full:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
}

.\[\&\:\:-moz-meter-bar\]\:h-0\.5::-moz-meter-bar {
    height: .125rem
}

.\[\&\:\:-moz-meter-bar\]\:h-1::-moz-meter-bar {
    height: .25rem
}

.\[\&\:\:-moz-meter-bar\]\:h-2::-moz-meter-bar {
    height: .5rem
}

.\[\&\:\:-moz-meter-bar\]\:h-3::-moz-meter-bar {
    height: .75rem
}

.\[\&\:\:-moz-meter-bar\]\:h-4::-moz-meter-bar {
    height: 1rem
}

.\[\&\:\:-moz-meter-bar\]\:h-5::-moz-meter-bar {
    height: 1.25rem
}

.\[\&\:\:-moz-meter-bar\]\:h-px::-moz-meter-bar {
    height: 1px
}

.\[\&\:\:-moz-meter-bar\]\:rounded-full::-moz-meter-bar {
    border-radius: 9999px
}

.\[\&\:\:-moz-meter-bar\]\:border-none::-moz-meter-bar {
    border-style: none
}

.\[\&\:\:-moz-meter-bar\]\:bg-current::-moz-meter-bar {
    background-color: currentColor
}

.\[\&\:\:-moz-meter-bar\]\:bg-none::-moz-meter-bar {
    background-image: none
}

.\[\&\:\:-moz-meter-bar\]\:transition-all::-moz-meter-bar {
    transition-duration: .15s;
    -moz-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
    border-radius: 9999px
}

.\[\&\:\:-moz-progress-bar\]\:bg-current::-moz-progress-bar {
    background-color: currentColor
}

.\[\&\:\:-moz-range-thumb\]\:relative::-moz-range-thumb {
    position: relative
}

.\[\&\:\:-moz-range-thumb\]\:z-\[1\]::-moz-range-thumb {
    z-index: 1
}

.\[\&\:\:-moz-range-thumb\]\:-mt-1::-moz-range-thumb {
    margin-top: -.25rem
}

.\[\&\:\:-moz-range-thumb\]\:mt-\[-2\.5px\]::-moz-range-thumb {
    margin-top: -2.5px
}

.\[\&\:\:-moz-range-thumb\]\:mt-\[-3px\]::-moz-range-thumb {
    margin-top: -3px
}

.\[\&\:\:-moz-range-thumb\]\:h-1\.5::-moz-range-thumb {
    height: .375rem
}

.\[\&\:\:-moz-range-thumb\]\:h-2::-moz-range-thumb {
    height: .5rem
}

.\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb {
    height: .75rem
}

.\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
    height: 1rem
}

.\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
    height: 1.25rem
}

.\[\&\:\:-moz-range-thumb\]\:h-6::-moz-range-thumb {
    height: 1.5rem
}

.\[\&\:\:-moz-range-thumb\]\:h-7::-moz-range-thumb {
    height: 1.75rem
}

.\[\&\:\:-moz-range-thumb\]\:w-1\.5::-moz-range-thumb {
    width: .375rem
}

.\[\&\:\:-moz-range-thumb\]\:w-2::-moz-range-thumb {
    width: .5rem
}

.\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb {
    width: .75rem
}

.\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
    width: 1rem
}

.\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
    width: 1.25rem
}

.\[\&\:\:-moz-range-thumb\]\:w-6::-moz-range-thumb {
    width: 1.5rem
}

.\[\&\:\:-moz-range-thumb\]\:w-7::-moz-range-thumb {
    width: 1.75rem
}

.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
    border-radius: 9999px
}

.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
    border-width: 0
}

.\[\&\:\:-moz-range-thumb\]\:bg-current::-moz-range-thumb {
    background-color: currentColor
}

.\[\&\:\:-moz-range-track\]\:h-0\.5::-moz-range-track {
    height: .125rem
}

.\[\&\:\:-moz-range-track\]\:h-1::-moz-range-track {
    height: .25rem
}

.\[\&\:\:-moz-range-track\]\:h-2::-moz-range-track {
    height: .5rem
}

.\[\&\:\:-moz-range-track\]\:h-3::-moz-range-track {
    height: .75rem
}

.\[\&\:\:-moz-range-track\]\:h-4::-moz-range-track {
    height: 1rem
}

.\[\&\:\:-moz-range-track\]\:h-5::-moz-range-track {
    height: 1.25rem
}

.\[\&\:\:-moz-range-track\]\:h-px::-moz-range-track {
    height: 1px
}

.\[\&\:\:-moz-range-track\]\:rounded-lg::-moz-range-track {
    border-radius: .5rem
}

.\[\&\:\:-moz-range-track\]\:bg-gray-200::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
}

.group:disabled .\[\&\:\:-moz-range-track\]\:group-disabled\:bg-opacity-50::-moz-range-track {
    --tw-bg-opacity: .5
}

.\[\&\:\:-moz-range-track\]\:dark\:bg-gray-700:is(.dark *)::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
}

.\[\&\:\:-webkit-meter-bar\]\:border-none::-webkit-meter-bar {
    border-style: none
}

.\[\&\:\:-webkit-meter-bar\]\:bg-transparent::-webkit-meter-bar {
    background-color: transparent
}

.\[\&\:\:-webkit-meter-bar\]\:bg-none::-webkit-meter-bar {
    background-image: none
}

.\[\&\:\:-webkit-meter-inner-element\]\:relative::-webkit-meter-inner-element {
    position: relative
}

.\[\&\:\:-webkit-meter-inner-element\]\:block::-webkit-meter-inner-element {
    display: block
}

.\[\&\:\:-webkit-meter-inner-element\]\:border-none::-webkit-meter-inner-element {
    border-style: none
}

.\[\&\:\:-webkit-meter-inner-element\]\:bg-transparent::-webkit-meter-inner-element {
    background-color: transparent
}

.\[\&\:\:-webkit-meter-inner-element\]\:bg-none::-webkit-meter-inner-element {
    background-image: none
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-0\.5::-webkit-meter-optimum-value {
    height: .125rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-1::-webkit-meter-optimum-value {
    height: .25rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-2::-webkit-meter-optimum-value {
    height: .5rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-3::-webkit-meter-optimum-value {
    height: .75rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-4::-webkit-meter-optimum-value {
    height: 1rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-5::-webkit-meter-optimum-value {
    height: 1.25rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-px::-webkit-meter-optimum-value {
    height: 1px
}

.\[\&\:\:-webkit-meter-optimum-value\]\:rounded-full::-webkit-meter-optimum-value {
    border-radius: 9999px
}

.\[\&\:\:-webkit-meter-optimum-value\]\:border-none::-webkit-meter-optimum-value {
    border-style: none
}

.\[\&\:\:-webkit-meter-optimum-value\]\:bg-current::-webkit-meter-optimum-value {
    background-color: currentColor
}

.\[\&\:\:-webkit-meter-optimum-value\]\:bg-none::-webkit-meter-optimum-value {
    background-image: none
}

.\[\&\:\:-webkit-meter-optimum-value\]\:transition-all::-webkit-meter-optimum-value {
    transition-duration: .15s;
    -webkit-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-webkit-progress-bar\]\:w-full::-webkit-progress-bar {
    width: 100%
}

.\[\&\:\:-webkit-progress-bar\]\:rounded-full::-webkit-progress-bar {
    border-radius: 9999px
}

.\[\&\:\:-webkit-progress-bar\]\:bg-gray-200::-webkit-progress-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
}

.\[\&\:\:-webkit-progress-bar\]\:dark\:bg-gray-700:is(.dark *)::-webkit-progress-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
}

.\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
    border-radius: 9999px
}

.\[\&\:\:-webkit-progress-value\]\:bg-current::-webkit-progress-value {
    background-color: currentColor
}

.\[\&\:\:-webkit-progress-value\]\:transition-all::-webkit-progress-value {
    transition-duration: .15s;
    -webkit-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-webkit-progress-value\]\:ease-in-out::-webkit-progress-value {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-0\.5::-webkit-slider-runnable-track {
    height: .125rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-1::-webkit-slider-runnable-track {
    height: .25rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-2::-webkit-slider-runnable-track {
    height: .5rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-3::-webkit-slider-runnable-track {
    height: .75rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-4::-webkit-slider-runnable-track {
    height: 1rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-5::-webkit-slider-runnable-track {
    height: 1.25rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-px::-webkit-slider-runnable-track {
    height: 1px
}

.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-lg::-webkit-slider-runnable-track {
    border-radius: .5rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:bg-gray-200::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
}

.group:disabled .\[\&\:\:-webkit-slider-runnable-track\]\:group-disabled\:bg-opacity-50::-webkit-slider-runnable-track {
    --tw-bg-opacity: .5
}

.\[\&\:\:-webkit-slider-runnable-track\]\:dark\:bg-gray-700:is(.dark *)::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
}

.\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb {
    position: relative
}

.\[\&\:\:-webkit-slider-thumb\]\:z-\[1\]::-webkit-slider-thumb {
    z-index: 1
}

.\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb {
    margin-top: -.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:mt-\[-2\.5px\]::-webkit-slider-thumb {
    margin-top: -2.5px
}

.\[\&\:\:-webkit-slider-thumb\]\:mt-\[-3px\]::-webkit-slider-thumb {
    margin-top: -3px
}

.\[\&\:\:-webkit-slider-thumb\]\:h-1\.5::-webkit-slider-thumb {
    height: .375rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-2::-webkit-slider-thumb {
    height: .5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
    height: .75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
    height: 1rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
    height: 1.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb {
    height: 1.5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-7::-webkit-slider-thumb {
    height: 1.75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-1\.5::-webkit-slider-thumb {
    width: .375rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-2::-webkit-slider-thumb {
    width: .5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
    width: .75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
    width: 1rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
    width: 1.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb {
    width: 1.5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-7::-webkit-slider-thumb {
    width: 1.75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: 9999px
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-current::-webkit-slider-thumb {
    --tw-ring-color: currentColor
}

.\[\&\:\:-webkit-slider-thumb\]\:dark\:bg-gray-900:is(.dark *)::-webkit-slider-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity, 1))
}

.\[\&\:indeterminate\:\:-moz-progress-bar\]\:rounded-full:indeterminate::-moz-progress-bar {
    border-radius: 9999px
}

.\[\&\:indeterminate\:\:-webkit-progress-value\]\:rounded-full:indeterminate::-webkit-progress-value {
    border-radius: 9999px
}

.\[\&\>p\>a\:active\]\:text-sa-300 > p > a:active {
    --tw-text-opacity: 1;
    color: rgb(136 216 173/var(--tw-text-opacity, 1))
}

.\[\&\>p\>a\:focus\]\:outline-black > p > a:focus {
    outline-color: #000
}

.\[\&\>p\>a\:focus\]\:ring-2 > p > a:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.\[\&\>p\>a\:focus\]\:ring-black > p > a:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity, 1))
}

.\[\&\>p\>a\:hover\]\:text-sa-400 > p > a:hover {
    --tw-text-opacity: 1;
    color: rgb(84 192 138/var(--tw-text-opacity, 1))
}

.\[\&\>p\>a\]\:text-sa-600 > p > a {
    --tw-text-opacity: 1;
    color: rgb(27 131 84/var(--tw-text-opacity, 1))
}

.\[\&\>p\]\:text-gray-700 > p {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity, 1))
}

.\[\&_a\:active\]\:text-sa-300 a:active {
    --tw-text-opacity: 1;
    color: rgb(136 216 173/var(--tw-text-opacity, 1))
}

.\[\&_a\:focus\]\:outline-black a:focus {
    outline-color: #000
}

.\[\&_a\:focus\]\:ring-2 a:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.\[\&_a\:focus\]\:ring-black a:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity, 1))
}

.\[\&_a\:hover\]\:text-sa-400 a:hover {
    --tw-text-opacity: 1;
    color: rgb(84 192 138/var(--tw-text-opacity, 1))
}

.\[\&_a\:hover\]\:underline a:hover {
    text-decoration-line: underline
}

.\[\&_a\]\:text-sm a {
    font-size: .875rem;
    line-height: 1.25rem
}

.\[\&_a\]\:text-sa-600 a {
    --tw-text-opacity: 1;
    color: rgb(27 131 84/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-white a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.\[\&_h4\]\:mb-4 h4 {
    margin-bottom: 1rem
}

.\[\&_h4\]\:border-b h4 {
    border-bottom-width: 1px
}

.\[\&_h4\]\:border-white\/30 h4 {
    border-color: #ffffff4d
}

.\[\&_h4\]\:pb-2 h4 {
    padding-bottom: .5rem
}

.\[\&_h4\]\:text-lg\/7 h4 {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.\[\&_h4\]\:font-medium h4 {
    font-weight: 500
}

.\[\&_h4\]\:text-white h4 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.\[\&_li\:not\(\:first-child\)\]\:px-4 li:not(:first-child) {
    padding-left: 1rem;
    padding-right: 1rem
}

.\[\&_li\:not\(\:last-child\)\]\:border-e-2 li:not(:last-child) {
    border-inline-end-width: 2px
}

.\[\&_li\:not\(\:last-child\)\]\:border-\[\#6D6D6D\]\/20 li:not(:last-child) {
    border-color: #6e6e6e33
}

.\[\&_li\:not\(\:last-child\)\]\:pe-4 li:not(:last-child) {
    padding-inline-end: 1rem
}

.rtl\:\[\&_span\:first-child\]\:rotate-180 span:first-child:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:\[\&_span\:last-child\]\:rotate-180 span:last-child:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (pointer:coarse) {
    .\[\@media\(pointer\:coarse\)\]\:hidden {
        display: none
    }
}

@supports (selector(&::-moz-progress-bar)) {
    .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity, 1))
    }

    .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:dark\:bg-gray-700:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity, 1))
    }
}

.dark {
    color-scheme: dark
}

a:focus-visible {
    outline-color: rgb(var(--color-primary-DEFAULT)/1)
}

/*::-moz-selection {
    background-color: rgb(var(--color-primary-DEFAULT)/.4)
}

::selection {
    background-color: rgb(var(--color-primary-DEFAULT)/.4)
}*/

:root {
    --header-height: 72px;
    --ui-background: var(--color-gray-50);
    --ui-foreground: var(--color-gray-700)
}

.dark {
    --ui-background: var(--color-gray-900);
    --ui-foreground: var(--color-gray-200)
}