@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-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --percent-start: 0%;
            --percent-end: 0%
        }
    }
}

@layer theme {

    :root,
    :host {
        --spacing: .0625rem;
        --container-xs: 20rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --blur-xl: 24px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --viewport-min: 1024;
        --viewport-max: 1900;
        --color-white: #fff;
        --color-black: #000;
        --ease-smooth: cubic-bezier(.365, .005, .355, 1);
        --ease-brave-strangers: cubic-bezier(0, .01, 0, 1);
        --font-primary: "Aspekta", Tahoma, Geneva, Verdana, sans-serif;
        --color-primary: #841719;
        --color-secondary: #26292c
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    * {
        box-sizing: border-box
    }

    html,
    [class*=overflow-x-auto],
    [class*=overflow-x-scroll],
    [class*=overflow-y-auto],
    [class*=overflow-y-scroll] {
        scroll-behavior: smooth
    }

    html {
        min-height: var(--spacing)
    }

    body {
        -webkit-font-smoothing: antialiased;
        min-height: 100vh;
        line-height: 1.5
    }

    html,
    body {
        overscroll-behavior: none
    }

    svg {
        display: block;
        overflow: visible
    }

    input,
    button,
    textarea,
    select {
        font: inherit;
        outline: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    img,
    video,
    iframe {
        -webkit-user-select: none;
        user-select: none
    }

    input[type=search]::-ms-clear {
        width: 0;
        height: 0;
        display: none
    }

    input[type=search]::-ms-reveal {
        width: 0;
        height: 0;
        display: none
    }

    input[type=search]::-webkit-search-decoration {
        display: none
    }

    input[type=search]::-webkit-search-cancel-button {
        display: none
    }

    input[type=search]::-webkit-search-results-button {
        display: none
    }

    input[type=search]::-webkit-search-results-decoration {
        display: none
    }

    input[type=date]::-webkit-inner-spin-button {
        appearance: none;
        display: none
    }

    input[type=date]::-webkit-calendar-picker-indicator {
        appearance: none;
        display: none
    }

    input[type=file]::-webkit-file-upload-button {
        cursor: pointer
    }

    input[type=number] {
        appearance: none;
        -moz-appearance: textfield;
        margin: 0
    }

    input[type=number]::-webkit-inner-spin-button {
        appearance: none;
        -moz-appearance: textfield;
        margin: 0
    }

    input[type=number]::-webkit-outer-spin-button {
        appearance: none;
        -moz-appearance: textfield;
        margin: 0
    }

    .google-map * {
        border-style: none
    }

    model-viewer {
        --progress-bar-color: none;
        --progress-bar-height: 0px
    }

    [data-carousel] .swiper-slide {
        max-width: 100%;
        width: calc((100%/var(--slides-per-view, 1)) - ((var(--space-between, 24px)*(var(--slides-per-view, 1) - 1))/var(--slides-per-view, 1))) !important
    }

    [data-carousel] .swiper-slide:not(:last-child) {
        margin-right: var(--space-between, 24px)
    }
}

@layer components {
    .prose {
        --prose-color: var(--color-black)
    }

    .prose:where(.dark, .dark *) {
        --prose-color: var(--color-white)
    }

    @media not all and (min-width:1024px) {
        .prose br {
            display: none
        }
    }

    .prose>*+* {
        --mt-to: 24;
        --mt-from: 16;
        margin-block-start: clamp(calc(var(--mt-from)*var(--spacing)), round(nearest, calc(var(--mt-from)*var(--spacing) + (var(--mt-to) - var(--mt-from))*((100vw - (var(--mt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to)*var(--spacing)))
    }

    .prose h1 {
        --text-to: 64;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 112;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--prose-color);
        --leading-from: 100;
        --text-from: 36
    }

    .prose h2 {
        --text-to: 48;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 115;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--prose-color);
        --leading-from: 105;
        --text-from: 30
    }

    .prose h3 {
        --text-to: 42;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 120;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--prose-color);
        --leading-from: 110;
        --text-from: 28
    }

    .prose h4 {
        --text-to: 32;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 125;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--prose-color);
        --leading-from: 115;
        --text-from: 24
    }

    .prose h5 {
        --text-to: 28;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 130;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--prose-color);
        --leading-from: 120;
        --text-from: 20
    }

    .prose h6 {
        --text-to: 24;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 135;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--prose-color);
        --leading-from: 125;
        --text-from: 18
    }

    .prose blockquote {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
        border-color: var(--prose-color);
        padding-left: calc(var(--spacing)*2);
        --text-to: 20;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 155;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        color: var(--prose-color);
        --leading-from: 135;
        --text-from: 16;
        font-style: italic
    }

    @media (min-width:1280px) {
        .prose blockquote {
            border-left-style: var(--tw-border-style);
            padding-left: calc(var(--spacing)*4);
            border-left-width: 4px
        }
    }

    .prose blockquote>*+* {
        --mt-to: 16;
        --mt-from: 8;
        margin-block-start: clamp(calc(var(--mt-from)*var(--spacing)), round(nearest, calc(var(--mt-from)*var(--spacing) + (var(--mt-to) - var(--mt-from))*((100vw - (var(--mt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to)*var(--spacing)))
    }

    .prose p,
    .prose li {
        --text-to: 20;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 160;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {

        .prose p,
        .prose li {
            color: color-mix(in oklab, var(--color-black)50%, transparent)
        }
    }

    .prose p,
    .prose li {
        --leading-from: 155;
        --text-from: 16
    }

    .prose ol,
    .prose ul {
        list-style-position: inside
    }

    :is(.prose ol, .prose ul) ::marker {
        color: inherit
    }

    :is(.prose ol, .prose ul)::marker {
        color: inherit
    }

    :is(.prose ol, .prose ul) ::-webkit-details-marker {
        color: inherit
    }

    :is(.prose ol, .prose ul)::-webkit-details-marker {
        color: inherit
    }

    :is(.prose ol, .prose ul)>*+* {
        --mt-to: 15;
        --mt-from: 4;
        margin-block-start: clamp(calc(var(--mt-from)*var(--spacing)), round(nearest, calc(var(--mt-from)*var(--spacing) + (var(--mt-to) - var(--mt-from))*((100vw - (var(--mt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to)*var(--spacing)))
    }

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

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

    .prose a {
        --tw-gradient-position: to right
    }

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

    .prose a {
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: var(--prose-color);
        --tw-gradient-to: var(--prose-color);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
        color: var(--prose-color);
        --tw-duration: .2s;
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition-duration: .2s
    }

    @media (hover:hover) {
        .prose a:hover {
            color: var(--color-primary);
            background-size: 100% 1px
        }
    }

    .prose strong,
    .prose b {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .prose em,
    .prose i {
        font-style: italic
    }

    .prose.body-xl p,
    .prose.body-xl li {
        --text-to: 24;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 150;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        color: var(--prose-color);
        --leading-from: 145;
        --text-from: 18
    }

    .prose.body-lg p,
    .prose.body-lg li {
        --text-to: 20;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 155;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        color: var(--prose-color);
        --leading-from: 150;
        --text-from: 16
    }

    .prose.body-md p,
    .prose.body-md li {
        --text-to: 18;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 160;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        color: var(--prose-color);
        --leading-from: 155;
        --text-from: 16
    }

    .prose.body-sm p,
    .prose.body-sm li {
        --text-to: 16;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 160;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        color: var(--prose-color);
        --leading-from: 160;
        --text-from: 14
    }

    .prose.body-xs p,
    .prose.body-xs li {
        --text-to: 14;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)));
        --leading-to: 160;
        line-height: clamp(calc(var(--leading-from)*1%), round(nearest, calc(var(--leading-from)*var(--spacing) + (var(--leading-to) - var(--leading-from))*((100vw - (var(--leading-min-vw, var(--viewport-min))*var(--spacing)))/(var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to)*1%));
        color: var(--prose-color);
        --leading-from: 160;
        --text-from: 12
    }

    .prose.muted p,
    .prose.muted li {
        color: var(--prose-color)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .prose.muted p,
        .prose.muted li {
            color: color-mix(in oklab, var(--prose-color)65%, transparent)
        }
    }
}

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

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

    .visible {
        visibility: visible
    }

    .absolute-full {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .fixed-full {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0
    }

    .absolute-center {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .static\! {
        position: static !important
    }

    .sticky {
        position: sticky
    }

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

    .right-to-32 {
        --right-to: 32;
        inset-inline-end: clamp(calc(var(--right-from)*var(--spacing)), round(nearest, calc(var(--right-from)*var(--spacing) + (var(--right-to) - var(--right-from))*((100vw - (var(--right-min-vw, var(--viewport-min))*var(--spacing)))/(var(--right-max-vw, var(--viewport-max)) - var(--right-min-vw, var(--viewport-min))))), 1px), calc(var(--right-to)*var(--spacing)))
    }

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

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

    .top-\[-100vh\] {
        top: -100vh
    }

    .top-full {
        top: 100%
    }

    .-transform-y-1\/2 {
        transform: translateY(-50%)
    }

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

    .right-\[-22px\] {
        right: calc(var(--spacing)*(-22))
    }

    .right-\[-28px\] {
        right: calc(var(--spacing)*(-28))
    }

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

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

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

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

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

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

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

    .left-\[-22px\] {
        left: calc(var(--spacing)*(-22))
    }

    .left-\[-28px\] {
        left: calc(var(--spacing)*(-28))
    }

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

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

    .left-\[-100vw\] {
        left: -100vw
    }

    .isolate {
        isolation: isolate
    }

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

    .z-2 {
        z-index: 2
    }

    .z-3 {
        z-index: 3
    }

    .z-5 {
        z-index: 5
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-50 {
        z-index: 50
    }

    .z-100 {
        z-index: 100
    }

    .z-101 {
        z-index: 101
    }

    .z-200 {
        z-index: 200
    }

    .z-320 {
        z-index: 320
    }

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

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

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

    .container {
        width: 100%
    }

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

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

    @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:1440px) {
        .container {
            max-width: 1440px
        }
    }

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

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

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

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

    .m-auto {
        margin: auto
    }

    .container {
        max-width: 1650px;
        margin-inline: auto;
        padding-inline: 30px
    }

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

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

    .mx-auto {
        margin-inline: auto
    }

    .my-to-60 {
        --my-to: 60;
        margin-block: clamp(calc(var(--my-from)*var(--spacing)), round(nearest, calc(var(--my-from)*var(--spacing) + (var(--my-to) - var(--my-from))*((100vw - (var(--my-min-vw, var(--viewport-min))*var(--spacing)))/(var(--my-max-vw, var(--viewport-max)) - var(--my-min-vw, var(--viewport-min))))), 1px), calc(var(--my-to)*var(--spacing)))
    }

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

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

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

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

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

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

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

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

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

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

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


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

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

    .full-contain {
        object-fit: contain;
        object-position: center;
        width: 100%;
        height: 100%;
        display: block
    }

    .full-cover {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
        display: block
    }

    .flex-between {
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .flex-center {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .flex-center\! {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important
    }

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

    @supports selector(::-webkit-scrollbar) {
        .scrollbar-none::-webkit-scrollbar {
            display: none
        }
    }

    @supports not selector(::-webkit-scrollbar) {
        .scrollbar-none {
            scrollbar-width: none
        }
    }

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

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

    .aspect-8\/6 {
        aspect-ratio: 8/6
    }

    .aspect-15\/20 {
        aspect-ratio: 15/20
    }

    .aspect-\[82\/35\] {
        aspect-ratio: 82/35
    }

    .aspect-square {
        aspect-ratio: 1
    }

    @supports selector(::-webkit-scrollbar) {
        .scrollbar-auto::-webkit-scrollbar {
            width: auto;
            height: auto
        }
    }

    @supports not selector(::-webkit-scrollbar) {
        .scrollbar-auto {
            scrollbar-width: auto
        }
    }

    @supports selector(::-webkit-scrollbar) {
        .scrollbar-thin::-webkit-scrollbar {
            width: 8px;
            height: 8px
        }
    }

    @supports not selector(::-webkit-scrollbar) {
        .scrollbar-thin {
            scrollbar-width: thin
        }
    }

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

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

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

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

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

    .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-40 {
        width: calc(var(--spacing)*40);
        height: calc(var(--spacing)*40)
    }

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

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

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

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

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

    .size-\[calc\(100\%\+22px\)\]\! {
        width: calc(100% + 22px) !important;
        height: calc(100% + 22px) !important
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .size-to-14 {
        --size-to: 14;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-16 {
        --size-to: 16;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-18 {
        --size-to: 18;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-23 {
        --size-to: 23;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-24 {
        --size-to: 24;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-32 {
        --size-to: 32;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-35 {
        --size-to: 35;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-48 {
        --size-to: 48;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-50 {
        --size-to: 50;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-60 {
        --size-to: 60;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-120 {
        --size-to: 120;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .size-to-400 {
        --size-to: 400;
        width: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)));
        height: clamp(calc(var(--size-from)*var(--spacing)), round(nearest, calc(var(--size-from)*var(--spacing) + (var(--size-to) - var(--size-from))*((100vw - (var(--size-min-vw, var(--viewport-min))*var(--spacing)))/(var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to)*var(--spacing)))
    }

    .h-to-50 {
        --h-to: 50;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-60 {
        --h-to: 60;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-68 {
        --h-to: 68;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-224 {
        --h-to: 224;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-360 {
        --h-to: 360;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-420 {
        --h-to: 420;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-450 {
        --h-to: 450;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-475 {
        --h-to: 475;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-500 {
        --h-to: 500;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-550 {
        --h-to: 550;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-600 {
        --h-to: 600;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-700 {
        --h-to: 700;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-750 {
        --h-to: 750;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-to-800 {
        --h-to: 800;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .h-\(--range1\) {
        height: var(--range1)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100\%-15px\)\] {
        height: calc(100% - 15px)
    }
    
    .h-\[calc\(100vh-40px\)\] {
        height: calc(100vh - 40px);
    }
    
    .h-auto {
        height: auto
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

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

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

    .max-h-\[calc\(var\(--range1\)\*2\)\] {
        max-height: calc(var(--range1)*2)
    }

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

    .min-h-\(--range1\) {
        min-height: var(--range1)
    }

    .w-to-90 {
        --w-to: 90;
        width: clamp(calc(var(--w-from)*var(--spacing)), round(nearest, calc(var(--w-from)*var(--spacing) + (var(--w-to) - var(--w-from))*((100vw - (var(--w-min-vw, var(--viewport-min))*var(--spacing)))/(var(--w-max-vw, var(--viewport-max)) - var(--w-min-vw, var(--viewport-min))))), 1px), calc(var(--w-to)*var(--spacing)))
    }

    .w-\(--range1\) {
        width: var(--range1)
    }

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

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

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

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

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

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

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

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

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .line-clamp {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden
    }

    .max-w-to-1920 {
        --max-w-to: 1920;
        max-width: clamp(calc(var(--max-w-from)*var(--spacing)), round(nearest, calc(var(--max-w-from)*var(--spacing) + (var(--max-w-to) - var(--max-w-from))*((100vw - (var(--max-w-min-vw, var(--viewport-min))*var(--spacing)))/(var(--max-w-max-vw, var(--viewport-max)) - var(--max-w-min-vw, var(--viewport-min))))), 1px), calc(var(--max-w-to)*var(--spacing)))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

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

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

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

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

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

    .-translate-y-\[5\%\] {
        --tw-translate-y: -5%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

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

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

    .translate-y-\[-15\%\] {
        --tw-translate-y: -15%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[125\%\] {
        --tw-translate-y: 125%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .scale-\[1\.3\] {
        scale: 1.3
    }

    .-rotate-45 {
        rotate: -45deg
    }

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

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

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

    .animate-\[textRotation_24s_linear_infinite\] {
        animation: 24s linear infinite textRotation
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .appearance-none {
        appearance: none
    }

    .appearance-none\! {
        appearance: none !important
    }

    .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-\[1\.1fr_1fr\] {
        grid-template-columns: 1.1fr 1fr
    }

    .grid-cols-\[1\.2fr_1fr\] {
        grid-template-columns: 1.2fr 1fr
    }

    .grid-cols-\[1fr_1\.1fr\] {
        grid-template-columns: 1fr 1.1fr
    }

    .grid-cols-\[1fr_1\.5fr\] {
        grid-template-columns: 1fr 1.5fr
    }

    .grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr
    }

    .grid-cols-\[1fr_3fr\] {
        grid-template-columns: 1fr 3fr
    }

    .grid-cols-\[minmax\(0\,1\.8fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr)
    }

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

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

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

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

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

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

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr
    }

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

    .grid-rows-\[4fr_1fr\] {
        grid-template-rows: 4fr 1fr
    }

    .flex-col {
        flex-direction: column
    }

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

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

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

    .gap-to-15 {
        --gap-to: 15;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-16 {
        --gap-to: 16;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-17 {
        --gap-to: 17;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-18 {
        --gap-to: 18;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-20 {
        --gap-to: 20;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-22 {
        --gap-to: 22;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-24 {
        --gap-to: 24;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-25 {
        --gap-to: 25;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-30 {
        --gap-to: 30;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-32 {
        --gap-to: 32;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-35 {
        --gap-to: 35;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-36 {
        --gap-to: 36;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-40 {
        --gap-to: 40;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-43 {
        --gap-to: 43;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-45 {
        --gap-to: 45;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-50 {
        --gap-to: 50;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-60 {
        --gap-to: 60;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-65 {
        --gap-to: 65;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-70 {
        --gap-to: 70;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-80 {
        --gap-to: 80;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-100 {
        --gap-to: 100;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-120 {
        --gap-to: 120;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

    .gap-to-300 {
        --gap-to: 300;
        --gap: clamp(calc(var(--gap-from)*var(--spacing)), round(nearest, calc(var(--gap-from)*var(--spacing) + (var(--gap-to) - var(--gap-from))*((100vw - (var(--gap-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to)*var(--spacing)));
        gap: var(--gap)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-x-to-16 {
        --gap-x-to: 16;
        --gap-x: clamp(calc(var(--gap-x-from)*var(--spacing)), round(nearest, calc(var(--gap-x-from)*var(--spacing) + (var(--gap-x-to) - var(--gap-x-from))*((100vw - (var(--gap-x-min-vw, var(--viewport-min))*var(--spacing)))/(var(--gap-x-max-vw, var(--viewport-max)) - var(--gap-x-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-x-to)*var(--spacing)));
        column-gap: var(--gap-x)
    }

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

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

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

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

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

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

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

    .rounded-to-20 {
        --rounded-to: 20;
        border-radius: clamp(calc(var(--rounded-from)*var(--spacing)), round(nearest, calc(var(--rounded-from)*var(--spacing) + (var(--rounded-to) - var(--rounded-from))*((100vw - (var(--rounded-min-vw, var(--viewport-min))*var(--spacing)))/(var(--rounded-max-vw, var(--viewport-max)) - var(--rounded-min-vw, var(--viewport-min))))), 1px), calc(var(--rounded-to)*var(--spacing)))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-none {
        border-radius: 0
    }

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

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

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

    .rounded-l-\[30px\] {
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px
    }

    .rounded-tl-none {
        border-top-left-radius: 0
    }

    .rounded-r-\[30px\] {
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .rounded-b-\[60px\] {
        border-bottom-right-radius: 60px;
        border-bottom-left-radius: 60px
    }

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

    .rounded-br-none\! {
        border-bottom-right-radius: 0 !important
    }

    .rounded-bl-none {
        border-bottom-left-radius: 0
    }

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

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

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

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

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

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

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

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

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

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

    .border-\[\#1C1C1E\]\/20 {
        border-color: #1c1c1e33
    }

    .border-\[\#D1D1D1\] {
        border-color: #d1d1d1
    }

    .border-\[\#dadada\] {
        border-color: #dadada
    }

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

    .border-black\/10 {
        border-color: #0000001a
    }

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

    .border-black\/15 {
        border-color: #00000026
    }

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

    .border-black\/15\! {
        border-color: #00000026 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/15\! {
            border-color: color-mix(in oklab, var(--color-black)15%, transparent) !important
        }
    }

    .border-black\/20 {
        border-color: #0003
    }

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

    .border-black\/30 {
        border-color: #0000004d
    }

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

    .border-black\/40 {
        border-color: #0006
    }

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

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

    .border-primary\/0 {
        border-color: #0000
    }

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

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

    .border-secondary\/15 {
        border-color: #26292c26
    }

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

    .border-secondary\/20 {
        border-color: #26292c33
    }

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

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

    .border-white\/0 {
        border-color: #0000
    }

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

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

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

    .border-white\/12 {
        border-color: #ffffff1f
    }

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

    .border-white\/15 {
        border-color: #ffffff26
    }

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

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

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

    .border-white\/30 {
        border-color: #ffffff4d
    }

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

    .border-white\/65 {
        border-color: #ffffffa6
    }

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

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

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

    .bg-\[\#B8924A\]\/50 {
        background-color: #b8924a80
    }

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

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

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

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

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

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

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

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

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

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

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

    .bg-\[hsl\(from_var\(--theme-color\)_h_s_45\%\)\] {
        background-color: hsl(from var(--theme-color)h s 45%)
    }

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

    .bg-black\/0 {
        background-color: #0000
    }

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

    .bg-black\/10 {
        background-color: #0000001a
    }

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

    .bg-black\/15 {
        background-color: #00000026
    }

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

    .bg-black\/25 {
        background-color: #00000040
    }

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

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

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

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

    .bg-primary\/20 {
        background-color: #84171933
    }

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

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

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

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

    .bg-secondary\/15 {
        background-color: #26292c26
    }

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

    .bg-secondary\/20 {
        background-color: #26292c33
    }

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

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

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

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

    .bg-main2 {
        background-color: #1a8cc4
    }

    .bg-main {
        background-color: #841719
    }

    .bg-main\/50 {
        background-color: rgba(132, 23, 25, 0.5)
    }

    .bg-main\/75 {
        background-color: rgba(132, 23, 25, 0.75)
    }

    .bg-main\/85 {
        background-color: rgba(132, 23, 25, 0.85)
    }

    .bg-main\/90 {
        background-color: rgba(132, 23, 25, 0.90)
    }

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

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

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

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

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

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

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

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

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

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

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

    .bg-linear-to-t {
        --tw-gradient-position: to top
    }

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

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

    .bg-\[linear-gradient\(90deg\,\#111_0\%\,\#111_100\%\)\] {
        background-image: linear-gradient(90deg, #111 0% 100%)
    }

    .from-\[\#B8924A\] {
        --tw-gradient-from: #b8924a;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .via-\[\#E8C980\] {
        --tw-gradient-via: #e8c980;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

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

    .to-\[\#21A0F4\] {
        --tw-gradient-to: #21a0f4;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[\#111\] {
        --tw-gradient-to: #111;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-\[\#B8924A\] {
        --tw-gradient-to: #b8924a;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .edge-mask-x {
        --percent-start: 100%;
        --percent-end: 100%;
        -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-start)), black, black, rgba(0, 0, 0, var(--percent-end)));
        mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-start)), #000, #000, rgba(0, 0, 0, var(--percent-end)));
        transition: --percent-start .1s, --percent-end .1s
    }

    .edge-mask-x.scroll-at-left {
        --percent-end: 0%
    }

    .edge-mask-x.scroll-at-right {
        --percent-start: 0%
    }

    .edge-mask-x.scroll-at-center {
        --percent-start: 0%;
        --percent-end: 0%
    }

    .edge-mask-y {
        --percent-start: 100%;
        --percent-end: 100%;
        -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), black, black, rgba(0, 0, 0, var(--percent-end)));
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), #000, #000, rgba(0, 0, 0, var(--percent-end)));
        transition: --percent-start .1s, --percent-end .1s
    }

    .edge-mask-y.scroll-at-top {
        --percent-end: 0%
    }

    .edge-mask-y.scroll-at-bottom {
        --percent-start: 0%
    }

    .edge-mask-y.scroll-at-center {
        --percent-start: 0%;
        --percent-end: 0%
    }

    .bg-size-\[0\%_100\%\] {
        background-size: 0% 100%
    }

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

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

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

    .fill-black\/50 {
        fill: #00000080
    }

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

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

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-bottom-left {
        object-position: left bottom
    }

    .object-center {
        object-position: center
    }

    .object-left {
        object-position: left
    }

    .object-top-right {
        object-position: right top
    }

    .p-to-15 {
        --p-to: 15;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-20 {
        --p-to: 20;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-23 {
        --p-to: 23;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-24 {
        --p-to: 24;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-30 {
        --p-to: 30;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-32 {
        --p-to: 32;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-40 {
        --p-to: 40;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-45 {
        --p-to: 45;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-60 {
        --p-to: 60;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-to-80 {
        --p-to: 80;
        padding: clamp(calc(var(--p-from)*var(--spacing)), round(nearest, calc(var(--p-from)*var(--spacing) + (var(--p-to) - var(--p-from))*((100vw - (var(--p-min-vw, var(--viewport-min))*var(--spacing)))/(var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to)*var(--spacing)))
    }

    .p-\(--side-space\) {
        padding: var(--side-space)
    }

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

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

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

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

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

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

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

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

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

    .p-\[7px_7px\] {
        padding: 7px
    }

    .p-\[15px_30px\] {
        padding: 15px 30px
    }

    .px-to-15 {
        --px-to: 15;
        padding-inline: clamp(calc(var(--px)*var(--spacing)), round(nearest, calc(var(--px)*var(--spacing) + (var(--px-to) - var(--px))*((100vw - (var(--px-min-vw, var(--viewport-min))*var(--spacing)))/(var(--px-max-vw, var(--viewport-max)) - var(--px-min-vw, var(--viewport-min))))), 1px), calc(var(--px-to)*var(--spacing)))
    }

    .px-to-24 {
        --px-to: 24;
        padding-inline: clamp(calc(var(--px)*var(--spacing)), round(nearest, calc(var(--px)*var(--spacing) + (var(--px-to) - var(--px))*((100vw - (var(--px-min-vw, var(--viewport-min))*var(--spacing)))/(var(--px-max-vw, var(--viewport-max)) - var(--px-min-vw, var(--viewport-min))))), 1px), calc(var(--px-to)*var(--spacing)))
    }

    .px-to-30 {
        --px-to: 30;
        padding-inline: clamp(calc(var(--px)*var(--spacing)), round(nearest, calc(var(--px)*var(--spacing) + (var(--px-to) - var(--px))*((100vw - (var(--px-min-vw, var(--viewport-min))*var(--spacing)))/(var(--px-max-vw, var(--viewport-max)) - var(--px-min-vw, var(--viewport-min))))), 1px), calc(var(--px-to)*var(--spacing)))
    }

    .px-to-32 {
        --px-to: 32;
        padding-inline: clamp(calc(var(--px)*var(--spacing)), round(nearest, calc(var(--px)*var(--spacing) + (var(--px-to) - var(--px))*((100vw - (var(--px-min-vw, var(--viewport-min))*var(--spacing)))/(var(--px-max-vw, var(--viewport-max)) - var(--px-min-vw, var(--viewport-min))))), 1px), calc(var(--px-to)*var(--spacing)))
    }

    .px-to-60 {
        --px-to: 60;
        padding-inline: clamp(calc(var(--px)*var(--spacing)), round(nearest, calc(var(--px)*var(--spacing) + (var(--px-to) - var(--px))*((100vw - (var(--px-min-vw, var(--viewport-min))*var(--spacing)))/(var(--px-max-vw, var(--viewport-max)) - var(--px-min-vw, var(--viewport-min))))), 1px), calc(var(--px-to)*var(--spacing)))
    }

    .px-\(--side-space\) {
        padding-inline: var(--side-space)
    }

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

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

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

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

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

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

    .py-to-16 {
        --py-to: 16;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-28 {
        --py-to: 28;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-30 {
        --py-to: 30;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-32 {
        --py-to: 32;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-40 {
        --py-to: 40;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-45 {
        --py-to: 45;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-50 {
        --py-to: 50;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-60 {
        --py-to: 60;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-80 {
        --py-to: 80;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-100 {
        --py-to: 100;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-120 {
        --py-to: 120;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

    .py-to-180 {
        --py-to: 180;
        padding-block: clamp(calc(var(--py)*var(--spacing)), round(nearest, calc(var(--py)*var(--spacing) + (var(--py-to) - var(--py))*((100vw - (var(--py-min-vw, var(--viewport-min))*var(--spacing)))/(var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to)*var(--spacing)))
    }

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

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

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

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

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

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

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

    .pl-to-32 {
        --pl-to: 32;
        padding-inline-start: clamp(calc(var(--pl-from)*var(--spacing)), round(nearest, calc(var(--pl-from)*var(--spacing) + (var(--pl-to) - var(--pl-from))*((100vw - (var(--pl-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to)*var(--spacing)))
    }

    .pl-to-80 {
        --pl-to: 80;
        padding-inline-start: clamp(calc(var(--pl-from)*var(--spacing)), round(nearest, calc(var(--pl-from)*var(--spacing) + (var(--pl-to) - var(--pl-from))*((100vw - (var(--pl-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to)*var(--spacing)))
    }

    .pl-to-120 {
        --pl-to: 120;
        padding-inline-start: clamp(calc(var(--pl-from)*var(--spacing)), round(nearest, calc(var(--pl-from)*var(--spacing) + (var(--pl-to) - var(--pl-from))*((100vw - (var(--pl-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to)*var(--spacing)))
    }

    .pr-to-40 {
        --pr-to: 40;
        padding-inline-end: clamp(calc(var(--pr-from)*var(--spacing)), round(nearest, calc(var(--pr-from)*var(--spacing) + (var(--pr-to) - var(--pr-from))*((100vw - (var(--pr-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pr-max-vw, var(--viewport-max)) - var(--pr-min-vw, var(--viewport-min))))), 1px), calc(var(--pr-to)*var(--spacing)))
    }

    .pr-to-80 {
        --pr-to: 80;
        padding-inline-end: clamp(calc(var(--pr-from)*var(--spacing)), round(nearest, calc(var(--pr-from)*var(--spacing) + (var(--pr-to) - var(--pr-from))*((100vw - (var(--pr-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pr-max-vw, var(--viewport-max)) - var(--pr-min-vw, var(--viewport-min))))), 1px), calc(var(--pr-to)*var(--spacing)))
    }

    .pr-to-90 {
        --pr-to: 90;
        padding-inline-end: clamp(calc(var(--pr-from)*var(--spacing)), round(nearest, calc(var(--pr-from)*var(--spacing) + (var(--pr-to) - var(--pr-from))*((100vw - (var(--pr-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pr-max-vw, var(--viewport-max)) - var(--pr-min-vw, var(--viewport-min))))), 1px), calc(var(--pr-to)*var(--spacing)))
    }

    .pr-to-180 {
        --pr-to: 180;
        padding-inline-end: clamp(calc(var(--pr-from)*var(--spacing)), round(nearest, calc(var(--pr-from)*var(--spacing) + (var(--pr-to) - var(--pr-from))*((100vw - (var(--pr-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pr-max-vw, var(--viewport-max)) - var(--pr-min-vw, var(--viewport-min))))), 1px), calc(var(--pr-to)*var(--spacing)))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-center {
        text-align: center
    }

    .text-start {
        text-align: start
    }

    .text-to-16 {
        --text-to: 16;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-17 {
        --text-to: 17;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-18 {
        --text-to: 18;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-19 {
        --text-to: 19;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-20 {
        --text-to: 20;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-22 {
        --text-to: 22;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-24 {
        --text-to: 24;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-25 {
        --text-to: 25;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-26 {
        --text-to: 26;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-28 {
        --text-to: 28;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-29 {
        --text-to: 29;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-30 {
        --text-to: 30;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-32 {
        --text-to: 32;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-33 {
        --text-to: 33;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-35 {
        --text-to: 35;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-40 {
        --text-to: 40;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-42 {
        --text-to: 42;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-45 {
        --text-to: 45;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-48 {
        --text-to: 48;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-54 {
        --text-to: 54;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-55 {
        --text-to: 55;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-60 {
        --text-to: 60;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-64 {
        --text-to: 64;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-65 {
        --text-to: 65;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-85 {
        --text-to: 85;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

    .text-to-100 {
        --text-to: 100;
        font-size: clamp(calc(var(--text-from)*var(--spacing)), round(nearest, calc(var(--text-from)*var(--spacing) + (var(--text-to) - var(--text-from))*((100vw - (var(--text-min-vw, var(--viewport-min))*var(--spacing)))/(var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to)*var(--spacing)))
    }

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

    .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-\[16px\] {
        font-size: 16px
    }

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

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

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

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

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

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

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

    .leading-\[1\.7\] {
        --tw-leading: 1.7;
        line-height: 1.7
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .tracking-\[-2\.5px\] {
        --tw-tracking: -2.5px;
        letter-spacing: -2.5px
    }

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

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

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

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

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

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

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-\(--content-color\) {
        color: var(--content-color)
    }

    .text-\[\#0B2347\] {
        color: #0b2347
    }

    .text-\[\#0B2347\]\/50 {
        color: #0b234780
    }

    .text-\[\#2D2A26\] {
        color: #2d2a26
    }

    .text-\[\#4B4B4B\] {
        color: #4b4b4b
    }

    .text-\[\#4B4B4B\]\/80,
    .text-\[\#4b4b4b\]\/80 {
        color: #4b4b4bcc
    }

    .text-\[\#6C6C6C\] {
        color: #6c6c6c
    }

    .text-\[\#6D6D6D\]\/85 {
        color: #6d6d6dd9
    }

    .text-\[\#7D7D7D\] {
        color: #7d7d7d
    }

    .text-\[\#9C9C9C\] {
        color: #9c9c9c
    }

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

    .text-\[\#12143A\] {
        color: #12143a
    }

    .text-\[\#12143A\]\/50 {
        color: #12143a80
    }

    .text-\[\#12143a\] {
        color: #12143a
    }

    .text-\[\#77797A\] {
        color: #77797a
    }

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

    .text-\[\#232323\]\/60 {
        color: #23232399
    }

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

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

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

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

    .text-\[\#A5A5A5\] {
        color: #a5a5a5
    }

    .text-\[\#B96955\] {
        color: #b96955
    }

    .text-\[\#C9C9C9\] {
        color: #c9c9c9
    }

    .text-\[\#E4E4E4\] {
        color: #e4e4e4
    }

    .text-main {
        color: #841719
    }

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

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

    .text-black\/20 {
        color: #0003
    }

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

    .text-black\/25 {
        color: #00000040
    }

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

    .text-black\/30 {
        color: #0000004d
    }

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

    .text-black\/40 {
        color: #0006
    }

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

    .text-black\/40\! {
        color: #0006 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-black\/40\! {
            color: color-mix(in oklab, var(--color-black)40%, transparent) !important
        }
    }

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

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

    .text-black\/60 {
        color: #0009
    }

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

    .text-black\/65 {
        color: #000000a6
    }

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

    .text-black\/70 {
        color: #000000b3
    }

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

    .text-black\/75 {
        color: #000000bf
    }

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

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

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

    .text-black\/90 {
        color: #000000e6
    }

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

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

    .text-primary\/60 {
        color: #84171999
    }

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

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

    .text-secondary\/30 {
        color: #26292c4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-secondary\/30 {
            color: color-mix(in oklab, var(--color-secondary)30%, transparent)
        }
    }

    .text-transparent {
        color: #0000
    }

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

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

    .text-white\/25 {
        color: #ffffff40
    }

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

    .text-white\/30 {
        color: #ffffff4d
    }

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

    .text-white\/35 {
        color: #ffffff59
    }

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

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

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

    .text-white\/60 {
        color: #fff9
    }

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

    .text-white\/65 {
        color: #ffffffa6
    }

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

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

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

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-100\! {
        opacity: 1 !important
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    .\[box-shadow\:0_4px_12\.2px_0_rgba\(0\,0\,0\,0\.13\)\] {
        box-shadow: 0 4px 12.2px #00000021
    }

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

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

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

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

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

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

    .backdrop-blur-\[4\.5px\] {
        --tw-backdrop-blur: blur(4.5px);
        -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-\[7px\] {
        --tw-backdrop-blur: blur(7px);
        -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-\[opacity\,transform\] {
        transition-property: opacity, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

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

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

    .transition-discrete {
        transition-behavior: allow-discrete
    }

    .duration-250 {
        --tw-duration: .25s;
        transition-duration: .25s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-450 {
        --tw-duration: .45s;
        transition-duration: .45s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-\[4s\] {
        --tw-duration: 4s;
        transition-duration: 4s
    }

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

    .ease-linear\! {
        --tw-ease: linear !important;
        transition-timing-function: linear !important
    }

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

    .will-change-\[transform\,width\] {
        will-change: transform, width
    }

    .gap-from-15\/1280 {
        --gap-from: 15;
        --gap-min-vw: 1280
    }

    .max-w-from-1024\/1280 {
        --max-w-from: 1024;
        --max-w-min-vw: 1280
    }

    .mb-to-40 {
        --mb-to: 40;
        margin-block-end: clamp(calc(var(--mb-from)*var(--spacing)), round(nearest, calc(var(--mb-from)*var(--spacing) + (var(--mb-to) - var(--mb-from))*((100vw - (var(--mb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--mb-max-vw, var(--viewport-max)) - var(--mb-min-vw, var(--viewport-min))))), 1px), calc(var(--mb-to)*var(--spacing)))
    }

    .mt-to-16 {
        --mt-to: 16;
        margin-block-start: clamp(calc(var(--mt-from)*var(--spacing)), round(nearest, calc(var(--mt-from)*var(--spacing) + (var(--mt-to) - var(--mt-from))*((100vw - (var(--mt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to)*var(--spacing)))
    }

    .mt-to-40 {
        --mt-to: 40;
        margin-block-start: clamp(calc(var(--mt-from)*var(--spacing)), round(nearest, calc(var(--mt-from)*var(--spacing) + (var(--mt-to) - var(--mt-from))*((100vw - (var(--mt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to)*var(--spacing)))
    }

    .mt-to-45 {
        --mt-to: 45;
        margin-block-start: clamp(calc(var(--mt-from)*var(--spacing)), round(nearest, calc(var(--mt-from)*var(--spacing) + (var(--mt-to) - var(--mt-from))*((100vw - (var(--mt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to)*var(--spacing)))
    }

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

    .pb-to-28 {
        --pb-to: 28;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pb-to-30 {
        --pb-to: 30;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pb-to-40 {
        --pb-to: 40;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pb-to-45 {
        --pb-to: 45;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pb-to-60 {
        --pb-to: 60;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pb-to-70 {
        --pb-to: 70;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pb-to-80 {
        --pb-to: 80;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pb-to-120 {
        --pb-to: 120;
        padding-block-end: clamp(calc(var(--pb-from)*var(--spacing)), round(nearest, calc(var(--pb-from)*var(--spacing) + (var(--pb-to) - var(--pb-from))*((100vw - (var(--pb-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to)*var(--spacing)))
    }

    .pt-to-30 {
        --pt-to: 30;
        padding-block-start: clamp(calc(var(--pt-from)*var(--spacing)), round(nearest, calc(var(--pt-from)*var(--spacing) + (var(--pt-to) - var(--pt-from))*((100vw - (var(--pt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to)*var(--spacing)))
    }

    .pt-to-40 {
        --pt-to: 40;
        padding-block-start: clamp(calc(var(--pt-from)*var(--spacing)), round(nearest, calc(var(--pt-from)*var(--spacing) + (var(--pt-to) - var(--pt-from))*((100vw - (var(--pt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to)*var(--spacing)))
    }

    .pt-to-45 {
        --pt-to: 45;
        padding-block-start: clamp(calc(var(--pt-from)*var(--spacing)), round(nearest, calc(var(--pt-from)*var(--spacing) + (var(--pt-to) - var(--pt-from))*((100vw - (var(--pt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to)*var(--spacing)))
    }

    .pt-to-60 {
        --pt-to: 60;
        padding-block-start: clamp(calc(var(--pt-from)*var(--spacing)), round(nearest, calc(var(--pt-from)*var(--spacing) + (var(--pt-to) - var(--pt-from))*((100vw - (var(--pt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to)*var(--spacing)))
    }

    .pt-to-80 {
        --pt-to: 80;
        padding-block-start: clamp(calc(var(--pt-from)*var(--spacing)), round(nearest, calc(var(--pt-from)*var(--spacing) + (var(--pt-to) - var(--pt-from))*((100vw - (var(--pt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to)*var(--spacing)))
    }

    .pt-to-120 {
        --pt-to: 120;
        padding-block-start: clamp(calc(var(--pt-from)*var(--spacing)), round(nearest, calc(var(--pt-from)*var(--spacing) + (var(--pt-to) - var(--pt-from))*((100vw - (var(--pt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to)*var(--spacing)))
    }

    .pt-to-160 {
        --pt-to: 160;
        padding-block-start: clamp(calc(var(--pt-from)*var(--spacing)), round(nearest, calc(var(--pt-from)*var(--spacing) + (var(--pt-to) - var(--pt-from))*((100vw - (var(--pt-min-vw, var(--viewport-min))*var(--spacing)))/(var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to)*var(--spacing)))
    }

    .range1-to-224 {
        --range1-to: 224;
        --range1: clamp(calc(var(--range1-from)*var(--spacing)), round(nearest, calc(var(--range1-from)*var(--spacing) + (var(--range1-to) - var(--range1-from))*((100vw - (var(--range1-min-vw, var(--viewport-min))*var(--spacing)))/(var(--range1-max-vw, var(--viewport-max)) - var(--range1-min-vw, var(--viewport-min))))), 1px), calc(var(--range1-to)*var(--spacing)))
    }

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

    .\[--container\:1650px\] {
        --container: 1650px
    }

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

    .\[--left\:calc\(\(100vw-var\(--container\)\)\/2\+var\(--containerPadding\)\)\] {
        --left: calc((100vw - var(--container))/2 + var(--containerPadding))
    }

    .\[--prose-color\:var\(--color-black\)\] {
        --prose-color: var(--color-black)
    }

    .\[stroke-dasharray\:199\.92033717615698px\] {
        stroke-dasharray: 199.92
    }

    .\[stroke-dashoffset\:199\.92033717615698px\] {
        stroke-dashoffset: 199.92px
    }

    .backface-hidden {
        backface-visibility: hidden
    }

    .gap-from-8 {
        --gap-from: 8
    }

    .gap-from-10 {
        --gap-from: 10
    }

    .gap-from-12 {
        --gap-from: 12
    }

    .gap-from-14 {
        --gap-from: 14
    }

    .gap-from-15 {
        --gap-from: 15
    }

    .gap-from-16 {
        --gap-from: 16
    }

    .gap-from-18 {
        --gap-from: 18
    }

    .gap-from-20 {
        --gap-from: 20
    }

    .gap-x-from-8 {
        --gap-x-from: 8
    }

    .h-from-30 {
        --h-from: 30
    }

    .h-from-44 {
        --h-from: 44
    }

    .h-from-45 {
        --h-from: 45
    }

    .h-from-112 {
        --h-from: 112
    }

    .h-from-300 {
        --h-from: 300
    }

    .h-from-320 {
        --h-from: 320
    }

    .h-from-350 {
        --h-from: 350
    }

    .h-from-400 {
        --h-from: 400
    }

    .h-from-500 {
        --h-from: 500
    }

    .mb-from-20 {
        --mb-from: 20
    }

    .mt-from-8 {
        --mt-from: 8
    }

    .mt-from-15 {
        --mt-from: 15
    }

    .mt-from-20 {
        --mt-from: 20
    }

    .my-from-30 {
        --my-from: 30
    }

    .p-from-10 {
        --p-from: 10
    }

    .p-from-12 {
        --p-from: 12
    }

    .p-from-15 {
        --p-from: 15
    }

    .p-from-16 {
        --p-from: 16
    }

    .p-from-20 {
        --p-from: 20
    }

    .p-from-24 {
        --p-from: 24
    }

    .pb-from-14 {
        --pb-from: 14
    }

    .pb-from-15 {
        --pb-from: 15
    }

    .pb-from-20 {
        --pb-from: 20
    }

    .pb-from-30 {
        --pb-from: 30
    }

    .pl-from-16 {
        --pl-from: 16
    }

    .pl-from-30 {
        --pl-from: 30
    }

    .pl-from-40 {
        --pl-from: 40
    }

    .pr-from-30 {
        --pr-from: 30
    }

    .pr-from-42 {
        --pr-from: 42
    }

    .pt-from-15 {
        --pt-from: 15
    }

    .pt-from-20 {
        --pt-from: 20
    }

    .pt-from-30 {
        --pt-from: 30
    }

    .pt-from-60 {
        --pt-from: 60
    }

    .pt-from-135 {
        --pt-from: 135
    }

    .px-from-10 {
        --px: 10
    }

    .px-from-15 {
        --px: 15
    }

    .px-from-16 {
        --px: 16
    }

    .px-from-30 {
        --px: 30
    }

    .py-from-10 {
        --py: 10
    }

    .py-from-14 {
        --py: 14
    }

    .py-from-15 {
        --py: 15
    }

    .py-from-16 {
        --py: 16
    }

    .py-from-20 {
        --py: 20
    }

    .py-from-24 {
        --py: 24
    }

    .py-from-30 {
        --py: 30
    }

    .py-from-60 {
        --py: 60
    }

    .range1-from-116 {
        --range1-from: 116
    }

    .right-from-16 {
        --right-from: 16
    }

    .rounded-from-16 {
        --rounded-from: 16
    }

    .size-from-8 {
        --size-from: 8
    }

    .size-from-10 {
        --size-from: 10
    }

    .size-from-16 {
        --size-from: 16
    }

    .size-from-18 {
        --size-from: 18
    }

    .size-from-20 {
        --size-from: 20
    }

    .size-from-24 {
        --size-from: 24
    }

    .size-from-25 {
        --size-from: 25
    }

    .size-from-30 {
        --size-from: 30
    }

    .size-from-35 {
        --size-from: 35
    }

    .size-from-36 {
        --size-from: 36
    }

    .size-from-40 {
        --size-from: 40
    }

    .size-from-200 {
        --size-from: 200
    }

    .text-box-trim-both {
        text-box-trim: trim-both
    }

    .text-box-trim-end {
        text-box-trim: trim-end
    }

    .text-box-trim-none {
        text-box-trim: none
    }

    .text-box-trim-start {
        text-box-trim: trim-start
    }

    .text-from-12 {
        --text-from: 12
    }

    .text-from-14 {
        --text-from: 14
    }

    .text-from-15 {
        --text-from: 15
    }

    .text-from-16 {
        --text-from: 16
    }

    .text-from-18 {
        --text-from: 18
    }

    .text-from-20 {
        --text-from: 20
    }

    .text-from-24 {
        --text-from: 24
    }

    .text-from-26 {
        --text-from: 26
    }

    .text-from-30 {
        --text-from: 30
    }

    .text-orientation-mixed {
        text-orientation: mixed
    }

    .w-from-50 {
        --w-from: 50
    }

    .writing-vertical-rl {
        writing-mode: vertical-rl
    }

    .group-open\/dialog\:block:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
        display: block
    }

    .group-open\/dialog\:translate-y-0:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-open\/dialog\:opacity-100:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
        opacity: 1
    }

    .group-open\/dialog\:delay-150:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
        transition-delay: .15s
    }

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

        .group-hover\:-rotate-90:is(:where(.group):hover *) {
            rotate: -90deg
        }

        .group-hover\/button\:top-0:is(:where(.group\/button):hover *) {
            top: calc(var(--spacing)*0)
        }

        .group-hover\/button\:bottom-auto:is(:where(.group\/button):hover *) {
            bottom: auto
        }

        .group-hover\/button\:h-full:is(:where(.group\/button):hover *) {
            height: 100%
        }

        .group-hover\/button\:translate-y-1\/2:is(:where(.group\/button):hover *) {
            --tw-translate-y: 50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/button\:text-transparent:is(:where(.group\/button):hover *) {
            color: #0000
        }

        .group-hover\/form\:border-secondary\!:is(:where(.group\/form):hover *) {
            border-color: var(--color-secondary) !important
        }

        .group-hover\/form\:text-primary:is(:where(.group\/form):hover *) {
            color: var(--color-primary)
        }
    }

    .group-focus\/form\:border-primary\!:is(:where(.group\/form):focus *) {
        border-color: var(--color-primary) !important
    }

    .group-toggle\/header\:text-black:is(:where(.group\/header).toggle *) {
        color: var(--color-black)
    }

    .group-toggle\/item\:text-white:is(:where(.group\/item).toggle *) {
        color: var(--color-white)
    }

    .group-toggle\/mms\:translate-x-6:is(:where(.group\/mms).toggle *) {
        --tw-translate-x: calc(var(--spacing)*6);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-toggle\/mms\:-translate-y-9:is(:where(.group\/mms).toggle *) {
        --tw-translate-y: calc(var(--spacing)*-9);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-toggle\/mms\:translate-y-9:is(:where(.group\/mms).toggle *) {
        --tw-translate-y: calc(var(--spacing)*9);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-toggle\/mms\:-rotate-45:is(:where(.group\/mms).toggle *) {
        rotate: -45deg
    }

    .group-toggle\/mms\:rotate-45:is(:where(.group\/mms).toggle *) {
        rotate: 45deg
    }

    .group-toggle\/mms\:bg-black:is(:where(.group\/mms).toggle *) {
        background-color: var(--color-black)
    }

    .group-toggle\/mms\:opacity-0:is(:where(.group\/mms).toggle *) {
        opacity: 0
    }

    .group-toggle\/search\:pointer-events-auto:is(:where(.group\/search).toggle *) {
        pointer-events: auto
    }

    .group-toggle\/search\:opacity-100:is(:where(.group\/search).toggle *) {
        opacity: 1
    }

    .group-slide-active\:pointer-events-auto:is(:where(.group).swiper-slide-active *) {
        pointer-events: auto
    }

    .group-slide-active\:translate-y-0:is(:where(.group).swiper-slide-active *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-slide-active\:opacity-100:is(:where(.group).swiper-slide-active *) {
        opacity: 1
    }

    .group-slide-active\:delay-500:is(:where(.group).swiper-slide-active *) {
        transition-delay: .5s
    }

    .group-slide-active\/slide\:opacity-100:is(:where(.group\/slide).swiper-slide-active *) {
        opacity: 1
    }

    .group-slide-active\/slide\:delay-500:is(:where(.group\/slide).swiper-slide-active *) {
        transition-delay: .5s
    }

    .group-\[\&\.active\]\/i\:text-white:is(:where(.group\/i).active *) {
        color: var(--color-white)
    }

    .group-\[\&\.active\]\/lang\:rotate-180:is(:where(.group\/lang).active *) {
        rotate: 180deg
    }

    .group-\[\&\.error\]\/form\:block:is(:where(.group\/form).error *) {
        display: block
    }

    .group-\[\&\.scroll-down\]\/header\:bg-black:is(:where(.group\/header).scroll-down *) {
        background-color: var(--color-black)
    }

    .group-\[\&\.scroll-down\]\/header\:text-black:is(:where(.group\/header).scroll-down *) {
        color: var(--color-black)
    }

    .group-\[\&\.section-active\]\/feature\:bg-size-\[100\%_100\%\]:is(:where(.group\/feature).section-active *) {
        background-size: 100% 100%
    }

    .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:\[stroke-dashoffset\:0\]:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
        stroke-dashoffset: 0
    }

    .group-\[\&\.white\]\/header\:text-black:is(:where(.group\/header).white *) {
        color: var(--color-black)
    }

    .group-\[\&\:has\(input\:checked\)\]\:scale-100:is(:where(.group):has(input:checked) *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-\[\&\:has\(input\:checked\)\]\:border-black:is(:where(.group):has(input:checked) *) {
        border-color: var(--color-black)
    }

    .group-\[\&\:has\(input\:checked\)\]\:opacity-100:is(:where(.group):has(input:checked) *) {
        opacity: 1
    }

    .group-\[\&\:has\(input\:hover\)\]\:border-black\/70:is(:where(.group):has(input:hover) *) {
        border-color: #000000b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-\[\&\:has\(input\:hover\)\]\:border-black\/70:is(:where(.group):has(input:hover) *) {
            border-color: color-mix(in oklab, var(--color-black)70%, transparent)
        }
    }

    .peer-checked\:border-black:is(:where(.peer):checked~*) {
        border-color: var(--color-black)
    }

    .peer-user-invalid\:border-\[\#FF0000\]\!:is(:where(.peer):user-invalid~*) {
        border-color: red !important
    }

    @media (hover:hover) {
        .peer-hover\:border-black\/50:is(:where(.peer):hover~*) {
            border-color: #00000080
        }

        @supports (color:color-mix(in lab, red, red)) {
            .peer-hover\:border-black\/50:is(:where(.peer):hover~*) {
                border-color: color-mix(in oklab, var(--color-black)50%, transparent)
            }
        }
    }

    .peer-focus\:-scale-y-100:is(:where(.peer):focus~*) {
        --tw-scale-y: -100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .peer-focus\:rotate-180:is(:where(.peer):focus~*) {
        rotate: 180deg
    }

    .peer-focus\:border-black\/80:is(:where(.peer):focus~*) {
        border-color: #000c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .peer-focus\:border-black\/80:is(:where(.peer):focus~*) {
            border-color: color-mix(in oklab, var(--color-black)80%, transparent)
        }
    }

    .peer-focus\:outline-black\/5:is(:where(.peer):focus~*) {
        outline-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .peer-focus\:outline-black\/5:is(:where(.peer):focus~*) {
            outline-color: color-mix(in oklab, var(--color-black)5%, transparent)
        }
    }

    .placeholder\:text-black\/40\!::placeholder {
        color: #0006 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-black\/40\!::placeholder {
            color: color-mix(in oklab, var(--color-black)40%, transparent) !important
        }
    }

    .placeholder\:text-black\/50::placeholder {
        color: #00000080
    }

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

    .placeholder\:text-black\/65\!::placeholder {
        color: #000000a6 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-black\/65\!::placeholder {
            color: color-mix(in oklab, var(--color-black)65%, transparent) !important
        }
    }

    .placeholder\:text-white\/65\!::placeholder {
        color: #ffffffa6 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-white\/65\!::placeholder {
            color: color-mix(in oklab, var(--color-white)65%, transparent) !important
        }
    }

    .backdrop\:bg-black\/10::backdrop {
        background-color: #0000001a
    }

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

    .backdrop\:opacity-0::backdrop {
        opacity: 0
    }

    .backdrop\:backdrop-blur-xl::backdrop {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -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\:transition-discrete::backdrop {
        transition-behavior: allow-discrete
    }

    .backdrop\:duration-300::backdrop {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .before\:pointer-events-none:before {
        content: var(--tw-content);
        pointer-events: none
    }

    .before\:absolute-full:before {
        content: var(--tw-content);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .before\:absolute-center:before {
        content: var(--tw-content);
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:-top-20:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*-20)
    }

    .before\:-top-50:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*-50)
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .before\:top-1\/2:before {
        content: var(--tw-content);
        top: 50%
    }

    .before\:top-\[7\%\]:before {
        content: var(--tw-content);
        top: 7%
    }

    .before\:top-\[30\%\]:before {
        content: var(--tw-content);
        top: 30%
    }

    .before\:top-\[50\%\]:before {
        content: var(--tw-content);
        top: 50%
    }

    .before\:right-0:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .before\:bottom-0:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .before\:bottom-\[-13px\]:before {
        content: var(--tw-content);
        bottom: -13px
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .before\:left-1\/2:before,
    .before\:left-\[50\%\]:before {
        content: var(--tw-content);
        left: 50%
    }

    .before\:-z-1:before {
        content: var(--tw-content);
        z-index: -1
    }

    .before\:z-1:before {
        content: var(--tw-content);
        z-index: 1
    }

    .before\:z-2:before {
        content: var(--tw-content);
        z-index: 2
    }

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

    .before\:size-13:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*13);
        height: calc(var(--spacing)*13)
    }

    .before\:h-to-100:before {
        content: var(--tw-content);
        --h-to: 100;
        height: clamp(calc(var(--h-from)*var(--spacing)), round(nearest, calc(var(--h-from)*var(--spacing) + (var(--h-to) - var(--h-from))*((100vw - (var(--h-min-vw, var(--viewport-min))*var(--spacing)))/(var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to)*var(--spacing)))
    }

    .before\:h-4:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*4)
    }

    .before\:h-30:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*30)
    }

    .before\:h-60:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*60)
    }

    .before\:h-90:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*90)
    }

    .before\:h-160:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*160)
    }

    .before\:h-\[50\%\]:before {
        content: var(--tw-content);
        height: 50%
    }

    .before\:h-\[75\%\]:before {
        content: var(--tw-content);
        height: 75%
    }

    .before\:h-\[calc\(100\%\+40\%\)\]:before {
        content: var(--tw-content);
        height: 140%
    }

    .before\:h-full:before {
        content: var(--tw-content);
        height: 100%
    }

    .before\:w-0:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*0)
    }

    .before\:w-1:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*1)
    }

    .before\:w-\[50\%\]:before {
        content: var(--tw-content);
        width: 50%
    }

    .before\:w-\[calc\(100\%\+10\%\)\]:before {
        content: var(--tw-content);
        width: 110%
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:-translate-x-1\/2:before {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:translate-x-\[-50\%\]:before {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:-translate-y-1\/2:before {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .before\:translate-y-\[-50\%\]:before {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:scale-0:before {
        content: var(--tw-content);
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .before\:rotate-180:before {
        content: var(--tw-content);
        rotate: 180deg
    }

    .before\:rounded-\[15px\]:before {
        content: var(--tw-content);
        border-radius: 15px
    }

    .before\:rounded-\[20px\]:before {
        content: var(--tw-content);
        border-radius: 20px
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .before\:rounded-t-\[20px\]:before {
        content: var(--tw-content);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

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

    .before\:border-primary:before {
        content: var(--tw-content);
        border-color: var(--color-primary)
    }

    .before\:border-primary\/30:before {
        content: var(--tw-content);
        border-color: #8417194d
    }

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

    .before\:bg-\[\#E3E3E3\]:before {
        content: var(--tw-content);
        background-color: #e3e3e3
    }

    .before\:bg-\[\#F7F7F7\]:before {
        content: var(--tw-content);
        background-color: #f7f7f7
    }

    .before\:bg-black\/35:before {
        content: var(--tw-content);
        background-color: #00000059
    }

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

    .before\:bg-primary:before {
        content: var(--tw-content);
        background-color: var(--color-primary)
    }

    .before\:bg-primary\/30:before {
        content: var(--tw-content);
        background-color: #8417194d
    }

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

    .before\:bg-secondary:before {
        content: var(--tw-content);
        background-color: var(--color-secondary)
    }

    .before\:bg-white:before {
        content: var(--tw-content);
        background-color: var(--color-white)
    }

    .before\:bg-white\/40:before {
        content: var(--tw-content);
        background-color: #fff6
    }

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

    .before\:mask-\[linear-gradient\(black\,transparent\,transparent\)\]:before {
        content: var(--tw-content);
        -webkit-mask-image: linear-gradient(#000, #0000, #0000);
        mask-image: linear-gradient(#000, #0000, #0000)
    }

    .before\:text-primary:before {
        content: var(--tw-content);
        color: var(--color-primary)
    }

    .before\:text-transparent:before {
        content: var(--tw-content);
        color: #0000
    }

    .before\:opacity-0:before {
        content: var(--tw-content);
        opacity: 0
    }

    .before\:duration-300:before {
        content: var(--tw-content);
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .before\:duration-450:before {
        content: var(--tw-content);
        --tw-duration: .45s;
        transition-duration: .45s
    }

    .before\:duration-500:before {
        content: var(--tw-content);
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .before\:ease-smooth:before {
        content: var(--tw-content);
        --tw-ease: var(--ease-smooth);
        transition-timing-function: var(--ease-smooth)
    }

    .before\:content-\[\'▲\'\]:before {
        --tw-content: "▲";
        content: var(--tw-content)
    }

    .before\:content-\[attr\(data-content\)\]:before {
        --tw-content: attr(data-content);
        content: var(--tw-content)
    }

    .before\:\[background\:linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.50\)_0\%\,rgba\(0\,0\,0\,0\.20\)_100\%\)\]:before {
        content: var(--tw-content);
        background: linear-gradient(#0003, #00000080)
    }

    .before\:\[background\:linear-gradient\(180deg\,rgba\(240\,240\,240\,0\.00\)_0\%\,\#F0F0F0_100\%\)\]:before {
        content: var(--tw-content);
        background: linear-gradient(#f0f0f000, #f0f0f0)
    }

    .before\:h-from-30:before {
        content: var(--tw-content);
        --h-from: 30
    }

    @media (hover:hover) {
        .group-hover\/button\:before\:text-\(--content-color\):is(:where(.group\/button):hover *):before {
            content: var(--tw-content);
            color: var(--content-color)
        }
    }

    .peer-checked\:before\:scale-100\!:is(:where(.peer):checked~*):before {
        content: var(--tw-content);
        --tw-scale-x: 100% !important;
        --tw-scale-y: 100% !important;
        --tw-scale-z: 100% !important;
        scale: var(--tw-scale-x)var(--tw-scale-y) !important
    }

    .peer-checked\:before\:opacity-100\!:is(:where(.peer):checked~*):before {
        content: var(--tw-content);
        opacity: 1 !important
    }

    .after\:pointer-events-none:after {
        content: var(--tw-content);
        pointer-events: none
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .after\:left-0:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .after\:z-1:after {
        content: var(--tw-content);
        z-index: 1
    }

    .after\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .after\:h-\[65\%\]:after {
        content: var(--tw-content);
        height: 65%
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .after\:rounded-b-\[20px\]:after {
        content: var(--tw-content);
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    .after\:bg-white:after {
        content: var(--tw-content);
        background-color: var(--color-white)
    }

    .last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none
    }

    .open\:pointer-events-auto:is([open], :popover-open, :open) {
        pointer-events: auto
    }

    .open\:backdrop\:opacity-100:is([open], :popover-open, :open)::backdrop {
        opacity: 1
    }

    .user-invalid\:\!border-\[\#FF0000\]:user-invalid {
        border-color: red !important
    }

    @media (hover:hover) {
        .hover\:border-black\/50:hover {
            border-color: #00000080
        }

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

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

        .hover\:border-white\/60:hover {
            border-color: #fff9
        }

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

        .hover\:bg-\[\#E8DFC8\]:hover {
            background-color: #e8dfc8
        }

        .hover\:bg-primary\/20:hover {
            background-color: #84171933
        }

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

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

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

        .hover\:bg-main:hover {
            background-color: #841719
        }

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

        .hover\:opacity-70:hover {
            opacity: .7
        }
    }

    .focus\:border-black\/80:focus {
        border-color: #000c
    }

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

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

    .focus\:ring-0\!:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor) !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\:outline-black\/5:focus {
        outline-color: #0000000d
    }

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

    .has-\[option\:disabled\:checked\]\:\!text-black\/50:has(:is(option:disabled:checked)) {
        color: #00000080 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-\[option\:disabled\:checked\]\:\!text-black\/50:has(:is(option:disabled:checked)) {
            color: color-mix(in oklab, var(--color-black)50%, transparent) !important
        }
    }

    @media not all and (min-width:1680px) {
        .max-2xl\:before\:w-\[calc\(100\%\+5\%\)\]:before {
            content: var(--tw-content);
            width: 105%
        }
    }

    @media not all and (min-width:1440px) {
        .max-xl\:mt-20 {
            margin-top: calc(var(--spacing)*20)
        }

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

        .max-xl\:ml-auto {
            margin-left: auto
        }

        .max-xl\:aspect-13\/18 {
            aspect-ratio: 13/18
        }

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

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

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

        .max-xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr)
        }

        .max-xl\:rounded-\[30px\] {
            border-radius: 30px
        }

        .max-xl\:tracking-\[-2px\] {
            --tw-tracking: -2px;
            letter-spacing: -2px
        }

        .max-xl\:before\:rounded-none:before {
            content: var(--tw-content);
            border-radius: 0
        }
    }

    @media not all and (min-width:1280px) {
        .max-lg\:order-1 {
            order: 1
        }

        .max-lg\:flex {
            display: flex
        }

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

        .max-lg\:aspect-9\/4 {
            aspect-ratio: 9/4
        }

        .max-lg\:size-25 {
            width: calc(var(--spacing)*25);
            height: calc(var(--spacing)*25)
        }

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

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

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

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

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

        .max-lg\:h-full {
            height: 100%
        }

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

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

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

        .max-lg\:min-w-50 {
            min-width: calc(var(--spacing)*50)
        }

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

        .max-lg\:grid-cols-\[1\.5fr_1fr\] {
            grid-template-columns: 1.5fr 1fr
        }

        .max-lg\:grid-cols-\[1fr_1\.5fr\] {
            grid-template-columns: 1fr 1.5fr
        }

        .max-lg\:grid-cols-\[1fr_1\.7fr\] {
            grid-template-columns: 1fr 1.7fr
        }

        .max-lg\:grid-cols-\[1fr_3\.2fr\] {
            grid-template-columns: 1fr 3.2fr
        }

        .max-lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr)
        }

        .max-lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr)
        }

        .max-lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,4fr\)\] {
            grid-template-columns: minmax(0, 1fr) minmax(0, 4fr)
        }

        .max-lg\:grid-cols-\[minmax\(0\,3\.5fr\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 3.5fr) minmax(0, 1fr)
        }

        .max-lg\:flex-col-reverse {
            flex-direction: column-reverse
        }

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

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

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

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

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

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

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

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

        .max-lg\:gap-x-15 {
            column-gap: calc(var(--spacing)*15)
        }

        .max-lg\:rounded-\[20px\] {
            border-radius: 20px
        }

        .max-lg\:rounded-\[25px\] {
            border-radius: 25px
        }

        .max-lg\:rounded-\[35px\] {
            border-radius: 35px
        }

        .max-lg\:border-none {
            --tw-border-style: none;
            border-style: none
        }

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

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

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

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

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

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

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

        .max-lg\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .max-lg\:pt-150 {
            padding-top: calc(var(--spacing)*150)
        }

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

        .max-lg\:text-black {
            color: var(--color-black)
        }

        .max-lg\:group-\[\&\.active\]\/lang\:pointer-events-auto:is(:where(.group\/lang).active *) {
            pointer-events: auto
        }

        .max-lg\:group-\[\&\.active\]\/lang\:opacity-100:is(:where(.group\/lang).active *) {
            opacity: 1
        }

        .max-lg\:before\:hidden:before {
            content: var(--tw-content);
            display: none
        }
    }

    @media not all and (min-width:1024px) {
        .max-md\:pointer-events-none {
            pointer-events: none
        }

        .max-md\:absolute {
            position: absolute
        }

        .max-md\:top-full {
            top: 100%
        }

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

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

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

        .max-md\:block {
            display: block
        }

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

        .max-md\:grid {
            display: grid
        }

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

        .max-md\:aspect-10\/6 {
            aspect-ratio: 10/6
        }

        .max-md\:aspect-10\/8 {
            aspect-ratio: 10/8
        }

        .max-md\:aspect-square {
            aspect-ratio: 1
        }

        .max-md\:size-100 {
            width: calc(var(--spacing)*100);
            height: calc(var(--spacing)*100)
        }

        .max-md\:size-140 {
            width: calc(var(--spacing)*140);
            height: calc(var(--spacing)*140)
        }

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

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

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

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

        .max-md\:h-\[calc\(100dvh\)\] {
            height: 100dvh
        }

        .max-md\:h-\[calc\(100svh-80px\)\] {
            height: calc(100svh - 80px)
        }

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

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

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

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

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

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

        .max-md\:translate-y-6 {
            --tw-translate-y: calc(var(--spacing)*6);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

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

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

        .max-md\:grid-rows-\[0fr\] {
            grid-template-rows: 0fr
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .max-md\:overflow-hidden {
            overflow: hidden
        }

        .max-md\:overflow-x-auto {
            overflow-x: auto
        }

        .max-md\:overflow-y-auto {
            overflow-y: auto
        }

        .max-md\:rounded-\[15px\] {
            border-radius: 15px
        }

        .max-md\:rounded-\[15px\]\! {
            border-radius: 15px !important
        }

        .max-md\:rounded-\[20px\] {
            border-radius: 20px
        }

        .max-md\:rounded-none {
            border-radius: 0
        }

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

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

        .max-md\:border-black\/10 {
            border-color: #0000001a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .max-md\:border-black\/10 {
                border-color: color-mix(in oklab, var(--color-black)10%, transparent)
            }
        }

        .max-md\:border-black\/20 {
            border-color: #0003
        }

        @supports (color:color-mix(in lab, red, red)) {
            .max-md\:border-black\/20 {
                border-color: color-mix(in oklab, var(--color-black)20%, transparent)
            }
        }

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

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

        .max-md\:border-white\/25 {
            border-color: #ffffff40
        }

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

        .max-md\:bg-\[\#E3E3E3\] {
            background-color: #e3e3e3
        }

        .max-md\:bg-\[\#F0F0F0\] {
            background-color: #f0f0f0
        }

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

        .max-md\:bg-transparent {
            background-color: #0000
        }

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

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

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

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

        .max-md\:p-\[5px_5px_5px_5px\] {
            padding: 5px
        }

        .max-md\:p-\[15px_30px\] {
            padding: 15px 30px
        }

        .max-md\:p-\[15px_35px\] {
            padding: 15px 35px
        }

        .max-md\:p-\[15px_40px\] {
            padding: 15px 40px
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .max-md\:text-center {
            text-align: center
        }

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

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

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

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

        .max-md\:tracking-\[-0\.5px\] {
            --tw-tracking: -.5px;
            letter-spacing: -.5px
        }

        .max-md\:text-black {
            color: var(--color-black)
        }

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

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

        .max-md\:opacity-0 {
            opacity: 0
        }

        .max-md\:group-toggle\/i\:rotate-180:is(:where(.group\/i).toggle *),
        .max-md\:group-toggle\/m\:rotate-180:is(:where(.group\/m).toggle *),
        .max-md\:group-toggle\/s\:rotate-180:is(:where(.group\/s).toggle *) {
            rotate: 180deg
        }

        .max-md\:before\:absolute-full:before {
            content: var(--tw-content);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        .max-md\:before\:z-20:before {
            content: var(--tw-content);
            z-index: 20
        }

        .max-md\:before\:hidden:before {
            content: var(--tw-content);
            display: none
        }

        .max-md\:before\:bg-black\/25:before {
            content: var(--tw-content);
            background-color: #00000040
        }

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

        .max-md\:before\:bg-black\/50:before {
            content: var(--tw-content);
            background-color: #00000080
        }

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

        .max-md\:last\:col-span-2:last-child {
            grid-column: span 2/span 2
        }
    }

    @media not all and (min-width:768px) {
        .max-sm\:right-0 {
            right: calc(var(--spacing)*0)
        }

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

        .max-sm\:col-span-1 {
            grid-column: span 1/span 1
        }

        .max-sm\:col-span-2 {
            grid-column: span 2/span 2
        }

        .max-sm\:flex-center {
            justify-content: center;
            align-items: center;
            display: flex
        }

        .max-sm\:block {
            display: block
        }

        .max-sm\:flex {
            display: flex
        }

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

        .max-sm\:aspect-7\/4 {
            aspect-ratio: 7/4
        }

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

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

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

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

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

        .max-sm\:h-\[calc\(100svh-60px\)\] {
            height: calc(100svh - 60px)
        }

        .max-sm\:h-auto {
            height: auto
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .max-sm\:flex-wrap {
            flex-wrap: wrap
        }

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

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

        .max-sm\:justify-center {
            justify-content: center
        }

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

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

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

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

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

        .max-sm\:gap-y-25 {
            row-gap: calc(var(--spacing)*25)
        }

        .max-sm\:overflow-x-auto {
            overflow-x: auto
        }

        .max-sm\:rounded-none {
            border-radius: 0
        }

        .max-sm\:rounded-b-\[15px\] {
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px
        }

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

        .max-sm\:border-none {
            --tw-border-style: none;
            border-style: none
        }

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

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

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

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

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

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

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

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

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

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

        .max-sm\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .max-sm\:pt-15 {
            padding-top: calc(var(--spacing)*15)
        }

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

        .max-sm\:pt-60 {
            padding-top: calc(var(--spacing)*60)
        }

        .max-sm\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }

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

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

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

        .max-sm\:pl-20 {
            padding-left: calc(var(--spacing)*20)
        }

        .max-sm\:text-center {
            text-align: center
        }

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

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

        .max-sm\:leading-24 {
            --tw-leading: calc(var(--spacing)*24);
            line-height: calc(var(--spacing)*24)
        }

        .max-sm\:before\:hidden:before {
            content: var(--tw-content);
            display: none
        }

        .max-sm\:last\:col-span-1:last-child {
            grid-column: span 1/span 1
        }
    }

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

        .sm\:hidden {
            display: none
        }

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

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

        @media (hover:hover) {
            .sm\:hover\:scale-110:hover {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x)var(--tw-scale-y)
            }
        }
    }

    @media (min-width:1024px) {
        .md\:whitespace-nowrap {
            white-space: nowrap
        }
        .md\:pointer-events-none {
            pointer-events: none
        }

        .md\:absolute {
            position: absolute
        }
        
        .md\:fixed {
            position: fixed
        }

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

        .md\:top-\[calc\(100\%\+10px\)\] {
            top: calc(100% + 10px)
        }

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

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

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

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

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }
        
        .md\:h-\[45vh\] {
            height: 45vh
        }

        .md\:h-dvh {
            height: 100dvh
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .md\:-translate-x-1\/2 {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

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

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

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

        .md\:scale-\[1\.8\] {
            scale: 1.8
        }

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

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

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

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

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

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

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

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

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

        .md\:rounded-br-none {
            border-bottom-right-radius: 0
        }

        .md\:bg-\[\#F0F0F0\] {
            background-color: #f0f0f0
        }

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

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

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

        .md\:mask-\[linear-gradient\(to_bottom\,black_60\%\,transparent_100\%\)\] {
            -webkit-mask-image: linear-gradient(#000 60%, #0000 100%);
            mask-image: linear-gradient(#000 60%, #0000)
        }

        .md\:mask-\[linear-gradient\(to_top\,black_60\%\,transparent_100\%\)\] {
            -webkit-mask-image: linear-gradient(#0000 0%, #000 40%);
            mask-image: linear-gradient(#0000, #000 40%)
        }

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

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

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

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

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

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

        .md\:\[box-shadow\:0_30px_30px_0_rgba\(0\,0\,0\,0\.10\)\] {
            box-shadow: 0 30px 30px #0000001a
        }

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

        @media (hover:hover) {
            .md\:group-hover\:bg-black\!:is(:where(.group):hover *) {
                background-color: var(--color-black) !important
            }

            .md\:group-hover\:bg-primary:is(:where(.group):hover *) {
                background-color: var(--color-primary)
            }

            .md\:group-hover\:text-primary:is(:where(.group):hover *) {
                color: var(--color-primary)
            }

            .md\:group-hover\:text-white:is(:where(.group):hover *) {
                color: var(--color-white)
            }

            .md\:group-hover\:text-white\!:is(:where(.group):hover *) {
                color: var(--color-white) !important
            }

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

            .md\:group-hover\:opacity-15:is(:where(.group):hover *) {
                opacity: .15
            }

            .md\:group-hover\:grayscale-0:is(:where(.group):hover *) {
                --tw-grayscale: grayscale(0%);
                filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
            }

            .md\:group-hover\/b\:bg-white:is(:where(.group\/b):hover *) {
                background-color: var(--color-white)
            }

            .md\:group-hover\/b\:text-primary:is(:where(.group\/b):hover *) {
                color: var(--color-primary)
            }

            .md\:group-hover\/button\:\[stroke-dashoffset\:0\]\!:is(:where(.group\/button):hover *) {
                stroke-dashoffset: 0 !important
            }

            .md\:group-hover\/c\:border-primary:is(:where(.group\/c):hover *) {
                border-color: var(--color-primary)
            }

            .md\:group-hover\/c\:bg-primary:is(:where(.group\/c):hover *) {
                background-color: var(--color-primary)
            }

            .md\:group-hover\/c\:text-white:is(:where(.group\/c):hover *) {
                color: var(--color-white)
            }

            .md\:group-hover\/form\:border-primary:is(:where(.group\/form):hover *) {
                border-color: var(--color-primary)
            }

            .md\:group-hover\/i\:pointer-events-auto:is(:where(.group\/i):hover *) {
                pointer-events: auto
            }

            .md\:group-hover\/i\:scale-110:is(:where(.group\/i):hover *) {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x)var(--tw-scale-y)
            }

            .md\:group-hover\/i\:border-primary:is(:where(.group\/i):hover *) {
                border-color: var(--color-primary)
            }

            .md\:group-hover\/i\:bg-\[\#EFEFEF\]:is(:where(.group\/i):hover *) {
                background-color: #efefef
            }

            .md\:group-hover\/i\:bg-primary:is(:where(.group\/i):hover *) {
                background-color: var(--color-primary)
            }

            .md\:group-hover\/i\:bg-white:is(:where(.group\/i):hover *) {
                background-color: var(--color-white)
            }

            .md\:group-hover\/i\:fill-primary:is(:where(.group\/i):hover *) {
                fill: var(--color-primary)
            }

            .md\:group-hover\/i\:text-black:is(:where(.group\/i):hover *) {
                color: var(--color-black)
            }

            .md\:group-hover\/i\:text-primary:is(:where(.group\/i):hover *) {
                color: var(--color-primary)
            }

            .md\:group-hover\/i\:text-secondary:is(:where(.group\/i):hover *) {
                color: var(--color-secondary)
            }

            .md\:group-hover\/i\:text-white:is(:where(.group\/i):hover *) {
                color: var(--color-white)
            }

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

            .md\:group-hover\/i\:grayscale-0:is(:where(.group\/i):hover *) {
                --tw-grayscale: grayscale(0%);
                filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
            }

            .md\:group-hover\/item\:pointer-events-auto:is(:where(.group\/item):hover *) {
                pointer-events: auto
            }

            .md\:group-hover\/item\:rotate-180:is(:where(.group\/item):hover *) {
                rotate: 180deg
            }

            .md\:group-hover\/item\:text-primary:is(:where(.group\/item):hover *) {
                color: var(--color-primary)
            }

            .md\:group-hover\/item\:text-white:is(:where(.group\/item):hover *) {
                color: var(--color-white)
            }

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

        @media (hover:hover) {
            .md\:md\:group-hover\/langs\:text-white:is(:where(.group\/langs):hover *) {
                color: var(--color-white)
            }
        }

        @media (hover:hover) {
            .md\:group-hover\/slide\:rotate-45:is(:where(.group\/slide):hover *) {
                rotate: 45deg
            }

            .md\:group-hover\/slide\:text-primary:is(:where(.group\/slide):hover *) {
                color: var(--color-primary)
            }
        }

        .md\:before\:rounded-\[15px\]:before {
            content: var(--tw-content);
            border-radius: 15px
        }

        .md\:before\:rounded-\[18px\]:before {
            content: var(--tw-content);
            border-radius: 18px
        }

        .md\:before\:rounded-l-\[30px\]:before {
            content: var(--tw-content);
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px
        }

        .md\:before\:rounded-r-\[30px\]:before {
            content: var(--tw-content);
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px
        }

        .md\:before\:\[background\:linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.70\)_46\.32\%\,rgba\(0\,0\,0\,0\.00\)_91\.25\%\)\]:before {
            content: var(--tw-content);
            background: linear-gradient(#000000b3 46.32%, #0000 91.25%)
        }

        @media (hover:hover) {
            .md\:group-hover\/item\:before\:pointer-events-auto:is(:where(.group\/item):hover *):before {
                content: var(--tw-content);
                pointer-events: auto
            }

            .md\:hover\:scale-100:hover {
                --tw-scale-x: 100%;
                --tw-scale-y: 100%;
                --tw-scale-z: 100%;
                scale: var(--tw-scale-x)var(--tw-scale-y)
            }

            .md\:hover\:scale-110:hover {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x)var(--tw-scale-y)
            }

            .md\:hover\:rotate-90:hover {
                rotate: 90deg
            }

            .md\:hover\:rotate-180:hover {
                rotate: 180deg
            }

            .md\:hover\:border-\[\#9c9583\]:hover {
                border-color: #9c9583
            }

            .md\:hover\:border-black:hover {
                border-color: var(--color-black)
            }

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

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

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

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

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

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

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

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

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

            .md\:hover\:before\:w-full:hover:before {
                content: var(--tw-content);
                width: 100%
            }

            .md\:hover\:before\:bg-primary:hover:before {
                content: var(--tw-content);
                background-color: var(--color-primary)
            }
        }
    }

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

        .lg\:h-\[90svh\] {
            height: 90svh
        }

        .lg\:h-\[calc\(100svh-40px\)\] {
            height: calc(100svh - 40px);
        }

        .lg\:h-\[calc\(100svh-91px\)\] {
            height: calc(100svh - 91px)
        }

        .lg\:h-\[calc\(100svh-130px\)\] {
            height: calc(100svh - 130px)
        }

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

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

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

        .lg\:max-w-260 {
            max-width: calc(var(--spacing)*260)
        }

        .lg\:max-w-650 {
            max-width: calc(var(--spacing)*650)
        }

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

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

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

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

        @media (hover:hover) {
            .lg\:group-hover\/lang\:pointer-events-auto:is(:where(.group\/lang):hover *) {
                pointer-events: auto
            }

            .lg\:group-hover\/lang\:rotate-180:is(:where(.group\/lang):hover *) {
                rotate: 180deg
            }

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

    @media (min-width:1440px) {
        .xl\:absolute {
            position: absolute
        }

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

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

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

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

        .xl\:min-w-xs {
            min-width: var(--container-xs)
        }

        .xl\:grid-cols-\[7\.75fr_5\.75fr\] {
            grid-template-columns: 7.75fr 5.75fr
        }

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

    @media (min-width:1680px) {
        .\32xl\:w-\[calc\(65\%\+var\(--left\)\)\] {
            width: calc(65% + var(--left))
        }

        .\32xl\:w-\[calc\(100\%\+var\(--left\)\)\] {
            width: calc(100% + var(--left))
        }

        .\32xl\:\[--container\:1480px\] {
            --container: 1480px
        }

        .\32xl\:\[--containerPadding\:60px\] {
            --containerPadding: 60px
        }

        .\32xl\:\[--left\:calc\(\(100vw-var\(--container\)\)\/2\+var\(--containerPadding\)\)\] {
            --left: calc((100vw - var(--container))/2 + var(--containerPadding))
        }
    }

    @media (min-width:1921px) {
        .\33xl\:h-full {
            height: 100%
        }

        .\33xl\:w-full {
            width: 100%
        }

        .\33xl\:scale-\[1\.5\] {
            scale: 1.5
        }
    }

    @starting-style {
        .group-open\/dialog\:starting\:translate-y-\[5\%\]:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
            --tw-translate-y: 5%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    @starting-style {
        .group-open\/dialog\:starting\:opacity-0:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
            opacity: 0
        }
    }

    @starting-style {
        .open\:starting\:backdrop\:opacity-0:is([open], :popover-open, :open)::backdrop {
            opacity: 0
        }
    }

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

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

    .toggle\:border-black.toggle {
        border-color: var(--color-black)
    }

    .toggle\:bg-\[\#E6E6E6\].toggle {
        background-color: #e6e6e6
    }

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

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

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

    .toggle\:opacity-100.toggle {
        opacity: 1
    }

    .toggle\:delay-150.toggle {
        transition-delay: .15s
    }

    .toggle\:delay-500.toggle {
        transition-delay: .5s
    }

    .toggle\:before\:w-full.toggle:before {
        content: var(--tw-content);
        width: 100%
    }

    @media not all and (min-width:1024px) {
        .max-md\:toggle\:pointer-events-auto.toggle {
            pointer-events: auto
        }

        .max-md\:toggle\:grid-rows-\[1fr\].toggle {
            grid-template-rows: 1fr
        }

        .max-md\:toggle\:opacity-100.toggle {
            opacity: 1
        }
    }

    .\[\&_h1\,h2\,h3\,h4\,h5\,h6\]\:font-semibold h1,
    .\[\&_h1\,h2\,h3\,h4\,h5\,h6\]\:font-semibold h2,
    .\[\&_h1\,h2\,h3\,h4\,h5\,h6\]\:font-semibold h3,
    .\[\&_h1\,h2\,h3\,h4\,h5\,h6\]\:font-semibold h4,
    .\[\&_h1\,h2\,h3\,h4\,h5\,h6\]\:font-semibold h5,
    .\[\&_h1\,h2\,h3\,h4\,h5\,h6\]\:font-semibold h6 {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    @media not all and (min-width:1024px) {

        .max-md\:\[\&_h3\]\:text-\[20px\] h3,
        .max-md\:\[\&_h4\]\:text-\[20px\] h4 {
            font-size: 20px
        }
    }

    .\[\&_li_a\]\:p-5 li a {
        padding: calc(var(--spacing)*5)
    }

    .\[\&_path\]\:fill-\[\#D8D8DA\] path {
        fill: #d8d8da
    }

    .\[\&_path\]\:stroke-\[\#686D76\]\/30 path {
        stroke: #686d764d
    }

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

    .\[\&_path\]\:duration-300 path {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .\[\&_path\.active\]\:fill-primary\! path.active {
        fill: var(--color-primary) !important
    }

    .\[\&_path\.has-dot\]\:cursor-pointer path.has-dot {
        cursor: pointer
    }

    .\[\&_path\.has-dot\]\:fill-\[\#FEF8F2\] path.has-dot {
        fill: #fef8f2
    }

    .\[\&_path\.has-dot\]\:fill-\[\#188bc3\] path.has-dot {
        fill: #188bc3
    }

    .\[\&_strong\]\:bg-linear-to-b strong {
        --tw-gradient-position: to bottom
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .\[\&_strong\]\:bg-linear-to-b strong {
            --tw-gradient-position: to bottom in oklab
        }
    }

    .\[\&_strong\]\:bg-linear-to-b strong {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .\[\&_strong\]\:from-black strong {
        --tw-gradient-from: var(--color-black);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .\[\&_strong\]\:to-\[\#21A0F4\] strong {
        --tw-gradient-to: #21a0f4;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .\[\&_strong\]\:bg-clip-text strong {
        -webkit-background-clip: text;
        background-clip: text
    }

    .\[\&_strong\]\:font-medium strong {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_strong\]\:text-black strong {
        color: var(--color-black)
    }

    .\[\&_strong\]\:text-transparent strong {
        color: #0000
    }

    .\[\&_ul\]\:grid ul {
        display: grid
    }

    .\[\&_ul\]\:grid-cols-2 ul {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .\[\&_ul\]\:gap-20 ul {
        gap: calc(var(--spacing)*20)
    }

    @media not all and (min-width:768px) {
        .max-sm\:\[\&_ul\]\:grid-cols-1 ul {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }
    }

    .\[\&_ul_li\]\:m-0 ul li {
        margin: calc(var(--spacing)*0)
    }

    .\[\&_ul_li\]\:border-b ul li {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .\[\&_ul_li\]\:border-black\/10 ul li {
        border-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&_ul_li\]\:border-black\/10 ul li {
            border-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .\[\&_ul_li\]\:pb-10 ul li {
        padding-bottom: calc(var(--spacing)*10)
    }

    .\[\&_ul_li\:\:marker\]\:text-primary ul li::marker {
        color: var(--color-primary)
    }

    .\[\&\.active\]\:z-20.active {
        z-index: 20
    }

    .\[\&\.active\]\:w-25.active {
        width: calc(var(--spacing)*25)
    }

    .\[\&\.active\]\:grid-rows-\[1fr\].active {
        grid-template-rows: 1fr
    }

    .\[\&\.active\]\:bg-black.active {
        background-color: var(--color-black)
    }

    .\[\&\.active\]\:bg-primary.active {
        background-color: var(--color-primary)
    }

    .\[\&\.active\]\:text-white.active {
        color: var(--color-white)
    }

    .\[\&\.active\]\:opacity-100.active {
        opacity: 1
    }

    .\[\&\.active\]\:before\:bg-primary.active:before {
        content: var(--tw-content);
        background-color: var(--color-primary)
    }

    @media not all and (min-width:1024px) {
        .max-md\:\[\&\.active\]\:bg-primary.active {
            background-color: var(--color-primary)
        }
    }

    .\[\&\.disabled\]\:pointer-events-none.disabled {
        pointer-events: none
    }

    .\[\&\.disabled\]\:opacity-30.disabled {
        opacity: .3
    }

    .\[\&\.scroll-down\]\:shadow-sm.scroll-down {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\[\&\.scroll-up\]\:-translate-y-full.scroll-up {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\.swiper-pagination-bullet-active\]\:before\:bg-primary.swiper-pagination-bullet-active:before {
        content: var(--tw-content);
        background-color: var(--color-primary)
    }

    .\[\&\.swiper-pagination-bullet-active\]\:before\:bg-white.swiper-pagination-bullet-active:before {
        content: var(--tw-content);
        background-color: var(--color-white)
    }

    .\[\&\:not\(\.active\)\]\:pointer-events-none:not(.active) {
        pointer-events: none
    }

    .\[\&\:not\(\.active\)\]\:opacity-0:not(.active) {
        opacity: 0
    }
}

@media print {

    :not(:has([data-printable])),
    header,
    footer {
        display: none !important
    }

    [data-printable] {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important
    }

    :has([data-printable]),
    [data-printable] * {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important
    }
}

@property --percent-start {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%
}

@property --percent-end {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
}

.swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(#0000, #00000080)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000)
}

.swiper-lazy-preloader {
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: #0000;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
    top: 50%;
    left: 50%
}

:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
    display: none !important
}

:is(.swiper-button-prev, .swiper-button-next) svg {
    object-fit: contain;
    transform-origin: 50%;
    fill: currentColor;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2))
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
}

.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg)
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal~.swiper-button-prev,
.swiper-horizontal~.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    margin-left: 0
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal~.swiper-button-prev,
.swiper-horizontal.swiper-rtl .swiper-button-next,
.swiper-horizontal.swiper-rtl~.swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
}

.swiper-horizontal .swiper-button-next,
.swiper-horizontal~.swiper-button-next,
.swiper-horizontal.swiper-rtl .swiper-button-prev,
.swiper-horizontal.swiper-rtl~.swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto
}

:is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal~.swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon {
    transform: rotate(180deg)
}

:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(0)
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical~.swiper-button-prev,
.swiper-vertical~.swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - (var(--swiper-navigation-size)/2));
    margin-top: 0;
    right: auto
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical~.swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto
}

:is(.swiper-vertical .swiper-button-prev, .swiper-vertical~.swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(-90deg)
}

.swiper-vertical .swiper-button-next,
.swiper-vertical~.swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto
}

:is(.swiper-vertical .swiper-button-next, .swiper-vertical~.swiper-button-next) .swiper-navigation-icon {
    transform: rotate(90deg)
}

.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity .3s;
    position: absolute;
    transform: translate(0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    width: 100%;
    left: 0
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    display: inline-block
}

button.swiper-pagination-bullet {
    box-shadow: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translateY(-50%)
}

:is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0;
    display: block
}

:is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%)
}

:is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, top .2s;
    display: inline-block
}

:is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

:is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%)
}

:is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, #00000040);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0)
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
    left: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, #0000001a);
    position: relative
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, #00000080);
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-flow: column wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    opacity: .6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    filter: blur(50px);
    background: #000;
    position: absolute;
    inset: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: bottom;
    backface-visibility: hidden;
    overflow: hidden
}

body {
    font-family: var(--font-primary);
    color: var(--color-black)
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-250.woff2)format("woff2"), url(../font/aspekta/Aspekta-250.woff)format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-300.woff2)format("woff2"), url(../font/aspekta/Aspekta-300.woff)format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-350.woff2)format("woff2"), url(../font/aspekta/Aspekta-350.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-400.woff2)format("woff2"), url(../font/aspekta/Aspekta-400.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-450.woff2)format("woff2"), url(../font/aspekta/Aspekta-450.woff)format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-500.woff2)format("woff2"), url(../font/aspekta/Aspekta-500.woff)format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-550.woff2)format("woff2"), url(../font/aspekta/Aspekta-550.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-600.woff2)format("woff2"), url(../font/aspekta/Aspekta-600.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-650.woff2)format("woff2"), url(../font/aspekta/Aspekta-650.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aspekta;
    src: url(../font/aspekta/Aspekta-700.woff2)format("woff2"), url(../font/aspekta/Aspekta-700.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: icon;
    src: url(../font/icon/icon.eot);
    src: url(../font/icon/icon-1.eot)format("embedded-opentype"), url(../font/icon/icon.woff)format("woff"), url(../font/icon/icon.ttf)format("truetype"), url(../font/icon/icon.svg)format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=icon-]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icon;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block
}

.icon-360:before {
    content: "A"
}

.icon-arroba:before {
    content: "B"
}

.icon-arrow-right-2:before {
    content: "C"
}

.icon-arrow-right:before {
    content: "D"
}

.icon-arrow-rotate:before {
    content: "E"
}

.icon-camera:before {
    content: "F"
}

.icon-chevron-right:before {
    content: "G"
}

.icon-download:before {
    content: "H"
}

.icon-eye:before {
    content: "I"
}

.icon-facebook:before {
    content: "J"
}

.icon-headset:before {
    content: "K"
}

.icon-instagram-2:before {
    content: "L"
}

.icon-instagram:before {
    content: "M"
}

.icon-linkedin-2:before {
    content: "N"
}

.icon-linkedin:before {
    content: "O"
}

.icon-mail:before {
    content: "P"
}

.icon-pin:before {
    content: "Q"
}

.icon-play:before {
    content: "R"
}

.icon-search:before {
    content: "S"
}

.icon-whatsapp:before {
    content: "T"
}

.icon-x-2:before {
    content: "U"
}

.icon-x:before {
    content: "V"
}

.icon-youtube-2:before {
    content: "W"
}

.icon-youtube:before {
    content: "X"
}

@media (min-width:1024px) {
    .sticky {
        position: sticky;
        top: 60px;
        -o-transition: all .5s ease !important;
        transition: all .5s !important
    }
}

@keyframes py-new {
    0% {
        transform: scale(-1, .9)rotateY(0)
    }

    to {
        transform: scale(-1, .9)rotateY(-360deg)
    }
}

@media (min-width:1025px) {
    [reveal] {
        opacity: 0;
        -o-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -o-transform 1s cubic-bezier(.25, .46, .45, .94), -o-filter 1s cubic-bezier(.25, .46, .45, .94);
        -webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.25, .46, .45, .94), -webkit-filter 1s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -moz-transform 1s cubic-bezier(.25, .46, .45, .94), -moz-filter 1s cubic-bezier(.25, .46, .45, .94);
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.25, .46, .45, .94), filter 1s cubic-bezier(.25, .46, .45, .94)
    }

    [reveal=bottom] {
        transform: translateY(-50px)
    }

    [reveal=bottom-scale] {
        opacity: 0;
        transform: translateY(20px)translate(-40px)scale(.85)
    }

    [reveal=bottom-scale].toggle {
        opacity: 1;
        transform: translateY(0)scale(1)
    }

    [reveal=blur] {
        filter: blur(8px);
        -moz-filter: blur(8px);
        -o-filter: blur(8px);
        -ms-filter: blur(8px);
        transform: translateY(-50px)
    }

    [reveal].toggle,
    [reveal=once] {
        opacity: 1;
        filter: blur()brightness()grayscale(0);
        -moz-filter: blur(0)brightness(1)grayscale(0);
        -o-filter: blur(0)brightness(1)grayscale(0);
        -ms-filter: blur(0)brightness(1)grayscale(0);
        transform: translate(0)
    }
}

option {
    color: #000
}

@media print {

    :not(:has(.prose-blog)),
    header,
    footer {
        border: none !important;
        display: none !important
    }

    .prose-blog {
        border: none !important;
        flex-direction: column !important;
        gap: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important
    }

    :has(.prose-blog),
    .prose-blog * {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important
    }
}

html,
body {
    scrollbar-gutter: stable
}

.blog-item.type-1 {
    background-color: #fefefe
}

.blog-item.type-1 .badge {
    background-color: #efedf0
}

.blog-item.type-1 .category {
    color: #0b2347
}

.blog-item.type-1 .date {
    color: #0b234780
}

.blog-item.type-1 .line {
    background-color: #0000000d
}

@supports (color:color-mix(in lab, red, red)) {
    .blog-item.type-1 .line {
        background-color: color-mix(in oklab, var(--color-black)5%, transparent)
    }
}

.blog-item.type-1 .title {
    color: var(--color-black)
}

.blog-item.type-1 .read,
.blog-item.type-1 i {
    color: #0b2347
}

.blog-item.type-1 .button {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.blog-item.type-2 {
    background-color: var(--color-primary)
}

.blog-item.type-2 .badge {
    background-color: #dd6d25
}

.blog-item.type-2 .category,
.blog-item.type-2 .title,
.blog-item.type-2 .read,
.blog-item.type-2 i {
    color: var(--color-white)
}

.blog-item.type-2 .date {
    color: #ffffff80
}

@supports (color:color-mix(in lab, red, red)) {
    .blog-item.type-2 .date {
        color: color-mix(in oklab, var(--color-white)50%, transparent)
    }
}

.blog-item.type-2 .line {
    background-color: #ffffff0d
}

@supports (color:color-mix(in lab, red, red)) {
    .blog-item.type-2 .line {
        background-color: color-mix(in oklab, var(--color-white)5%, transparent)
    }
}

.blog-item.type-2 .button {
    background-color: var(--color-white);
    color: var(--color-black)
}

.blog-item.type-3 {
    background-color: var(--color-secondary)
}

.blog-item.type-3 .badge {
    background-color: #3c3e41
}

.blog-item.type-3 .category,
.blog-item.type-3 .title,
.blog-item.type-3 .read,
.blog-item.type-3 i {
    color: var(--color-white)
}

.blog-item.type-3 .date {
    color: #ffffff80
}

@supports (color:color-mix(in lab, red, red)) {
    .blog-item.type-3 .date {
        color: color-mix(in oklab, var(--color-white)50%, transparent)
    }
}

.blog-item.type-3 .line {
    background-color: #ffffff0d
}

@supports (color:color-mix(in lab, red, red)) {
    .blog-item.type-3 .line {
        background-color: color-mix(in oklab, var(--color-white)5%, transparent)
    }
}

.blog-item.type-3 .button {
    background-color: var(--color-primary);
    color: var(--color-white)
}

::-webkit-scrollbar {
    width: 5px !important
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 225px #0000001d
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #841719 !important
}

#map .leaflet-tile {
    filter: grayscale(70%)
}

.leaflet-bottom {
    display: none !important
}

.leaflet-control-zoom-in {
    transition: all .2s ease-in;
    width: 40px !important;
    height: 40px !important
}

.leaflet-control-zoom-in span {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important
}

.leaflet-control-zoom-in:hover {
    color: #fff !important;
    background-color: #841719 !important
}

.leaflet-control-zoom-out {
    transition: all .2s ease-in;
    width: 40px !important;
    height: 40px !important
}

.leaflet-control-zoom-out span {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important
}

.leaflet-control-zoom-out:hover {
    color: #fff !important;
    background-color: #841719 !important
}

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

.text span {
    transform-origin: 0 100px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 50%
}

.text-index span {
    transform-origin: 0 100px;
    color: #0a1f8f;
    font-size: 10px;
    position: absolute;
    left: 50%
}

.swiperHomeMini .swiper-slide {
    opacity: 0;
    transition: opacity .8s, transform .8s;
    transform: translateY(10px)
}

.swiperHomeMini .swiper-slide-active {
    opacity: 1;
    transform: translateY(0)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

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

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-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
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}