/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@layer theme {

    :root,
    :host {
        --color-red-500: oklch(63.7% 0.237 25.331);
        --color-green-500: oklch(72.3% 0.219 149.579);
        --color-blue-300: oklch(80.9% 0.105 251.813);
        --color-indigo-600: oklch(51.1% 0.262 276.966);
        --color-slate-50: oklch(98.4% 0.003 247.858);
        --color-slate-100: oklch(96.8% 0.007 247.896);
        --color-slate-200: oklch(92.9% 0.013 255.508);
        --color-slate-400: oklch(70.4% 0.04 256.788);
        --color-slate-500: oklch(55.4% 0.046 257.417);
        --color-slate-900: oklch(20.8% 0.042 265.755);
        --color-slate-950: oklch(12.9% 0.042 264.695);
        --color-gray-100: oklch(96.7% 0.003 264.542);
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --color-gray-300: oklch(87.2% 0.01 258.338);
        --color-gray-400: oklch(70.7% 0.022 261.325);
        --color-gray-500: oklch(55.1% 0.027 264.364);
        --color-gray-700: oklch(37.3% 0.034 259.733);
        --color-gray-950: oklch(13% 0.028 261.692);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --leading-tight: 1.25;
        --radius-md: 0.375rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --color-main: var(--color-main);
        --color-hover: var(--color-hover);
        --spacing-container: calc(50vw - 600px);
    }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none;
    }

    .collapse {
        visibility: collapse;
    }

    .invisible {
        visibility: hidden;
    }

    .visible {
        visibility: visible;
    }

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

    .absolute {
        position: absolute;
    }

    .absolute\! {
        position: absolute !important;
    }

    .fixed {
        position: fixed;
    }

    .relative {
        position: relative;
    }

    .static {
        position: static;
    }

    .sticky {
        position: sticky;
    }

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

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

    .top-0 {
        top: 0;
    }

    .top-1 {
        top: var(--spacing);
    }

    .top-1\/2 {
        top: calc(1 / 2 * 100%);
    }

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

    .top-5\! {
        top: calc(var(--spacing) * 5) !important;
    }

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

    .right-0 {
        right: 0;
    }

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

    .right-5\! {
        right: calc(var(--spacing) * 5) !important;
    }

    .left-0 {
        left: 0;
    }

    .z-0 {
        z-index: 0;
    }

    .z-30 {
        z-index: 30;
    }

    .col-3 {
        grid-column: 3;
    }

    .col-4 {
        grid-column: 4;
    }

    .col-6 {
        grid-column: 6;
    }

    .col-8 {
        grid-column: 8;
    }

    .col-12 {
        grid-column: 12;
    }

    .col-20 {
        grid-column: 20;
    }

    .row-10 {
        grid-row: 10;
    }

    .row-20 {
        grid-row: 20;
    }

    .float-left {
        float: left;
    }

    .container {
        width: 100%;

        @media (width >=575px) {
            max-width: 575px;
        }

        @media (width >=576px) {
            max-width: 576px;
        }

        @media (width >=767px) {
            max-width: 767px;
        }

        @media (width >=768px) {
            max-width: 768px;
        }

        @media (width >=991px) {
            max-width: 991px;
        }

        @media (width >=992px) {
            max-width: 992px;
        }

        @media (width >=1199px) {
            max-width: 1199px;
        }

        @media (width >=1200px) {
            max-width: 1200px;
        }

        @media (width >=96rem) {
            max-width: 96rem;
        }
    }

    .m-0 {
        margin: 0;
    }

    .m-0\.5 {
        margin: calc(var(--spacing) * 0.5);
    }

    .m-\[0_auto_0_10px\] {
        margin: 0 auto 0 10px;
    }

    .m-auto {
        margin: auto;
    }

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

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

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

    .mx-auto {
        margin-inline: auto;
    }

    .my-0 {
        margin-block: 0;
    }

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

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

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

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

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

    .my-\[5px\] {
        margin-block: 5px;
    }

    .ms-1 {
        margin-inline-start: var(--spacing);
    }

    .ms-2 {
        margin-inline-start: calc(var(--spacing) * 2);
    }

    .ms-3 {
        margin-inline-start: calc(var(--spacing) * 3);
    }

    .ms-5 {
        margin-inline-start: calc(var(--spacing) * 5);
    }

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

    .me-1 {
        margin-inline-end: var(--spacing);
    }

    .me-2 {
        margin-inline-end: calc(var(--spacing) * 2);
    }

    .me-3 {
        margin-inline-end: calc(var(--spacing) * 3);
    }

    .me-4 {
        margin-inline-end: calc(var(--spacing) * 4);
    }

    .me-5 {
        margin-inline-end: calc(var(--spacing) * 5);
    }

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

    .rows {
        --hs-gutter-x: 1.5rem;
        --hs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--hs-gutter-y) * -1);
        margin-right: calc(var(--hs-gutter-x) * -.5);
        margin-left: calc(var(--hs-gutter-x) * -.5);

        &>* {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--hs-gutter-x) * .5);
            padding-left: calc(var(--hs-gutter-x) * .5);
            margin-top: var(--hs-gutter-y);
        }
    }

    .mt-0 {
        margin-top: 0;
    }

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

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

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

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

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

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

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

    .mt-\[10px\] {
        margin-top: 10px;
    }

    .mt-\[20px\] {
        margin-top: 20px;
    }

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

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

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

    .mr-\[3px\] {
        margin-right: 3px;
    }

    .mr-auto {
        margin-right: auto;
    }

    .\!mb-0 {
        margin-bottom: 0 !important;
    }

    .mb-0 {
        margin-bottom: 0;
    }

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

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

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

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

    .mb-4\! {
        margin-bottom: calc(var(--spacing) * 4) !important;
    }

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

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

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

    .mb-7\.5 {
        margin-bottom: calc(var(--spacing) * 7.5);
    }

    .mb-\[15px\] {
        margin-bottom: 15px;
    }

    .mb-\[20px\] {
        margin-bottom: 20px;
    }

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

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

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

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

    .ml-\[3px\] {
        margin-left: 3px;
    }

    .ml-auto {
        margin-left: auto;
    }

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

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

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

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

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

    .\!hidden {
        display: none !important;
    }

    .\!inline-block {
        display: inline-block !important;
    }

    .block {
        display: block;
    }

    .contents {
        display: contents;
    }

    .flex {
        display: flex;
    }

    .flex\! {
        display: flex !important;
    }

    .grid {
        display: grid;
    }

    .hidden {
        display: none;
    }

    .inline {
        display: inline;
    }

    .inline-block {
        display: inline-block;
    }

    .inline-flex {
        display: inline-flex;
    }

    .table {
        display: table;
    }

    .aspect-\[60\/200\] {
        aspect-ratio: 60/200;
    }

    .aspect-\[300\/200\] {
        aspect-ratio: 300/200;
    }

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

    .h-1 {
        height: var(--spacing);
    }

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

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

    .h-5\.25 {
        height: calc(var(--spacing) * 5.25);
    }

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

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

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

    .h-\[18px\] {
        height: 18px;
    }

    .h-auto {
        height: auto;
    }

    .h-px {
        height: 1px;
    }

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

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

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

    .rows-2 {
        &>* {
            flex: 0 0 auto;
            width: calc(100% / 2);
        }
    }

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

    .w-2\/4 {
        width: calc(2 / 4 * 100%);
    }

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

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

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

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

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

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

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

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

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

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

    .w-\[18px\] {
        width: 18px;
    }

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

    .w-\[70px\] {
        width: 70px;
    }

    .w-auto {
        width: auto;
    }

    .w-full {
        width: 100%;
    }

    .w-full\! {
        width: 100% !important;
    }

    .w-px {
        width: 1px;
    }

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

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

    .flex-1 {
        flex: 1;
    }

    .flex-shrink {
        flex-shrink: 1;
    }

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

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

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

    .flex-grow-0 {
        flex-grow: 0;
    }

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

    .grow {
        flex-grow: 1;
    }

    .grow-0 {
        flex-grow: 0;
    }

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

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

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

    .motion-scale-in {
        --motion-origin-scale-x: 50%;
        --motion-origin-scale-y: 50%;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .motion-scale-out {
        --motion-end-scale-x: 50%;
        --motion-end-scale-y: 50%;
        --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .motion-opacity-in {
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .motion-opacity-out {
        --motion-end-opacity: 0;
        --motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .motion-rotate-in {
        --motion-origin-rotate: 12deg;
        --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
    }

    .motion-rotate-out {
        --motion-end-rotate: 12deg;
        --motion-rotate-out-animation: motion-rotate-out calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
        animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
    }

    .cursor-default {
        cursor: default;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .resize {
        resize: both;
    }

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

    .grid-cols-\[auto_minmax\(0\,1fr\)\] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .grid-cols-\[minmax\(0\,1fr\)_auto\] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

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

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

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

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

    .flex-nowrap {
        flex-wrap: nowrap;
    }

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

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

    .items-center {
        align-items: center;
    }

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

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

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

    .justify-center {
        justify-content: center;
    }

    .justify-items-center {
        justify-items: center;
    }

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

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

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

    .gap-2\! {
        gap: calc(var(--spacing) * 2) !important;
    }

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

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

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

    .gap-3\! {
        gap: calc(var(--spacing) * 3) !important;
    }

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

    .gap-4\! {
        gap: calc(var(--spacing) * 4) !important;
    }

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

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

    .gap-5\! {
        gap: calc(var(--spacing) * 5) !important;
    }

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

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

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

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

    .gap-12\.5 {
        gap: calc(var(--spacing) * 12.5);
    }

    .gap-\[0_10px\] {
        gap: 0 10px;
    }

    .gap-\[7px\] {
        gap: 7px;
    }

    .gap-\[10px\] {
        gap: 10px;
    }

    .gap-\[15px\] {
        gap: 15px;
    }

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

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

    .space-y-\[15px\] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(15px * var(--tw-space-y-reverse));
            margin-block-end: calc(15px * calc(1 - var(--tw-space-y-reverse)));
        }
    }

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

    .gap-x-3\.75 {
        column-gap: calc(var(--spacing) * 3.75);
    }

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

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

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

    .overflow-hidden {
        overflow: hidden;
    }

    .overflow-visible {
        overflow: visible;
    }

    .rounded {
        border-radius: 0.25rem;
    }

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

    .rounded-2xl\! {
        border-radius: var(--radius-2xl) !important;
    }

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

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

    .rounded-\[28px\]\! {
        border-radius: 28px !important;
    }

    .rounded-full {
        border-radius: calc(infinity * 1px);
    }

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

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

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

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

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

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

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

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

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

    .border-\[\#bababa\] {
        border-color: #bababa;
    }

    .border-\[\#d7d7d7\] {
        border-color: #d7d7d7;
    }

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

    .border-indigo-600 {
        border-color: var(--color-indigo-600);
    }

    .border-slate-200 {
        border-color: var(--color-slate-200);
    }

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

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

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

    .bg-main {
        background-color: var(--color-main);
    }

    .bg-main\/10 {
        background-color: var(--color-main);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-main) 10%, transparent);
        }
    }

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

    .bg-slate-50\/80 {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
        }
    }

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

    .bg-transparent {
        background-color: transparent;
    }

    .bg-transparent\! {
        background-color: transparent !important;
    }

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

    .bg-\[linear-gradient\(90deg\,var\(--color-main\)\,var\(--color-hover\)\)\] {
        background-image: linear-gradient(90deg, var(--color-main), var(--color-hover));
    }

    .\!p-\[7px_30px\] {
        padding: 7px 30px !important;
    }

    .p-0 {
        padding: 0;
    }

    .p-0\! {
        padding: 0 !important;
    }

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

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

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

    .p-3\! {
        padding: calc(var(--spacing) * 3) !important;
    }

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

    .p-\[10px\] {
        padding: 10px;
    }

    .px-0 {
        padding-inline: 0;
    }

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

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

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

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

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

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

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

    .px-\[5px\] {
        padding-inline: 5px;
    }

    .py-0 {
        padding-block: 0;
    }

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

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

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

    .py-3\! {
        padding-block: calc(var(--spacing) * 3) !important;
    }

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

    .ps-0 {
        padding-inline-start: 0;
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3);
    }

    .pe-0 {
        padding-inline-end: 0;
    }

    .pt-0 {
        padding-top: 0;
    }

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

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

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

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

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

    .pt-5\! {
        padding-top: calc(var(--spacing) * 5) !important;
    }

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

    .pt-6\! {
        padding-top: calc(var(--spacing) * 6) !important;
    }

    .pb-0 {
        padding-bottom: 0;
    }

    .pb-0\! {
        padding-bottom: 0 !important;
    }

    .pb-1 {
        padding-bottom: var(--spacing);
    }

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

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

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

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

    .pb-6\! {
        padding-bottom: calc(var(--spacing) * 6) !important;
    }

    .pb-\[5px\] {
        padding-bottom: 5px;
    }

    .\!pl-0 {
        padding-left: 0 !important;
    }

    .text-center {
        text-align: center;
    }

    .text-left {
        text-align: left;
    }

    .text-right {
        text-align: right;
    }

    .align-middle {
        vertical-align: middle;
    }

    .align-top {
        vertical-align: top;
    }

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

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

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

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

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

    .\!text-\[15px\] {
        font-size: 15px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

    .text-nowrap {
        text-wrap: nowrap;
    }

    .text-wrap {
        text-wrap: wrap;
    }

    .\!text-inherit {
        color: inherit !important;
    }

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

    .text-\[\#288ad6\] {
        color: #288ad6;
    }

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

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

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

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

    .text-gray-950 {
        color: var(--color-gray-950);
    }

    .text-gray-950\/60 {
        color: color-mix(in srgb, oklch(13% 0.028 261.692) 60%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-gray-950) 60%, transparent);
        }
    }

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

    .text-main {
        color: var(--color-main);
    }

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

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

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

    .text-slate-500 {
        color: var(--color-slate-500);
    }

    .text-slate-900 {
        color: var(--color-slate-900);
    }

    .text-slate-950 {
        color: var(--color-slate-950);
    }

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

    .lowercase {
        text-transform: lowercase;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .uppercase\! {
        text-transform: uppercase !important;
    }

    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
    }

    .underline {
        text-decoration-line: underline;
    }

    .opacity-70 {
        opacity: 70%;
    }

    .shadow-\[0_16px_36px_rgba\(15\,23\,42\,0\.18\)\] {
        --tw-shadow: 0 16px 36px var(--tw-shadow-color, rgba(15, 23, 42, 0.18));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_24px_80px_rgba\(15\,23\,42\,0\.22\)\]\! {
        --tw-shadow: 0 24px 80px var(--tw-shadow-color, rgba(15, 23, 42, 0.22)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-none\! {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring-gray-300 {
        --tw-ring-color: var(--color-gray-300);
    }

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

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

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

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

    .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

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

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

    .duration-150 {
        --tw-duration: 150ms;
        transition-duration: 150ms;
    }

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

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

    .g-0 {
        --hs-gutter-x: calc(var(--spacing) * 0);
        --hs-gutter-y: calc(var(--spacing) * 0);
    }

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

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

    .gx-2 {
        --hs-gutter-x: calc(var(--spacing) * 2);
    }

    .gx-2\! {
        --hs-gutter-x: calc(var(--spacing) * 2) !important;
    }

    .gy-5 {
        --hs-gutter-y: calc(var(--spacing) * 5);
    }

    .\*\:\!mb-0 {
        :is(& > *) {
            margin-bottom: 0 !important;
        }
    }

    .not-first\:border-t-\[1px\] {
        &:not(*:first-child) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .not-first\:border-\[\#e4e8ed\] {
        &:not(*:first-child) {
            border-color: #e4e8ed;
        }
    }

    .not-first\:pt-\[10px\] {
        &:not(*:first-child) {
            padding-top: 10px;
        }
    }

    .not-first\:pt-\[15px\] {
        &:not(*:first-child) {
            padding-top: 15px;
        }
    }

    .group-hover\:fill-main {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                fill: var(--color-main);
            }
        }
    }

    .group-hover\:stroke-main {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: var(--color-main);
            }
        }
    }

    .placeholder\:text-slate-400 {
        &::placeholder {
            color: var(--color-slate-400);
        }
    }

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

    .last\:\!mb-0 {
        &:last-child {
            margin-bottom: 0 !important;
        }
    }

    .focus-within\:border-main {
        &:focus-within {
            border-color: var(--color-main);
        }
    }

    .focus-within\:bg-white {
        &:focus-within {
            background-color: var(--color-white);
        }
    }

    .focus-within\:ring-4 {
        &:focus-within {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus-within\:ring-main\/10 {
        &:focus-within {
            --tw-ring-color: var(--color-main);

            @supports (color: color-mix(in lab, red, red)) {
                --tw-ring-color: color-mix(in oklab, var(--color-main) 10%, transparent);
            }
        }
    }

    .hover\:-translate-y-0\.5 {
        &:hover {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * -0.5);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .hover\:bg-hover {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-hover);
            }
        }
    }

    .hover\:bg-slate-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-slate-200);
            }
        }
    }

    .hover\:text-gray-400 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-400);
            }
        }
    }

    .hover\:text-gray-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-500);
            }
        }
    }

    .hover\:opacity-100 {
        &:hover {
            @media (hover: hover) {
                opacity: 100%;
            }
        }
    }

    .focus\:z-10 {
        &:focus {
            z-index: 10;
        }
    }

    .focus\:border-blue-300 {
        &:focus {
            border-color: var(--color-blue-300);
        }
    }

    .focus\:shadow-none\! {
        &:focus {
            --tw-shadow: 0 0 #0000 !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
        }
    }

    .focus\:ring {
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus\:ring-2 {
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus\:ring-4 {
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus\:ring-main\/25 {
        &:focus {
            --tw-ring-color: var(--color-main);

            @supports (color: color-mix(in lab, red, red)) {
                --tw-ring-color: color-mix(in oklab, var(--color-main) 25%, transparent);
            }
        }
    }

    .focus\:ring-main\/30 {
        &:focus {
            --tw-ring-color: var(--color-main);

            @supports (color: color-mix(in lab, red, red)) {
                --tw-ring-color: color-mix(in oklab, var(--color-main) 30%, transparent);
            }
        }
    }

    .focus\:outline-none {
        &:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .active\:bg-gray-100 {
        &:active {
            background-color: var(--color-gray-100);
        }
    }

    .active\:text-gray-500 {
        &:active {
            color: var(--color-gray-500);
        }
    }

    .active\:text-gray-700 {
        &:active {
            color: var(--color-gray-700);
        }
    }

    .max-xl\:hidden {
        @media (width < 1200px) {
            display: none;
        }
    }

    .max-lg\:hidden {
        @media (width < 992px) {
            display: none;
        }
    }

    .max-lg\:order-first {
        @media (width < 992px) {
            order: -9999;
        }
    }

    .max-lg\:row-start-2 {
        @media (width < 992px) {
            grid-row-start: 2;
        }
    }

    .max-lg\:flex-col {
        @media (width < 992px) {
            flex-direction: column;
        }
    }

    .sm\:flex {
        @media (width >=576px) {
            display: flex;
        }
    }

    .sm\:hidden {
        @media (width >=576px) {
            display: none;
        }
    }

    .sm\:flex-1 {
        @media (width >=576px) {
            flex: 1;
        }
    }

    .sm\:grid-cols-3 {
        @media (width >=576px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .sm\:items-center {
        @media (width >=576px) {
            align-items: center;
        }
    }

    .sm\:justify-between {
        @media (width >=576px) {
            justify-content: space-between;
        }
    }

    .sm\:px-8\! {
        @media (width >=576px) {
            padding-inline: calc(var(--spacing) * 8) !important;
        }
    }

    .sm\:pt-8\! {
        @media (width >=576px) {
            padding-top: calc(var(--spacing) * 8) !important;
        }
    }

    .sm\:pb-8\! {
        @media (width >=576px) {
            padding-bottom: calc(var(--spacing) * 8) !important;
        }
    }

    .sm\:text-3xl {
        @media (width >=576px) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
    }

    .md\:\!mb-0 {
        @media (width >=768px) {
            margin-bottom: 0 !important;
        }
    }

    .md\:rows-3 {
        @media (width >=768px) {
            &>* {
                flex: 0 0 auto;
                width: calc(100% / 3);
            }
        }
    }

    .md\:grid-cols-2 {
        @media (width >=768px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-3 {
        @media (width >=768px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-4 {
        @media (width >=768px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >=768px) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .md\:gap-3\! {
        @media (width >=768px) {
            gap: calc(var(--spacing) * 3) !important;
        }
    }

    .md\:gap-\[20px\] {
        @media (width >=768px) {
            gap: 20px;
        }
    }

    .lg\:col-span-2 {
        @media (width >=992px) {
            grid-column: span 2 / span 2;
        }
    }

    .lg\:mt-10 {
        @media (width >=992px) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .lg\:-ml-container {
        @media (width >=992px) {
            margin-left: -69%;
        }
    }

    .lg\:ml-17\.5 {
        @media (width >=992px) {
            margin-left: calc(var(--spacing) * 17.5);
        }
    }

    .lg\:ml-27\.5 {
        @media (width >=992px) {
            margin-left: calc(var(--spacing) * 27.5);
        }
    }

    .lg\:ml-32\.5 {
        @media (width >=992px) {
            margin-left: calc(var(--spacing) * 32.5);
        }
    }

    .lg\:line-clamp-6 {
        @media (width >=992px) {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
        }
    }

    .lg\:\!hidden {
        @media (width >=992px) {
            display: none !important;
        }
    }

    .lg\:\!inline-block {
        @media (width >=992px) {
            display: inline-block !important;
        }
    }

    .lg\:block {
        @media (width >=992px) {
            display: block;
        }
    }

    .lg\:flex {
        @media (width >=992px) {
            display: flex;
        }
    }

    .lg\:hidden {
        @media (width >=992px) {
            display: none;
        }
    }

    .lg\:rows-2 {
        @media (width >=992px) {
            &>* {
                flex: 0 0 auto;
                width: calc(100% / 2);
            }
        }
    }

    .lg\:rows-3 {
        @media (width >=992px) {
            &>* {
                flex: 0 0 auto;
                width: calc(100% / 3);
            }
        }
    }

    .lg\:rows-4 {
        @media (width >=992px) {
            &>* {
                flex: 0 0 auto;
                width: calc(100% / 4);
            }
        }
    }

    .lg\:rows-5 {
        @media (width >=992px) {
            &>* {
                flex: 0 0 auto;
                width: calc(100% / 5);
            }
        }
    }

    .lg\:rows-6 {
        @media (width >=992px) {
            &>* {
                flex: 0 0 auto;
                width: calc(100% / 6);
            }
        }
    }

    .lg\:rows-7 {
        @media (width >=992px) {
            &>* {
                flex: 0 0 auto;
                width: calc(100% / 7);
            }
        }
    }

    .lg\:w-\[66\.67\%\] {
        @media (width >=992px) {
            width: 66.67%;
        }
    }

    .lg\:translate-x-17 {
        @media (width >=992px) {
            --tw-translate-x: calc(var(--spacing) * 17);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-x-30 {
        @media (width >=992px) {
            --tw-translate-x: calc(var(--spacing) * 30);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:grid-cols-2 {
        @media (width >=992px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-3 {
        @media (width >=992px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-4 {
        @media (width >=992px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-5 {
        @media (width >=992px) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[25\%_1fr\] {
        @media (width >=992px) {
            grid-template-columns: 25% 1fr;
        }
    }

    .lg\:grid-cols-\[33\.6\%_minmax\(0\,1fr\)\] {
        @media (width >=992px) {
            grid-template-columns: 33.6% minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[41\.67\%_minmax\(0\,1fr\)\] {
        @media (width >=992px) {
            grid-template-columns: 41.67% minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >=992px) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_42\.5\%\] {
        @media (width >=992px) {
            grid-template-columns: minmax(0, 1fr) 42.5%;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_50\%\] {
        @media (width >=992px) {
            grid-template-columns: minmax(0, 1fr) 50%;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_55\%\] {
        @media (width >=992px) {
            grid-template-columns: minmax(0, 1fr) 55%;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_71\.6\%\] {
        @media (width >=992px) {
            grid-template-columns: minmax(0, 1fr) 71.6%;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_79\%\] {
        @media (width >=992px) {
            grid-template-columns: minmax(0, 1fr) 79%;
        }
    }

    .lg\:flex-col {
        @media (width >=992px) {
            flex-direction: column;
        }
    }

    .lg\:flex-row-reverse {
        @media (width >=992px) {
            flex-direction: row-reverse;
        }
    }

    .lg\:gap-2\.5\! {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 2.5) !important;
        }
    }

    .lg\:gap-4 {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .lg\:gap-5 {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .lg\:gap-5\! {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 5) !important;
        }
    }

    .lg\:gap-6\! {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 6) !important;
        }
    }

    .lg\:gap-9\! {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 9) !important;
        }
    }

    .lg\:gap-9\.5\! {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 9.5) !important;
        }
    }

    .lg\:gap-10 {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 10);
        }
    }

    .lg\:gap-10\! {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 10) !important;
        }
    }

    .lg\:gap-30 {
        @media (width >=992px) {
            gap: calc(var(--spacing) * 30);
        }
    }

    .lg\:gap-\[20px\] {
        @media (width >=992px) {
            gap: 20px;
        }
    }

    .lg\:gx-4\! {
        @media (width >=992px) {
            --hs-gutter-x: calc(var(--spacing) * 4) !important;
        }
    }

    .lg\:gx-5\! {
        @media (width >=992px) {
            --hs-gutter-x: calc(var(--spacing) * 5) !important;
        }
    }

    .lg\:gx-6\! {
        @media (width >=992px) {
            --hs-gutter-x: calc(var(--spacing) * 6) !important;
        }
    }

    .lg\:gx-7\! {
        @media (width >=992px) {
            --hs-gutter-x: calc(var(--spacing) * 7) !important;
        }
    }

    .lg\:gx-7\.5\! {
        @media (width >=992px) {
            --hs-gutter-x: calc(var(--spacing) * 7.5) !important;
        }
    }

    .xl\:-right-9 {
        @media (width >=1200px) {
            right: calc(var(--spacing) * -9);
        }
    }

    .xl\:right-80 {
        @media (width >=1200px) {
            right: calc(var(--spacing) * 80);
        }
    }

    .xl\:-left-9 {
        @media (width >=1200px) {
            left: calc(var(--spacing) * -9);
        }
    }

    .xl\:left-80 {
        @media (width >=1200px) {
            left: calc(var(--spacing) * 80);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_57\%\] {
        @media (width >=1200px) {
            grid-template-columns: minmax(0, 1fr) 57%;
        }
    }

    .dark\:text-\[\#b6bee3\] {
        @media (prefers-color-scheme: dark) {
            color: #b6bee3;
        }
    }

    .\[\&\.swiper-button-disabled\]\:hidden {
        &.swiper-button-disabled {
            display: none;
        }
    }

    .\[\&\.swiper-button-disabled\]\:opacity-10 {
        &.swiper-button-disabled {
            opacity: 10%;
        }
    }
}

@layer base {
    @property --motion-bounce {
        syntax: "*";
        inherits: false;
        initial-value: linear(0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 13.6%, 0.25, 0.391, 0.563, 0.765, 1, 0.891 40.9%, 0.848, 0.813, 0.785, 0.766, 0.754, 0.75, 0.754, 0.766, 0.785, 0.813, 0.848, 0.891 68.2%, 1 72.7%, 0.973, 0.953, 0.941, 0.938, 0.941, 0.953, 0.973, 1, 0.988, 0.984, 0.988, 1);
    }

    @property --motion-spring-smooth {
        syntax: "*";
        inherits: false;
        initial-value: linear(0, 0.001 0.44%, 0.0045 0.94%, 0.0195 2.03%, 0.0446 3.19%, 0.0811 4.5%, 0.1598 6.82%, 0.3685 12.34%, 0.4693 15.17%, 0.5663, 0.6498 21.27%, 0.7215 24.39%, 0.7532 25.98%, 0.7829 27.65%, 0.8105, 0.8349 31.14%, 0.8573 32.95%, 0.8776 34.84%, 0.8964 36.87%, 0.9136 39.05%, 0.929 41.37%, 0.9421 43.77%, 0.9537 46.38%, 0.9636 49.14%, 0.9789 55.31%, 0.9888 62.35%, 0.9949 71.06%, 0.9982 82.52%, 0.9997 99.94%);
    }

    @property --motion-spring-snappy {
        syntax: "*";
        inherits: false;
        initial-value: linear(0, 0.0014, 0.0053 1.02%, 0.0126, 0.0227 2.18%, 0.0517 3.41%, 0.094 4.79%, 0.1865 7.26%, 0.4182 12.77%, 0.5246 15.46%, 0.6249, 0.7112, 0.7831 23.95%, 0.8146 25.4%, 0.844, 0.8699 28.45%, 0.8935, 0.9139 31.64%, 0.932, 0.9473, 0.9601 36.65%, 0.9714 38.47%, 0.9808 40.35%, 0.9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%);
    }

    @property --motion-spring-bouncy {
        syntax: "*";
        inherits: false;
        initial-value: linear(0, 0.0018, 0.0069, 0.0151 1.74%, 0.0277 2.4%, 0.062 3.7%, 0.1115 5.15%, 0.2211 7.77%, 0.4778 13.21%, 0.5912 15.75%, 0.6987 18.44%, 0.7862 20.98%, 0.861 23.59%, 0.8926, 0.9205, 0.945 27.51%, 0.9671 28.89%, 0.9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, 0.9981 80.49%, 0.9991 99.94%);
    }

    @property --motion-spring-bouncier {
        syntax: "*";
        inherits: false;
        initial-value: linear(0, 0.0023, 0.0088, 0.0194 1.59%, 0.035 2.17%, 0.078 3.33%, 0.1415 4.64%, 0.2054 5.75%, 0.2821 6.95%, 0.5912 11.45%, 0.7205 13.43%, 0.8393 15.45%, 0.936 17.39%, 0.9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, 0.9911 48.87%, 0.9826 50.9%, 0.9769 53.03%, 0.9735 56.02%, 0.9748 59.45%, 0.9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%);
    }

    @property --motion-spring-bounciest {
        syntax: "*";
        inherits: false;
        initial-value: linear(0, 0.0032, 0.0131, 0.0294, 0.0524, 0.0824, 0.1192 1.54%, 0.2134 2.11%, 0.3102 2.59%, 0.4297 3.13%, 0.8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, 0.9773, 0.9031 16.08%, 0.8449 16.73%, 0.8014, 0.7701 17.95%, 0.7587, 0.7501, 0.7443, 0.7412 19.16%, 0.7421 19.68%, 0.7508 20.21%, 0.7672 20.77%, 0.7917 21.37%, 0.8169 21.87%, 0.8492 22.43%, 0.9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, 0.9941 34.72%, 0.9748 35.43%, 0.9597 36.09%, 0.9487, 0.9407, 0.9355, 0.933 38.46%, 0.9344 39.38%, 0.9421 40.38%, 0.9566 41.5%, 0.9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, 0.992 55.02%, 0.9854 56.38%, 0.9827 57.72%, 0.985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, 0.9981 74.28%, 0.9956 76.85%, 0.9961 79.06%, 1.0023 86.46%, 0.999 95.22%, 0.9994 100%);
    }

    @property --motion-origin-scale-x {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-origin-scale-y {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-origin-translate-x {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-origin-translate-y {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-origin-rotate {
        syntax: "*";
        inherits: false;
        initial-value: 0deg;
    }

    @property --motion-origin-blur {
        syntax: "*";
        inherits: false;
        initial-value: 0px;
    }

    @property --motion-origin-grayscale {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-origin-opacity {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-origin-background-color {
        syntax: "*";
        inherits: false;
    }

    @property --motion-origin-text-color {
        syntax: "*";
        inherits: false;
    }

    @property --motion-end-scale-x {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-end-scale-y {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-end-translate-x {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-end-translate-y {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-end-rotate {
        syntax: "*";
        inherits: false;
        initial-value: 0deg;
    }

    @property --motion-end-blur {
        syntax: "*";
        inherits: false;
        initial-value: 0px;
    }

    @property --motion-end-grayscale {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-end-opacity {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-end-background-color {
        syntax: "*";
        inherits: false;
    }

    @property --motion-end-text-color {
        syntax: "*";
        inherits: false;
    }

    @property --motion-loop-scale-x {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-loop-scale-y {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-loop-translate-x {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-loop-translate-y {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-loop-rotate {
        syntax: "*";
        inherits: false;
        initial-value: 0deg;
    }

    @property --motion-loop-blur {
        syntax: "*";
        inherits: false;
        initial-value: 0px;
    }

    @property --motion-loop-grayscale {
        syntax: "*";
        inherits: false;
        initial-value: 0%;
    }

    @property --motion-loop-opacity {
        syntax: "*";
        inherits: false;
        initial-value: 100%;
    }

    @property --motion-loop-background-color {
        syntax: "*";
        inherits: false;
    }

    @property --motion-loop-text-color {
        syntax: "*";
        inherits: false;
    }

    @property --motion-duration {
        syntax: "*";
        inherits: false;
        initial-value: 700ms;
    }

    @property --motion-timing {
        syntax: "*";
        inherits: false;
        initial-value: cubic-bezier(.165, .84, .44, 1);
    }

    @property --motion-perceptual-duration-multiplier {
        syntax: "*";
        inherits: false;
        initial-value: 1;
    }

    @property --motion-delay {
        syntax: "*";
        inherits: false;
        initial-value: 0ms;
    }

    @property --motion-loop-count {
        syntax: "*";
        inherits: false;
        initial-value: infinite;
    }

    @property --motion-scale-in-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-translate-in-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-rotate-in-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-filter-in-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-opacity-in-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-background-color-in-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-text-color-in-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-scale-out-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-translate-out-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-rotate-out-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-filter-out-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-opacity-out-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-background-color-out-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-text-color-out-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-scale-loop-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-translate-loop-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-rotate-loop-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-filter-loop-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-opacity-loop-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-background-color-loop-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }

    @property --motion-text-color-loop-animation {
        syntax: "*";
        inherits: false;
        initial-value: none;
    }
}

@layer base {
    @media screen and (prefers-reduced-motion: no-preference) {
        @keyframes motion-scale-in {
            0% {
                scale: var(--motion-origin-scale-x) var(--motion-origin-scale-y);
            }

            100% {
                scale: 1 1;
            }
        }

        @keyframes motion-scale-out {
            0% {
                scale: 1 1;
            }

            100% {
                scale: var(--motion-end-scale-x) var(--motion-end-scale-y);
            }
        }

        @keyframes motion-scale-loop-mirror {

            0%,
            100% {
                scale: 1 1;
            }

            50% {
                scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
            }
        }

        @keyframes motion-scale-loop-reset {
            0% {
                scale: 1 1;
            }

            100% {
                scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
            }
        }

        @keyframes motion-translate-in {
            0% {
                translate: var(--motion-origin-translate-x) var(--motion-origin-translate-y);
            }

            100% {
                translate: 0 0;
            }
        }

        @keyframes motion-translate-out {
            0% {
                translate: 0 0;
            }

            100% {
                translate: var(--motion-end-translate-x) var(--motion-end-translate-y);
            }
        }

        @keyframes motion-translate-loop-mirror {

            0%,
            100% {
                translate: 0 0;
            }

            50% {
                translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
            }
        }

        @keyframes motion-translate-loop-reset {
            0% {
                translate: 0 0;
            }

            100% {
                translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
            }
        }

        @keyframes motion-rotate-in {
            0% {
                rotate: var(--motion-origin-rotate);
            }

            100% {
                rotate: 0;
            }
        }

        @keyframes motion-rotate-out {
            0% {
                rotate: 0;
            }

            100% {
                rotate: var(--motion-end-rotate);
            }
        }

        @keyframes motion-rotate-loop-mirror {

            0%,
            100% {
                rotate: 0deg;
            }

            50% {
                rotate: var(--motion-loop-rotate);
            }
        }

        @keyframes motion-rotate-loop-reset {
            100% {
                rotate: var(--motion-loop-rotate);
            }
        }
    }

    @keyframes motion-filter-in {
        0% {
            filter: blur(var(--motion-origin-blur)) grayscale(var(--motion-origin-grayscale));
        }

        100% {
            filter: blur(0) grayscale(0);
        }
    }

    @keyframes motion-filter-out {
        0% {
            filter: blur(0) grayscale(0);
        }

        100% {
            filter: blur(var(--motion-end-blur)) grayscale(var(--motion-end-grayscale));
        }
    }

    @keyframes motion-filter-loop-mirror {

        0%,
        100% {
            filter: blur(0) grayscale(0);
        }

        50% {
            filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
        }
    }

    @keyframes motion-filter-loop-reset {
        0% {
            filter: blur(0) grayscale(0);
        }

        100% {
            filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
        }
    }

    @keyframes motion-opacity-in {
        0% {
            opacity: var(--motion-origin-opacity);
        }
    }

    @keyframes motion-opacity-out {
        100% {
            opacity: var(--motion-end-opacity);
        }
    }

    @keyframes motion-opacity-loop-mirror {
        50% {
            opacity: var(--motion-loop-opacity);
        }
    }

    @keyframes motion-opacity-loop-reset {
        100% {
            opacity: var(--motion-loop-opacity);
        }
    }

    @keyframes motion-background-color-in {
        0% {
            background-color: var(--motion-origin-background-color);
        }
    }

    @keyframes motion-background-color-out {
        100% {
            background-color: var(--motion-end-background-color);
        }
    }

    @keyframes motion-background-color-loop-mirror {
        50% {
            background-color: var(--motion-loop-background-color);
        }
    }

    @keyframes motion-background-color-loop-reset {
        100% {
            background-color: var(--motion-loop-background-color);
        }
    }

    @keyframes motion-text-color-in {
        0% {
            color: var(--motion-origin-text-color);
        }
    }

    @keyframes motion-text-color-out {
        100% {
            color: var(--motion-end-text-color);
        }
    }

    @keyframes motion-text-color-loop-mirror {
        50% {
            color: var(--motion-loop-text-color);
        }
    }

    @keyframes motion-text-color-loop-reset {
        100% {
            color: var(--motion-loop-text-color);
        }
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

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

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

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

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

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

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

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

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

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

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

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

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

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

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

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

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

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

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

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

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

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

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

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

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

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

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

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        *,
        ::before,
        ::after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
        }
    }
}