/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
        --color-red-50: oklch(97.1% 0.013 17.38);
        --color-red-300: oklch(80.8% 0.114 19.571);
        --color-red-500: oklch(63.7% 0.237 25.331);
        --color-red-800: oklch(44.4% 0.177 26.899);
        --color-yellow-50: oklch(98.7% 0.026 102.212);
        --color-yellow-300: oklch(90.5% 0.182 98.111);
        --color-yellow-800: oklch(47.6% 0.114 61.907);
        --color-green-50: oklch(98.2% 0.018 155.826);
        --color-green-300: oklch(87.1% 0.15 154.449);
        --color-green-800: oklch(44.8% 0.119 151.328);
        --color-blue-50: oklch(97% 0.014 254.604);
        --color-blue-300: oklch(80.9% 0.105 251.813);
        --color-blue-500: oklch(62.3% 0.214 259.815);
        --color-blue-800: oklch(42.4% 0.199 265.638);
        --color-violet-700: oklch(49.1% 0.27 292.581);
        --color-gray-50: oklch(98.5% 0.002 247.839);
        --color-gray-300: oklch(87.2% 0.01 258.338);
        --color-gray-500: oklch(55.1% 0.027 264.364);
        --color-gray-800: oklch(27.8% 0.033 256.848);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 57.75rem;
        --container-6xl: 75rem;
        --container-7xl: 80rem;
        --text-xs: calc(var(--base-font-size) * 0.75);
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: calc(var(--base-font-size) * 0.875);
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-lg: calc(var(--base-font-size) * 1.125);
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: calc(var(--base-font-size) * 1.25);
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: calc(var(--base-font-size) * 1.5);
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-3xl: 1.5rem;
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --blur-lg: 16px;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-base: "Niramit", sans-serif;
        --font-secondary: "Mouse Memoirs", sans-serif;
        --container-base: 84.375rem;
        --container-extra: 106.25rem;
        --container-narrow: 76.875rem;
        --spacing-gap: 1.25rem;
        --spacing-space: 1.875rem;
        --spacing-space-md: 3.75rem;
        --spacing-space-lg: 5.625rem;
        --spacing-block-padding-x: 0;
        --spacing-block-y-sm: 30px;
        --spacing-block-y-md: 60px;
        --spacing-margin-sm: 30px;
        --spacing-margin-md: 60px;
        --spacing-padding-sm: 30px;
        --spacing-padding-md: 60px;
        --radius-def: 0.625rem;
        --radius-base: 1.25rem;
        --size-avatar: 124px;
        --text-pagination: calc(var(--base-font-size) * 1.125);
        --spacing-pagination-item-size: 46px;
        --background-image-pattern: url("../img/pattern-white.svg");
        --background-image-pattern2: url("../img/pattern-white2.svg");
        --background-image-check: url("../img/icons/check.svg");
        --background-image-checkbox: url("../img/icons/checked.svg");
        --background-image-radio: url("../img/icons/radio.svg");
        --text-default: calc(var(--base-font-size));
        --text-phone: calc(var(--base-font-size) * 1.6875);
        --text-email: calc(var(--base-font-size) * 2);
        --leading-h4: 1.32;
        --max-width-logotype: 300px;
        --padding-sm: 30px;
        --max-width-post-content: auto;
        --color-base: #043a4f;
        --color-primary: #d22766;
        --color-secondary: #008bc0;
        --color-tertiary: #6fb857;
        --color-quaternary: #fdb813;
        --color-background: #f4f4f4;
        --color-content: #2a1e66;
        --color-light: #fffef7;
        --color-gray: #e5e5eb;
        --color-gray-light: #fafafb;
        --color-gray-lighter: #fafafe;
        --color-contrast: yellow;
        --color-radial: #dcdcf1;
        --color-footer: #f4f6f7;
        --spacing-gap3: 1.875rem;
        --spacing-gap4: 2.5rem;
        --spacing-gap5: 3.125rem;
        --spacing-gap6: 3.75rem;
        --spacing-gap8: 5rem;
        --spacing-gap9: 5.625rem;
        --spacing-gap10: 6.25rem;
        --spacing-gap12: 7.5rem;
        --spacing-gap14: 8.75rem;
        --spacing-gap15: 9.375rem;
        --spacing-gap16: 10rem;
        --spacing-gap24: 15rem;
        --spacing-gap26: 16.25rem;
        --spacing-section: 3.75rem;
        --text-h1: calc(var(--base-font-size) * 3.625);
        --text-h2: calc(var(--base-font-size) * 2.375);
        --text-h3: calc(var(--base-font-size) * 1.75);
        --text-h4: calc(var(--base-font-size) * 1.438);
        --text-h5: calc(var(--base-font-size) * 1.125);
        --text-h6: calc(var(--base-font-size));
        --text-h1-content: calc(var(--base-font-size) * 3.625);
        --text-h2-content: calc(var(--base-font-size) * 2.375);
        --text-h3-content: calc(var(--base-font-size) * 1.75);
        --text-h4-content: calc(var(--base-font-size) * 1.438);
        --text-h5-content: calc(var(--base-font-size) * 1.125);
        --text-h6-content: calc(var(--base-font-size));
        --text-custom: calc(var(--base-font-size) * 15 / 16);
        --text-contents: calc(var(--base-font-size));
        --text-contents--line-height: 1.25;
        --height-header: 5rem;
        --height-header-sticky: calc(var(--base-font-size) * 5);
        --spacing-button-px: 1.875rem;
        --spacing-button-py: 0.625rem;
        --text-button: calc(var(--base-font-size) * 18 / 16);
        --text-button-sm: calc(var(--base-font-size) * 16 / 16);
        --text-button-icon: calc(var(--base-font-size) * 15 / 16);
        --height-button: 2.8125rem;
        --height-button-sm: 2.5rem;
        --text-input: calc(var(--base-font-size) * 1.0625);
        --padding-input-px: calc(var(--base-font-size) * 1.875);
        --padding-input-py: calc(var(--base-font-size) * 0.9375);
        --height-input: calc(var(--base-font-size) * 4);
        --text-icon-xs: calc(var(--base-font-size) * 1.1875);
        --text-dropdown: calc(var(--base-font-size) * 19 / 16);
        --text-dropdown-icon: calc(var(--base-font-size) * 9 / 16);
        --text-social: calc(var(--base-font-size) * 3.375);
        --size-social: calc(var(--base-font-size) * 3.375);
        --width-social-icon: calc(var(--base-font-size) * 1.625);
        --width-logo: 7.5rem;
    }
}
@layer base {
    *, ::after, ::before, ::backdrop, ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }
    html, :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.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 {
        display: block;
        vertical-align: middle;
    }
    img, video {
        max-width: 100%;
        height: auto;
    }
    button, input, select, optgroup, textarea, ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }
    :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)) {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }
    textarea {
        resize: vertical;
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
        appearance: button;
    }
    ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer utilities {
    .pointer-events-none {
        pointer-events: none;
    }
    .utHolder {
        position: relative;
        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));
        --tw-content: '';
        content: var(--tw-content);
        &::after {
            content: var(--tw-content);
            position: absolute;
            top: calc(1/2 * 100%);
            left: calc(1/2 * 100%);
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        &::after {
            content: var(--tw-content);
            width: calc(var(--spacing) * 12);
            height: calc(var(--spacing) * 12);
        }
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary);
            }
        }
    }
    .utLayer {
        position: relative;
        z-index: 1;
    }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .top-full {
        top: 100%;
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .right-10 {
        right: calc(var(--spacing) * 10);
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .z-0 {
        z-index: 0;
    }
    .z-1 {
        z-index: 1;
    }
    .z-2 {
        z-index: 2;
    }
    .z-10 {
        z-index: 10;
    }
    .z-40 {
        z-index: 40;
    }
    .z-50 {
        z-index: 50;
    }
    .z-\[51\] {
        z-index: 51;
    }
    .container {
        width: 100%;
        @media (width >= 40rem) {
            max-width: 40rem;
        }
        @media (width >= 48rem) {
            max-width: 48rem;
        }
        @media (width >= 64rem) {
            max-width: 64rem;
        }
        @media (width >= 80rem) {
            max-width: 80rem;
        }
        @media (width >= 96rem) {
            max-width: 96rem;
        }
        @media (width >= 112.5rem) {
            max-width: 112.5rem;
        }
    }
    .m-2 {
        margin: calc(var(--spacing) * 2);
    }
    .m-2\.5 {
        margin: calc(var(--spacing) * 2.5);
    }
    .container {
        margin-inline: auto;
        padding-inline: var(--spacing-gap);
        @media (width >= 64rem) {
            max-width: var(--container-4xl);
        }
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 80rem) {
            max-width: var(--container-6xl);
        }
        @media (width >= 96rem) {
            max-width: var(--container-7xl);
        }
        @media (width >= 112.5rem) {
            max-width: var(--container-base);
        }
    }
    .container-narrow {
        margin-inline: auto;
        padding-inline: var(--spacing-gap);
        @media (width >= 64rem) {
            max-width: var(--container-4xl);
        }
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 80rem) {
            max-width: var(--container-6xl);
        }
        @media (width >= 96rem) {
            max-width: var(--container-narrow);
        }
    }
    .container-style {
        margin-inline: auto;
        padding-inline: var(--spacing-gap);
        @media (width >= 64rem) {
            max-width: var(--container-4xl);
        }
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 80rem) {
            max-width: var(--container-6xl);
        }
        @media (width >= 96rem) {
            max-width: var(--container-7xl);
        }
    }
    .container-extra {
        @media (width >= 64rem) {
            margin-inline: auto;
        }
        @media (width >= 64rem) {
            max-width: var(--container-4xl);
        }
        @media (width >= 80rem) {
            max-width: var(--container-6xl);
        }
        @media (width >= 96rem) {
            max-width: var(--container-7xl);
        }
        @media (width >= 112.5rem) {
            max-width: var(--container-extra);
        }
    }
    .container-tiny {
        @media (width >= 64rem) {
            margin-inline: auto;
        }
        @media (width >= 64rem) {
            max-width: 33.3125rem;
        }
        @media (width >= 80rem) {
            max-width: 40rem;
        }
        @media (width >= 112.5rem) {
            max-width: 50rem;
        }
    }
    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4);
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-1 {
        margin-block: calc(var(--spacing) * 1);
    }
    .my-5 {
        margin-block: calc(var(--spacing) * 5);
    }
    .my-gap12 {
        margin-block: var(--spacing-gap12);
    }
    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5);
    }
    .mt-2 {
        margin-top: calc(var(--spacing) * 2);
    }
    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5);
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3);
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4);
    }
    .mt-5 {
        margin-top: calc(var(--spacing) * 5);
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6);
    }
    .mt-10 {
        margin-top: calc(var(--spacing) * 10);
    }
    .mt-section {
        margin-top: var(--spacing-section);
    }
    .mr-1 {
        margin-right: calc(var(--spacing) * 1);
    }
    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5);
    }
    .mb-7 {
        margin-bottom: calc(var(--spacing) * 7);
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }
    .mb-margin-sm {
        margin-bottom: var(--spacing-margin-sm);
    }
    .utFly {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .block {
        display: block;
    }
    .flex {
        display: flex;
    }
    .grid {
        display: grid;
    }
    .hidden {
        display: none;
    }
    .inline-block {
        display: inline-block;
    }
    .inline-flex {
        display: inline-flex;
    }
    .table {
        display: table;
    }
    .size-avatar {
        width: var(--size-avatar);
        height: var(--size-avatar);
    }
    .min-h-16 {
        min-height: calc(var(--spacing) * 16);
    }
    .w-80 {
        width: calc(var(--spacing) * 80);
    }
    .w-full {
        width: 100%;
    }
    .max-w-logotype {
        max-width: var(--max-width-logotype);
    }
    .flex-auto {
        flex: auto;
    }
    .flex-none {
        flex: none;
    }
    .origin-top-right {
        transform-origin: top right;
    }
    .rotate-180 {
        rotate: 180deg;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .items-center {
        align-items: center;
    }
    .justify-between {
        justify-content: space-between;
    }
    .justify-center {
        justify-content: center;
    }
    .justify-end {
        justify-content: flex-end;
    }
    .gap-1 {
        gap: calc(var(--spacing) * 1);
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }
    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5);
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5);
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }
    .gap-gap3 {
        gap: var(--spacing-gap3);
    }
    .gap-gap4 {
        gap: var(--spacing-gap4);
    }
    .gap-space {
        gap: var(--spacing-space);
    }
    .space-y-2\.5 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-5 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .overflow-x-clip {
        overflow-x: clip;
    }
    .rounded-base {
        border-radius: var(--radius-base);
    }
    .rounded-def {
        border-radius: var(--radius-def);
    }
    .rounded-full {
        border-radius: calc(infinity * 1px);
    }
    .rounded-md {
        border-radius: var(--radius-md);
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
    }
    .border-base\/40 {
        border-color: color-mix(in srgb, #043a4f 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base) 40%, transparent);
        }
    }
    .border-black\/10 {
        border-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
    }
    .border-blue-500 {
        border-color: var(--color-blue-500);
    }
    .border-gray {
        border-color: var(--color-gray);
    }
    .border-gray-light {
        border-color: var(--color-gray-light);
    }
    .border-gray-lighter {
        border-color: var(--color-gray-lighter);
    }
    .border-primary {
        border-color: var(--color-primary);
    }
    .border-secondary {
        border-color: var(--color-secondary);
    }
    .border-white {
        border-color: var(--color-white);
    }
    .\!bg-gray-500 {
        background-color: var(--color-gray-500) !important;
    }
    .bg-background {
        background-color: var(--color-background);
    }
    .bg-black\/5 {
        background-color: color-mix(in srgb, #000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
    }
    .bg-black\/90 {
        background-color: color-mix(in srgb, #000 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
        }
    }
    .bg-blue-500 {
        background-color: var(--color-blue-500);
    }
    .bg-footer {
        background-color: var(--color-footer);
    }
    .bg-gray {
        background-color: var(--color-gray);
    }
    .bg-gray-light {
        background-color: var(--color-gray-light);
    }
    .bg-light {
        background-color: var(--color-light);
    }
    .bg-primary {
        background-color: var(--color-primary);
    }
    .bg-quaternary {
        background-color: var(--color-quaternary);
    }
    .bg-red-500 {
        background-color: var(--color-red-500);
    }
    .bg-secondary {
        background-color: var(--color-secondary);
    }
    .bg-tertiary {
        background-color: var(--color-tertiary);
    }
    .bg-transparent {
        background-color: transparent;
    }
    .bg-white {
        background-color: var(--color-white);
    }
    .bg-linear-to-b {
        --tw-gradient-position: to bottom;
        @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to bottom in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .utLineLinks {
        a {
            text-decoration: none;
            background-image: linear-gradient(currentColor, currentColor);
            background-position: 0% 100%;
            background-repeat: no-repeat;
            background-size: 0% 1px;
            transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
            &:hover, &:focus {
                background-size: 100% 1px;
            }
            &.mfStyle {
                background-size: 100% 1px;
            }
        }
        &.mfBlack a:hover {
            color: var(--color-black);
        }
    }
    .utLine {
        text-decoration: none;
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
        &:hover, &:focus {
            background-size: 100% 1px;
        }
        &.mfStyle {
            background-size: 100% 1px;
        }
    }
    .bg-none {
        background-image: none;
    }
    .bg-pattern {
        background-image: var(--background-image-pattern);
    }
    .bg-pattern2 {
        background-image: var(--background-image-pattern2);
    }
    .from-black\/10 {
        --tw-gradient-from: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
        --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));
    }
    .utLineT {
        &:hover .utLine {
            background-size: 100% 1px;
        }
    }
    .p-2 {
        padding: calc(var(--spacing) * 2);
    }
    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5);
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .p-5 {
        padding: calc(var(--spacing) * 5);
    }
    .p-gap3 {
        padding: var(--spacing-gap3);
    }
    .px-2 {
        padding-inline: calc(var(--spacing) * 2);
    }
    .px-3 {
        padding-inline: calc(var(--spacing) * 3);
    }
    .px-7 {
        padding-inline: calc(var(--spacing) * 7);
    }
    .px-gap3 {
        padding-inline: var(--spacing-gap3);
    }
    .py-1 {
        padding-block: calc(var(--spacing) * 1);
    }
    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5);
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }
    .py-gap5 {
        padding-block: var(--spacing-gap5);
    }
    .py-gap6 {
        padding-block: var(--spacing-gap6);
    }
    .py-padding-sm {
        padding-block: var(--spacing-padding-sm);
    }
    .pt-gap4 {
        padding-top: var(--spacing-gap4);
    }
    .pb-gap9 {
        padding-bottom: var(--spacing-gap9);
    }
    .pb-gap14 {
        padding-bottom: var(--spacing-gap14);
    }
    .text-center {
        text-align: center;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
    .font-base {
        font-family: var(--font-base);
    }
    .font-secondary {
        font-family: var(--font-secondary);
    }
    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .text-contents {
        font-size: var(--text-contents);
        line-height: var(--tw-leading, var(--text-contents--line-height));
    }
    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .text-custom {
        font-size: var(--text-custom);
    }
    .text-default {
        font-size: var(--text-default);
    }
    .text-email {
        font-size: var(--text-email);
    }
    .text-pagination {
        font-size: var(--text-pagination);
    }
    .text-phone {
        font-size: var(--text-phone);
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }
    .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-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-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest);
    }
    .break-all {
        word-break: break-all;
    }
    .text-base {
        color: var(--color-base);
    }
    .text-content {
        color: var(--color-content);
    }
    .text-primary {
        color: var(--color-primary);
    }
    .text-quaternary {
        color: var(--color-quaternary);
    }
    .text-secondary {
        color: var(--color-secondary);
    }
    .text-tertiary {
        color: var(--color-tertiary);
    }
    .text-white {
        color: var(--color-white);
    }
    .uppercase {
        text-transform: uppercase;
    }
    .opacity-80 {
        opacity: 80%;
    }
    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ring-4 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ring-primary {
        --tw-ring-color: var(--color-primary);
    }
    .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-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));
    }
    .duration-200 {
        --tw-duration: 200ms;
        transition-duration: 200ms;
    }
    .duration-300 {
        --tw-duration: 300ms;
        transition-duration: 300ms;
    }
    .group-hover\:bg-white {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-white);
            }
        }
    }
    .group-hover\:text-black {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-black);
            }
        }
    }
    .group-\[\.has-border\]\:border {
        &:is(:where(.group):is(.has-border) *) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }
    .group-\[\.has-border\]\:border-primary {
        &:is(:where(.group):is(.has-border) *) {
            border-color: var(--color-primary);
        }
    }
    .hover\:\!bg-black {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-black) !important;
            }
        }
    }
    .hover\:bg-black {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-black);
            }
        }
    }
    .hover\:\!text-white {
        &:hover {
            @media (hover: hover) {
                color: var(--color-white) !important;
            }
        }
    }
    .hover\:text-base {
        &:hover {
            @media (hover: hover) {
                color: var(--color-base);
            }
        }
    }
    .hover\:text-current {
        &:hover {
            @media (hover: hover) {
                color: currentcolor;
            }
        }
    }
    .hover\:text-primary {
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary);
            }
        }
    }
    .hover\:text-secondary {
        &:hover {
            @media (hover: hover) {
                color: var(--color-secondary);
            }
        }
    }
    .hover\:text-white {
        &:hover {
            @media (hover: hover) {
                color: var(--color-white);
            }
        }
    }
    .\*\*\:hover\:text-black {
        :is(& *) {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-black);
                }
            }
        }
    }
    .focus\:text-white {
        &:focus {
            color: var(--color-white);
        }
    }
    .focus\:outline-none {
        &:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
    }
    .has-checked\:bg-white {
        &:has(*:checked) {
            background-color: var(--color-white);
        }
    }
    .max-lg\:col-span-2 {
        @media (width < 64rem) {
            grid-column: span 2 / span 2;
        }
    }
    .max-lg\:my-5 {
        @media (width < 64rem) {
            margin-block: calc(var(--spacing) * 5);
        }
    }
    .max-lg\:mt-gap10 {
        @media (width < 64rem) {
            margin-top: var(--spacing-gap10);
        }
    }
    .max-lg\:hidden {
        @media (width < 64rem) {
            display: none;
        }
    }
    .max-lg\:w-full {
        @media (width < 64rem) {
            width: 100%;
        }
    }
    .max-lg\:justify-between {
        @media (width < 64rem) {
            justify-content: space-between;
        }
    }
    .max-lg\:justify-center {
        @media (width < 64rem) {
            justify-content: center;
        }
    }
    .max-lg\:px-2\.5 {
        @media (width < 64rem) {
            padding-inline: calc(var(--spacing) * 2.5);
        }
    }
    .max-lg\:px-4 {
        @media (width < 64rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }
    .max-lg\:text-center {
        @media (width < 64rem) {
            text-align: center;
        }
    }
    .max-lg\:text-right {
        @media (width < 64rem) {
            text-align: right;
        }
    }
    .sm\:ml-auto {
        @media (width >= 40rem) {
            margin-left: auto;
        }
    }
    .sm\:flex-none {
        @media (width >= 40rem) {
            flex: none;
        }
    }
    .sm\:grid-cols-2 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .sm\:flex-row {
        @media (width >= 40rem) {
            flex-direction: row;
        }
    }
    .sm\:items-center {
        @media (width >= 40rem) {
            align-items: center;
        }
    }
    .sm\:gap-gap3 {
        @media (width >= 40rem) {
            gap: var(--spacing-gap3);
        }
    }
    .sm\:gap-gap4 {
        @media (width >= 40rem) {
            gap: var(--spacing-gap4);
        }
    }
    .md\:ml-auto {
        @media (width >= 48rem) {
            margin-left: auto;
        }
    }
    .md\:flex-none {
        @media (width >= 48rem) {
            flex: none;
        }
    }
    .md\:grid-cols-3 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    .md\:flex-row {
        @media (width >= 48rem) {
            flex-direction: row;
        }
    }
    .md\:items-center {
        @media (width >= 48rem) {
            align-items: center;
        }
    }
    .md\:gap-gap3 {
        @media (width >= 48rem) {
            gap: var(--spacing-gap3);
        }
    }
    .md\:gap-space {
        @media (width >= 48rem) {
            gap: var(--spacing-space);
        }
    }
    .lg\:sticky {
        @media (width >= 64rem) {
            position: sticky;
        }
    }
    .lg\:top-24 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 24);
        }
    }
    .lg\:right-0 {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * 0);
        }
    }
    .lg\:left-auto {
        @media (width >= 64rem) {
            left: auto;
        }
    }
    .lg\:order-1 {
        @media (width >= 64rem) {
            order: 1;
        }
    }
    .lg\:order-2 {
        @media (width >= 64rem) {
            order: 2;
        }
    }
    .lg\:order-3 {
        @media (width >= 64rem) {
            order: 3;
        }
    }
    .lg\:col-span-2 {
        @media (width >= 64rem) {
            grid-column: span 2 / span 2;
        }
    }
    .lg\:mt-0 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }
    .lg\:mt-3 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }
    .lg\:mt-10 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }
    .lg\:mt-gap4 {
        @media (width >= 64rem) {
            margin-top: var(--spacing-gap4);
        }
    }
    .lg\:mt-gap5 {
        @media (width >= 64rem) {
            margin-top: var(--spacing-gap5);
        }
    }
    .lg\:mt-gap9 {
        @media (width >= 64rem) {
            margin-top: var(--spacing-gap9);
        }
    }
    .lg\:mb-2\.5 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 2.5);
        }
    }
    .lg\:mb-3 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 3);
        }
    }
    .lg\:mb-margin-md {
        @media (width >= 64rem) {
            margin-bottom: var(--spacing-margin-md);
        }
    }
    .lg\:ml-5 {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 5);
        }
    }
    .lg\:ml-auto {
        @media (width >= 64rem) {
            margin-left: auto;
        }
    }
    .lg\:utFly {
        @media (width >= 64rem) {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .lg\:flex {
        @media (width >= 64rem) {
            display: flex;
        }
    }
    .lg\:hidden {
        @media (width >= 64rem) {
            display: none;
        }
    }
    .lg\:inline-block {
        @media (width >= 64rem) {
            display: inline-block;
        }
    }
    .lg\:w-auto {
        @media (width >= 64rem) {
            width: auto;
        }
    }
    .lg\:max-w-3xl {
        @media (width >= 64rem) {
            max-width: var(--container-3xl);
        }
    }
    .lg\:max-w-post-content {
        @media (width >= 64rem) {
            max-width: var(--max-width-post-content);
        }
    }
    .lg\:min-w-full {
        @media (width >= 64rem) {
            min-width: 100%;
        }
    }
    .lg\:flex-1 {
        @media (width >= 64rem) {
            flex: 1;
        }
    }
    .lg\:flex-auto {
        @media (width >= 64rem) {
            flex: auto;
        }
    }
    .lg\:flex-none {
        @media (width >= 64rem) {
            flex: none;
        }
    }
    .lg\:grid-cols-2 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .lg\:grid-cols-3 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    .lg\:flex-row {
        @media (width >= 64rem) {
            flex-direction: row;
        }
    }
    .lg\:items-center {
        @media (width >= 64rem) {
            align-items: center;
        }
    }
    .lg\:justify-between {
        @media (width >= 64rem) {
            justify-content: space-between;
        }
    }
    .lg\:justify-end {
        @media (width >= 64rem) {
            justify-content: flex-end;
        }
    }
    .lg\:gap-2\.5 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 2.5);
        }
    }
    .lg\:gap-5 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 5);
        }
    }
    .lg\:gap-gap3 {
        @media (width >= 64rem) {
            gap: var(--spacing-gap3);
        }
    }
    .lg\:gap-gap4 {
        @media (width >= 64rem) {
            gap: var(--spacing-gap4);
        }
    }
    .lg\:gap-gap5 {
        @media (width >= 64rem) {
            gap: var(--spacing-gap5);
        }
    }
    .lg\:p-gap5 {
        @media (width >= 64rem) {
            padding: var(--spacing-gap5);
        }
    }
    .lg\:px-gap3 {
        @media (width >= 64rem) {
            padding-inline: var(--spacing-gap3);
        }
    }
    .lg\:px-gap4 {
        @media (width >= 64rem) {
            padding-inline: var(--spacing-gap4);
        }
    }
    .lg\:px-gap6 {
        @media (width >= 64rem) {
            padding-inline: var(--spacing-gap6);
        }
    }
    .lg\:px-gap8 {
        @media (width >= 64rem) {
            padding-inline: var(--spacing-gap8);
        }
    }
    .lg\:py-padding-md {
        @media (width >= 64rem) {
            padding-block: var(--spacing-padding-md);
        }
    }
    .lg\:pt-5 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }
    .lg\:pb-gap6 {
        @media (width >= 64rem) {
            padding-bottom: var(--spacing-gap6);
        }
    }
    .lg\:pb-gap15 {
        @media (width >= 64rem) {
            padding-bottom: var(--spacing-gap15);
        }
    }
    .lg\:pb-section {
        @media (width >= 64rem) {
            padding-bottom: var(--spacing-section);
        }
    }
    .lg\:pl-gap16 {
        @media (width >= 64rem) {
            padding-left: var(--spacing-gap16);
        }
    }
    .lg\:pl-input-px {
        @media (width >= 64rem) {
            padding-left: var(--padding-input-px);
        }
    }
    .lg\:text-center {
        @media (width >= 64rem) {
            text-align: center;
        }
    }
    .lg\:text-xl {
        @media (width >= 64rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }
    .lg\:text-h3 {
        @media (width >= 64rem) {
            font-size: var(--text-h3);
        }
    }
    .lg\:text-h4 {
        @media (width >= 64rem) {
            font-size: var(--text-h4);
        }
    }
    .xl\:mb-9 {
        @media (width >= 80rem) {
            margin-bottom: calc(var(--spacing) * 9);
        }
    }
    .xl\:gap-5 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 5);
        }
    }
    .xl\:gap-gap3 {
        @media (width >= 80rem) {
            gap: var(--spacing-gap3);
        }
    }
    .xl\:p-6 {
        @media (width >= 80rem) {
            padding: calc(var(--spacing) * 6);
        }
    }
    .xl\:py-padding-md {
        @media (width >= 80rem) {
            padding-block: var(--spacing-padding-md);
        }
    }
    .xl\:text-2xl {
        @media (width >= 80rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }
    .\32 xl\:top-28 {
        @media (width >= 96rem) {
            top: calc(var(--spacing) * 28);
        }
    }
    .\32 xl\:max-w-4xl {
        @media (width >= 96rem) {
            max-width: var(--container-4xl);
        }
    }
    .\32 xl\:text-2xl {
        @media (width >= 96rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }
    .theme-contrast\:hidden {
        &:where([data-theme="contrast"] *) {
            display: none;
        }
    }
    .theme-contrast\:border {
        &:where([data-theme="contrast"] *) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }
    .theme-contrast\:border-black {
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
    }
    .theme-contrast\:bg-black {
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-black);
        }
    }
    .theme-contrast\:bg-contrast {
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-contrast);
        }
    }
    .theme-contrast\:bg-white {
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-white);
        }
    }
    .theme-contrast\:text-black {
        &:where([data-theme="contrast"] *) {
            color: var(--color-black);
        }
    }
    .theme-contrast\:text-contrast {
        &:where([data-theme="contrast"] *) {
            color: var(--color-contrast);
        }
    }
    .theme-contrast\:text-white {
        &:where([data-theme="contrast"] *) {
            color: var(--color-white);
        }
    }
    .theme-contrast\:underline {
        &:where([data-theme="contrast"] *) {
            text-decoration-line: underline;
        }
    }
    .theme-contrast\:ring-black {
        &:where([data-theme="contrast"] *) {
            --tw-ring-color: var(--color-black);
        }
    }
    .theme-contrast\:hover\:text-black {
        &:where([data-theme="contrast"] *) {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-black);
                }
            }
        }
    }
    .theme-contrast\:hover-all\:\!text-black {
        &:where([data-theme="contrast"] *) {
            &:hover {
                color: var(--color-black) !important;
            }
        }
    }
    .theme-contrast\:hover-all\:text-white {
        &:where([data-theme="contrast"] *) {
            &:hover {
                color: var(--color-white);
            }
        }
    }
}
.inherit {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
}
@layer base {
    body {
        & *::selection {
            background-color: var(--color-primary);
        }
        &::selection {
            background-color: var(--color-primary);
        }
        & *::selection {
            color: var(--color-white);
        }
        &::selection {
            color: var(--color-white);
        }
        &:where([data-theme="contrast"] *) {
            & *::selection {
                background-color: var(--color-black);
            }
            &::selection {
                background-color: var(--color-black);
            }
        }
    }
    body.mfMobileOpen {
        @media (width < 64rem) {
            overflow: hidden;
        }
    }
    hr {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
    address {
        font-style: normal;
    }
    button, a {
        cursor: pointer;
        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));
        --tw-duration: 500ms;
        transition-duration: 500ms;
        &:hover {
            color: var(--color-primary);
            &:where([data-theme="contrast"] *) {
                color: var(--color-black);
            }
        }
    }
    .tsFormSection {
        position: relative;
    }
    .pristine-error {
        z-index: 1;
    }
    label {
        position: relative;
        display: block;
    }
    button, button:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    .tsLog {
        position: absolute;
        top: calc(var(--spacing) * 2.5);
        left: calc(var(--spacing) * 2.5);
        z-index: 99999;
        &__Text {
            background-color: var(--color-white);
            padding-inline: calc(var(--spacing) * 2);
            padding-block: calc(var(--spacing) * 0.5);
            font-size: 0.6875rem;
            color: var(--color-black);
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
    .TsDevTools__BtnSettings {
        position: fixed;
        top: calc(var(--spacing) * 2.5);
        right: calc(var(--spacing) * 2.5);
        z-index: 50;
        display: flex;
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
        color: var(--color-white);
        svg {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4);
            --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,);
        }
    }
    .tsComponent {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 5);
        border-radius: var(--radius-base);
        border-style: var(--tw-border-style);
        border-width: 1px;
        --tw-border-style: dashed;
        border-style: dashed;
        border-color: var(--color-violet-700);
        padding: calc(var(--spacing) * 6);
    }
    body:has(.tsDevTools__Btn) .TsDevTools__BtnSettings {
        background-color: #006eff;
        color: var(--color-white);
        svg {
            --tw-invert: invert(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,);
        }
    }
    html.js {
        .js-hidden {
            display: none;
        }
        .js-opacity-0 {
            opacity: 0%;
        }
        .js-lg-opacity-0 {
            @media (width >= 64rem) {
                opacity: 0%;
            }
        }
    }
}
@layer plugins {
    .lg-outer .lg-thumb-item {
        border-radius: 4px !important;
        border: 2px solid transparent !important;
    }
    .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
        border-color: var(--color-primary) !important;
    }
}
.tsSection {
    position: relative;
    &.mfM {
        margin-block: var(--spacing-section);
    }
    &.mfP {
        padding-block: var(--spacing-section);
    }
}
@layer base {
    @keyframes fade-in-up {
        0% {
            opacity: 0;
            transform: translateY(-50px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @keyframes fade-in-down {
        0% {
            opacity: 0;
            transform: translateY(50px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @keyframes fade-in-scale {
        0% {
            opacity: 0;
            transform: scale(0.5);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }
    @keyframes fade-in-left {
        0% {
            opacity: 0;
            transform: translateX(-100%);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes fade-in-left-part {
        0% {
            opacity: 0;
            transform: translateX(-50px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes fade-in-right {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes fade-in-right-part {
        0% {
            opacity: 0;
            transform: translateX(50px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes bouncing-loader {
        to {
            opacity: 0.1;
            transform: scale(0.5);
        }
    }
    @keyframes scale-down {
        from {
            transform: scale(1.5);
        }
        to {
            transform: scale(1);
        }
    }
    @keyframes fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes fade-in-left {
        from {
            opacity: 0;
            transform: translateX(-50px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes fade-in-right {
        from {
            opacity: 0;
            transform: translateX(50px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    .anime-delay-1 {
        animation-delay: 0.1s !important;
    }
    .anime-delay-2 {
        animation-delay: 0.2s !important;
    }
    .anime-delay-3 {
        animation-delay: 0.3s !important;
    }
    .anime-delay-4 {
        animation-delay: 0.4s !important;
    }
    .anime-delay-5 {
        animation-delay: 0.5s !important;
    }
    .anime-fade-in-left {
        animation: fade-in-left 0.5s ease-in-out;
    }
    .anime-fade-in-right {
        animation: fade-in-right 1s ease-in-out;
    }
    .anime-scale-down {
        animation: scale-down 1s ease-in-out;
    }
    .bouncing-loader {
        display: flex;
        justify-content: center;
    }
    .bouncing-loader > div {
        width: 14px;
        height: 14px;
        margin: 0 0.5rem;
        background: var(--color-primary);
        border-radius: 50%;
        animation: bouncing-loader 0.6s infinite alternate;
    }
    .bouncing-loader > div:nth-child(2) {
        animation-delay: 0.2s;
    }
    .bouncing-loader > div:nth-child(3) {
        animation-delay: 0.4s;
    }
    @media (width < 64rem) {
        [data-rellax] {
            transform: none !important;
        }
    }
    @media (width >= 64rem) {
        html.js {
            .anime {
                opacity: 0%;
            }
            .anime-pulse-circle {
                animation: pulseCircle 5s ease infinite;
            }
            .anime.anime-visible {
                opacity: 100%;
                &.anime-fadein {
                    animation: fade-in 2s ease-in-out 0s both;
                }
                &.anime-fadein-up {
                    animation: fade-in-up 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s both;
                }
                &.anime-fadein-down {
                    animation: fade-in-down 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s both;
                }
                &.anime-fadein-scale {
                    animation: fade-in-scale 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s both;
                }
                &.anime-fadein-left {
                    animation: fade-in-left 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s both;
                }
                &.anime-fadein-left-part {
                    animation: fade-in-left-part 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s both;
                }
                &.anime-fadein-right {
                    animation: fade-in-right 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s both;
                }
                &.anime-fadein-right-part {
                    animation: fade-in-right-part 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s both;
                }
            }
        }
    }
}
.tsSecSeason__Sh1 {
    top: calc(var(--spacing) * 0);
    right: 1.375rem;
    width: 17.125rem;
    --tw-translate-y: calc(44% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 4deg;
}
.tsSecGrp__Sh1 {
    top: calc(var(--spacing) * 0);
    left: 13.28502%;
    width: 16.6875rem;
    --tw-translate-y: calc(48% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tsSecPanel__Sh1 {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing-gap4) * -1);
    width: 42vw;
    max-width: 240px;
    --tw-translate-y: calc(calc(1/6 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tsSecPanel__Sh2, .tsSecPanel__Sh3 {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    width: 48.125%;
    max-width: 240px;
    --tw-translate-y: calc(60% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (width >= 64rem) {
    .tsSecSeason__Sh1 {
        right: auto;
        left: 3.17708vw;
        width: 18.69791vw;
        max-width: 359px;
        --tw-translate-y: calc(45% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tsSecSeason__Sh2 {
        top: calc(var(--spacing) * 0);
        right: 1.875vw;
        width: 25.10416vw;
        max-width: 482px;
        --tw-translate-y: calc(63% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        rotate: 4deg;
    }
    .tsSecGrp__Sh1 {
        left: 74.16666vw;
        width: 19.84375vw;
        max-width: 381px;
        --tw-translate-y: calc(45% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tsSecPanel__Sh1 {
        right: auto;
        left: 81.875%;
        width: 30.078125%;
        max-width: 385px;
        --tw-translate-y: calc(49% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tsSecPanel__Sh2, .tsSecPanel__Sh3 {
        right: calc(var(--spacing) * 0);
        left: 61%;
        max-width: 385px;
        --tw-translate-y: calc(60% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tsSecPanel__Sh3 {
        --tw-translate-y: calc(56% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tsSecPanel__Col {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 72);
        }
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 80);
        }
        @media (width >= 96rem) {
            width: calc(var(--spacing) * 96);
        }
    }
}
@layer components {
    .tsHeader {
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 10;
        width: 100%;
        @media (width >= 64rem) {
            position: fixed;
        }
    }
    .tsHeader:before {
        pointer-events: none;
        position: absolute;
        inset: calc(var(--spacing) * 0);
        opacity: 0%;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-content: '';
        content: var(--tw-content);
    }
    .tsHeader__Wp {
        height: var(--height-header);
    }
    @media (width >= 64rem) {
        body.mfStickyHeader {
            .tsHeader {
                background-color: var(--color-white);
                &:where([data-theme="contrast"] *) {
                    background-color: var(--color-contrast);
                }
            }
            .tsHeader .padContrast:before {
                display: none;
            }
            .tsHeader__Wp {
                height: var(--height-header-sticky);
            }
            .tsHeader:before {
                opacity: 100%;
            }
            .tsHeader .tsLogo img {
                @media (width >= 64rem) {
                    width: 80px;
                }
            }
            .tsHeader .tsLang__Btn:not(.open) {
                border-color: var(--color-gray);
            }
            .tsHeader .tsDrp__Btn {
                color: var(--color-base) !important;
            }
            .tsHeader .accessibility-button {
                border-color: var(--color-base) !important;
                color: var(--color-base) !important;
                &:hover {
                    @media (hover: hover) {
                        background-color: var(--color-base) !important;
                    }
                }
                &:hover {
                    @media (hover: hover) {
                        color: var(--color-white) !important;
                    }
                }
            }
        }
    }
}
@layer components {
    .tsFooter__Sh1 {
        top: calc(var(--spacing) * 0);
        left: 33.95721%;
        width: 15.9375rem;
        @media (width < 64rem) {
            --tw-translate-y: calc(72.54901% * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    @media (width >= 64rem) {
        .tsFooter__Colr {
            width: 374px;
            @media (width >= 112.5rem) {
                width: 467px;
            }
        }
        .tsFooter__Sh1 {
            top: calc(var(--spacing) * 2.5);
            left: 49.89293%;
            width: 17.29166vw;
            max-width: 332px;
        }
    }
}
@layer components {
    .tsContent {
        color: var(--tw-prose-body);
        max-width: 65ch;
        :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
        }
        :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-lead);
            font-size: 1.25em;
            line-height: 1.6;
            margin-top: 1.2em;
            margin-bottom: 1.2em;
        }
        :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-links);
            text-decoration: underline;
            font-weight: 500;
        }
        :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-bold);
            font-weight: 600;
        }
        :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            list-style-type: decimal;
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            padding-inline-start: 1.625em;
        }
        :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            list-style-type: upper-alpha;
        }
        :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            list-style-type: lower-alpha;
        }
        /*:where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {*/
        /*    list-style-type: upper-alpha;*/
        /*}*/
        /*:where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {*/
        /*    list-style-type: lower-alpha;*/
        /*}*/
        :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            list-style-type: upper-roman;
        }
        :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            list-style-type: lower-roman;
        }
        /*:where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {*/
        /*    list-style-type: upper-roman;*/
        /*}*/
        /*:where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {*/
        /*    list-style-type: lower-roman;*/
        /*}*/
        :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            list-style-type: decimal;
        }
        :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            list-style-type: disc;
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            padding-inline-start: 1.625em;
        }
        :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
            font-weight: 400;
            color: var(--tw-prose-counters);
        }
        :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
            color: var(--tw-prose-bullets);
        }
        :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-headings);
            font-weight: 600;
            margin-top: 1.25em;
        }
        :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            border-color: var(--tw-prose-hr);
            border-top-width: 1px;
            margin-top: 3em;
            margin-bottom: 3em;
        }
        :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            font-weight: 500;
            font-style: italic;
            color: var(--tw-prose-quotes);
            border-inline-start-width: 0.25rem;
            border-inline-start-color: var(--tw-prose-quote-borders);
            quotes: "\201C""\201D""\2018""\2019";
            margin-top: 1.6em;
            margin-bottom: 1.6em;
            padding-inline-start: 1em;
        }
        :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: open-quote;
        }
        :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: close-quote;
        }
        :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-headings);
            font-weight: 800;
            font-size: 2.25em;
            margin-top: 0;
            margin-bottom: 0.8888889em;
            line-height: 1.1111111;
        }
        :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            font-weight: 900;
            color: inherit;
        }
        :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-headings);
            font-weight: 700;
            font-size: 1.5em;
            margin-top: 2em;
            margin-bottom: 1em;
            line-height: 1.3333333;
        }
        :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            font-weight: 800;
            color: inherit;
        }
        :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-headings);
            font-weight: 600;
            font-size: 1.25em;
            margin-top: 1.6em;
            margin-bottom: 0.6em;
            line-height: 1.6;
        }
        :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            font-weight: 700;
            color: inherit;
        }
        :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-headings);
            font-weight: 600;
            margin-top: 1.5em;
            margin-bottom: 0.5em;
            line-height: 1.5;
        }
        :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            font-weight: 700;
            color: inherit;
        }
        :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 2em;
            margin-bottom: 2em;
        }
        :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            display: block;
            margin-top: 2em;
            margin-bottom: 2em;
        }
        :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 2em;
            margin-bottom: 2em;
        }
        :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            font-weight: 500;
            font-family: inherit;
            color: var(--tw-prose-kbd);
            box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
            font-size: 0.875em;
            border-radius: 0.3125rem;
            padding-top: 0.1875em;
            padding-inline-end: 0.375em;
            padding-bottom: 0.1875em;
            padding-inline-start: 0.375em;
        }
        :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-code);
            font-weight: 600;
            font-size: 0.875em;
        }
        :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: "`";
        }
        :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: "`";
        }
        :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
            font-size: 0.875em;
        }
        :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
            font-size: 0.9em;
        }
        :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: inherit;
        }
        :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-pre-code);
            background-color: var(--tw-prose-pre-bg);
            overflow-x: auto;
            font-weight: 400;
            font-size: 0.875em;
            line-height: 1.7142857;
            margin-top: 1.7142857em;
            margin-bottom: 1.7142857em;
            border-radius: 0.375rem;
            padding-top: 0.8571429em;
            padding-inline-end: 1.1428571em;
            padding-bottom: 0.8571429em;
            padding-inline-start: 1.1428571em;
        }
        :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            background-color: transparent;
            border-width: 0;
            border-radius: 0;
            padding: 0;
            font-weight: inherit;
            color: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: inherit;
        }
        :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: none;
        }
        :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: none;
        }
        :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            width: 100%;
            table-layout: auto;
            margin-top: 2em;
            margin-bottom: 2em;
            font-size: 0.875em;
            line-height: 1.7142857;
        }
        :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            border-bottom-width: 1px;
            border-bottom-color: var(--tw-prose-th-borders);
        }
        :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-headings);
            font-weight: 600;
            vertical-align: bottom;
            padding-inline-end: 0.5714286em;
            padding-bottom: 0.5714286em;
            padding-inline-start: 0.5714286em;
        }
        :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            border-bottom-width: 1px;
            border-bottom-color: var(--tw-prose-td-borders);
        }
        :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            border-bottom-width: 0;
        }
        :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            vertical-align: baseline;
        }
        :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            border-top-width: 1px;
            border-top-color: var(--tw-prose-th-borders);
        }
        :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            vertical-align: top;
        }
        :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            text-align: start;
        }
        :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0;
            margin-bottom: 0;
        }
        :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            color: var(--tw-prose-captions);
            font-size: 0.875em;
            line-height: 1.4285714;
            margin-top: 0.8571429em;
        }
        --tw-prose-body: oklch(37.3% 0.034 259.733);
        --tw-prose-headings: oklch(21% 0.034 264.665);
        --tw-prose-lead: oklch(44.6% 0.03 256.802);
        --tw-prose-links: oklch(21% 0.034 264.665);
        --tw-prose-bold: oklch(21% 0.034 264.665);
        --tw-prose-counters: oklch(55.1% 0.027 264.364);
        --tw-prose-bullets: oklch(87.2% 0.01 258.338);
        --tw-prose-hr: oklch(92.8% 0.006 264.531);
        --tw-prose-quotes: oklch(21% 0.034 264.665);
        --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
        --tw-prose-captions: oklch(55.1% 0.027 264.364);
        --tw-prose-kbd: oklch(21% 0.034 264.665);
        --tw-prose-kbd-shadows: NaN NaN NaN;
        --tw-prose-code: oklch(21% 0.034 264.665);
        --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
        --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
        --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
        --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
        --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
        --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
        --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
        --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
        --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
        --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
        --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
        --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
        --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
        font-size: 1rem;
        line-height: 1.75;
        :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0;
            margin-bottom: 0;
        }
        :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }
        :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            padding-inline-start: 0.375em;
        }
        :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            padding-inline-start: 0.375em;
        }
        :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0.75em;
            margin-bottom: 0.75em;
        }
        :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 1.25em;
        }
        :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-bottom: 1.25em;
        }
        :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 1.25em;
        }
        :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-bottom: 1.25em;
        }
        :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0.75em;
            margin-bottom: 0.75em;
        }
        :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
        }
        :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0.5em;
            padding-inline-start: 1.625em;
        }
        :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0;
        }
        :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0;
        }
        :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0;
        }
        :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0;
        }
        :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            padding-inline-start: 0;
        }
        :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            padding-inline-end: 0;
        }
        :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            padding-top: 0.5714286em;
            padding-inline-end: 0.5714286em;
            padding-bottom: 0.5714286em;
            padding-inline-start: 0.5714286em;
        }
        :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            padding-inline-start: 0;
        }
        :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            padding-inline-end: 0;
        }
        :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 2em;
            margin-bottom: 2em;
        }
        :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-top: 0;
        }
        :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
            margin-bottom: 0;
        }
        max-width: none;
        font-family: var(--font-base);
        font-size: var(--text-contents);
        line-height: var(--tw-leading, var(--text-contents--line-height));
        --tw-leading: var(--text-contents--line-height) !important;
        line-height: var(--text-contents--line-height) !important;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: currentcolor;
        @media (width >= 64rem) {
            color: currentcolor;
        }
        @media (width >= 80rem) {
            font-size: 1.125rem;
            line-height: 1.7777778;
            :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.3333333em;
                margin-bottom: 1.3333333em;
            }
            :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 1.2222222em;
                line-height: 1.4545455;
                margin-top: 1.0909091em;
                margin-bottom: 1.0909091em;
            }
            :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.6666667em;
                margin-bottom: 1.6666667em;
                padding-inline-start: 1em;
            }
            :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 2.6666667em;
                margin-top: 0;
                margin-bottom: 0.8333333em;
                line-height: 1;
            }
            :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 1.6666667em;
                margin-top: 1.8666667em;
                margin-bottom: 1.0666667em;
                line-height: 1.3333333;
            }
            :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 1.3333333em;
                margin-top: 1.6666667em;
                margin-bottom: 0.6666667em;
                line-height: 1.5;
            }
            :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.7777778em;
                margin-bottom: 0.4444444em;
                line-height: 1.5555556;
            }
            :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.7777778em;
                margin-bottom: 1.7777778em;
            }
            :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.7777778em;
                margin-bottom: 1.7777778em;
            }
            :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0;
                margin-bottom: 0;
            }
            :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.7777778em;
                margin-bottom: 1.7777778em;
            }
            :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 0.8888889em;
                border-radius: 0.3125rem;
                padding-top: 0.2222222em;
                padding-inline-end: 0.4444444em;
                padding-bottom: 0.2222222em;
                padding-inline-start: 0.4444444em;
            }
            :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 0.8888889em;
            }
            :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 0.8666667em;
            }
            :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 0.875em;
            }
            :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 0.8888889em;
                line-height: 1.75;
                margin-top: 2em;
                margin-bottom: 2em;
                border-radius: 0.375rem;
                padding-top: 1em;
                padding-inline-end: 1.5em;
                padding-bottom: 1em;
                padding-inline-start: 1.5em;
            }
            :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.3333333em;
                margin-bottom: 1.3333333em;
                padding-inline-start: 1.5555556em;
            }
            :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.3333333em;
                margin-bottom: 1.3333333em;
                padding-inline-start: 1.5555556em;
            }
            :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0.6666667em;
                margin-bottom: 0.6666667em;
            }
            :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-inline-start: 0.4444444em;
            }
            :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-inline-start: 0.4444444em;
            }
            :where(.xl\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0.8888889em;
                margin-bottom: 0.8888889em;
            }
            :where(.xl\:prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.3333333em;
            }
            :where(.xl\:prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-bottom: 1.3333333em;
            }
            :where(.xl\:prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.3333333em;
            }
            :where(.xl\:prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-bottom: 1.3333333em;
            }
            :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0.8888889em;
                margin-bottom: 0.8888889em;
            }
            :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.3333333em;
                margin-bottom: 1.3333333em;
            }
            :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.3333333em;
            }
            :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0.6666667em;
                padding-inline-start: 1.5555556em;
            }
            :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 3.1111111em;
                margin-bottom: 3.1111111em;
            }
            :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0;
            }
            :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0;
            }
            :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0;
            }
            :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0;
            }
            :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 0.8888889em;
                line-height: 1.5;
            }
            :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-inline-end: 0.75em;
                padding-bottom: 0.75em;
                padding-inline-start: 0.75em;
            }
            :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-inline-start: 0;
            }
            :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-inline-end: 0;
            }
            :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-top: 0.75em;
                padding-inline-end: 0.75em;
                padding-bottom: 0.75em;
                padding-inline-start: 0.75em;
            }
            :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-inline-start: 0;
            }
            :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                padding-inline-end: 0;
            }
            :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 1.7777778em;
                margin-bottom: 1.7777778em;
            }
            :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0;
                margin-bottom: 0;
            }
            :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                font-size: 0.8888889em;
                line-height: 1.5;
                margin-top: 1em;
            }
            :where(.xl\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-top: 0;
            }
            :where(.xl\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
                margin-bottom: 0;
            }
        }
        @media (width >= 80rem) {
            font-size: var(--text-contents);
            line-height: var(--tw-leading, var(--text-contents--line-height));
        }
        & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            margin-top: calc(var(--spacing) * 10);
        }
        & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            color: var(--color-primary);
        }
        & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
        }
        --tw-prose-counters: current;
        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-secondary);
            --tw-leading: 1.215;
            line-height: 1.215;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            color: currentcolor;
        }
        img, video {
            margin-block: calc(var(--spacing) * 2);
            display: inline-block;
            height: auto !important;
            vertical-align: top;
        }
        address {
            font-style: normal;
        }
        blockquote {
            position: relative;
            margin-block: var(--spacing-block-y-md);
            display: block;
            border-radius: var(--radius-base);
            --tw-border-style: none;
            border-style: none;
            background-color: var(--color-light);
            padding: var(--spacing-space);
            padding-block: var(--padding-sm);
            padding-top: var(--spacing-space-lg);
            color: var(--color-base);
            font-style: normal;
            :is(& > *) {
                &:first-child {
                    margin-top: calc(var(--spacing) * 0);
                }
            }
            :is(& > *) {
                &:last-child {
                    margin-bottom: calc(var(--spacing) * 0);
                }
            }
            @media (width >= 64rem) {
                padding-inline: var(--spacing-block-padding-x);
            }
            @media (width >= 64rem) {
                padding-block: var(--spacing-gap14);
            }
            @media (width >= 64rem) {
                padding-bottom: var(--spacing-space-md);
            }
            &:before {
                position: absolute;
                top: var(--spacing-space);
                left: var(--spacing-space);
                background: linear-gradient( 180deg, var(--color-primary) 0%, var(--color-secondary) 100% );
                @supports (-webkit-background-clip: text) {
                    background-clip: text;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }
                font-family: "icomoon";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: var(--text-icon-xs);
                --tw-content: var(--icon-quote);
                content: var(--tw-content);
                @media (width >= 64rem) {
                    top: var(--spacing-space-md);
                }
                @media (width >= 64rem) {
                    left: var(--spacing-block-padding-x);
                }
            }
            h2, h3, h4 {
                --tw-leading: var(--leading-h4);
                line-height: var(--leading-h4);
            }
            p:before, p:after {
                display: none;
            }
        }
        ol {
            list-style-position: inside;
            padding: calc(var(--spacing) * 0);
        }
        ol li {
            margin-block: calc(var(--spacing) * 0);
            padding: calc(var(--spacing) * 0);
        }
        ul {
            list-style-type: none;
            padding: calc(var(--spacing) * 0);
            > li {
                position: relative;
                padding-left: calc(var(--base-font-size) * 2);
                &:before {
                    position: absolute;
                    top: calc(var(--base-font-size) * 0.25);
                    left: calc(var(--spacing) * 0);
                    height: calc(var(--base-font-size) * 0.9375);
                    width: calc(var(--base-font-size) * 1.125);
                    background-image: var(--background-image-check);
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    --tw-content: '';
                    content: var(--tw-content);
                }
            }
        }
        strong {
            color: inherit;
        }
        h1, h2, h3 {
            margin-bottom: calc(var(--spacing) * 10);
        }
        h4, h5, h6 {
            margin-bottom: calc(var(--spacing) * 5);
        }
        h1 {
            font-size: var(--text-h1-content);
        }
        h2 {
            font-size: var(--text-h2-content);
        }
        h3 {
            font-size: var(--text-h3-content);
        }
        h4 {
            font-size: var(--text-h4-content);
        }
        h5 {
            font-size: var(--text-h5-content);
        }
        h6 {
            font-size: var(--text-h6-content);
        }
        a {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            color: var(--color-primary);
            &:where([data-theme="contrast"] *) {
                color: var(--color-black);
            }
        }
        > *:first-child {
            margin-top: calc(var(--spacing) * 0);
        }
        > *:last-child {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }
}
.tsContent.mfAgree a {
    padding-block: calc(var(--spacing) * 0.5);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-base);
    text-decoration-line: underline;
    &:hover {
        color: var(--color-primary);
    }
    &:where([data-theme="contrast"] *) {
        &:hover {
            color: var(--color-black);
        }
    }
}
@layer components {
    .tsBnr {
        min-height: calc(var(--spacing) * 60);
        @media (width >= 64rem) {
            min-height: 17.8125rem;
        }
        @media (width >= 96rem) {
            min-height: 21.375rem;
        }
        @media (width >= 112.5rem) {
            min-height: 26.75rem;
        }
    }
}
@layer components {
    .tsBtn {
        position: relative;
        display: inline-flex;
        min-height: var(--height-button);
        align-items: center;
        gap: calc(var(--spacing) * 3.5);
        overflow: hidden;
        border-radius: 60px 47px 47px 36px;
        background-color: transparent;
        padding-inline: var(--spacing-button-px);
        padding-block: var(--spacing-button-py);
        font-family: var(--font-base);
        font-size: var(--text-button);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-black);
        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));
        --tw-duration: 500ms;
        transition-duration: 500ms;
        &:before, &:after {
            pointer-events: none;
            position: absolute;
            inset: calc(var(--spacing) * 0);
            border-radius: 60px 47px 47px 36px;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: transparent;
            --tw-content: "";
            content: var(--tw-content);
        }
        &:after {
            opacity: 0%;
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
        &.mfSm {
            min-height: var(--height-button-sm);
            font-size: var(--text-button-sm);
            &:before, &:after {
                border-radius: var(--radius-sm);
            }
        }
        &.mfNarrow {
            padding-inline: calc(var(--spacing) * 5);
            @media (width >= 64rem) {
                padding-inline: 0.875rem;
            }
            @media (width >= 80rem) {
                padding-inline: 1rem;
            }
            @media (width >= 96rem) {
                padding-inline: 1.25rem;
            }
        }
        &.mfWide {
            padding-inline: var(--spacing-gap3);
        }
        @media (width < 48rem) {
            &.mfWideMaxMd {
                display: flex;
                width: 100%;
                justify-content: center;
                &.mfIcon {
                    justify-content: space-between;
                }
            }
        }
        span {
            position: relative;
            z-index: 1;
        }
        &:hover {
            &:after {
                opacity: 100%;
            }
        }
        &.mfPrimary {
            color: var(--color-white);
            &::before {
                content: var(--tw-content);
                background-color: var(--color-primary);
            }
            &::after {
                content: var(--tw-content);
                background-color: var(--color-base);
            }
            &:hover {
                color: var(--color-white);
            }
        }
        &.mfSecondary {
            color: var(--color-white);
            &::before {
                content: var(--tw-content);
                background-color: var(--color-secondary);
            }
            &::after {
                content: var(--tw-content);
                background-color: var(--color-base);
            }
            &:hover {
                color: var(--color-white);
            }
        }
        &.mfTertiary {
            color: var(--color-white);
            &::before {
                content: var(--tw-content);
                background-color: var(--color-tertiary);
            }
            &::after {
                content: var(--tw-content);
                background-color: var(--color-base);
            }
            &:hover {
                color: var(--color-white);
            }
        }
        &.mfGray {
            color: var(--color-base);
            &::before {
                content: var(--tw-content);
                background-color: var(--color-gray);
            }
            &::after {
                content: var(--tw-content);
                background-color: var(--color-base);
            }
            &:hover {
                color: var(--color-white);
            }
        }
        &.mfGrayLight {
            color: var(--color-base);
            &::before {
                content: var(--tw-content);
                background-color: var(--color-gray-light);
            }
            &::after {
                content: var(--tw-content);
                background-color: var(--color-primary);
            }
            &:hover {
                color: var(--color-white);
            }
        }
        &.mfBase {
            color: var(--color-white);
            &::before {
                content: var(--tw-content);
                background-color: var(--color-base);
            }
            &::after {
                content: var(--tw-content);
                background-color: var(--color-primary);
            }
            &:hover {
                color: var(--color-white);
            }
        }
        span {
            position: relative;
            z-index: 1;
        }
        span[class*="icon-"] {
            display: block;
            font-size: var(--text-button-icon);
        }
    }
    .tsBtnLink {
        position: relative;
        display: inline-flex;
        min-height: var(--height-button);
        align-items: center;
        gap: calc(var(--spacing) * 3.5);
        overflow: hidden;
        border-radius: 60px 47px 47px 36px;
        background-color: transparent;
        padding-inline: var(--spacing-button-px);
        padding-block: var(--spacing-button-py);
        font-family: var(--font-base);
        font-size: var(--text-button);
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-black);
        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));
        --tw-duration: 500ms;
        transition-duration: 500ms;
        &:before, &:after {
            pointer-events: none;
            position: absolute;
            inset: calc(var(--spacing) * 0);
            border-radius: 60px 47px 47px 36px;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: transparent;
            --tw-content: "";
            content: var(--tw-content);
        }
        &:after {
            opacity: 0%;
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
        &.mfSm {
            min-height: var(--height-button-sm);
            font-size: var(--text-button-sm);
            &:before, &:after {
                border-radius: var(--radius-sm);
            }
        }
        &.mfNarrow {
            padding-inline: calc(var(--spacing) * 5);
            @media (width >= 64rem) {
                padding-inline: 0.875rem;
            }
            @media (width >= 80rem) {
                padding-inline: 1rem;
            }
            @media (width >= 96rem) {
                padding-inline: 1.25rem;
            }
        }
        &.mfWide {
            padding-inline: var(--spacing-gap3);
        }
        @media (width < 48rem) {
            &.mfWideMaxMd {
                display: flex;
                width: 100%;
                justify-content: center;
                &.mfIcon {
                    justify-content: space-between;
                }
            }
        }
        span {
            position: relative;
            z-index: 1;
        }
        &:hover {
            &:after {
                opacity: 100%;
            }
        }
        min-height: calc(var(--spacing) * 0);
        gap: calc(var(--spacing) * 5);
        padding: calc(var(--spacing) * 0);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        text-transform: uppercase;
        &:before, &:after {
            display: none;
        }
        span[class*="icon-"] {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }
    }
    .tsBtnSqr {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(var(--base-font-size) * 2);
        height: calc(var(--base-font-size) * 2);
        background-color: var(--color-base);
        font-size: var(--text-button);
        --tw-leading: 1;
        line-height: 1;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-white);
        &:hover {
            background-color: var(--color-primary);
        }
        &:where([data-theme="contrast"] *) {
            &:hover {
                background-color: var(--color-black);
            }
        }
        border-radius: 47px 20px 32px 47px;
        span {
            margin-top: calc(var(--spacing) * -1);
        }
        &.mfRight {
            border-radius: 32px 47px 47px 20px;
        }
    }
    .tsBtnSqrWrap {
        gap: 0.3125rem;
        .tsInputSql {
            height: calc(var(--base-font-size) * 1.5625);
            width: calc(var(--base-font-size) * 2);
            padding-block: calc(var(--spacing) * 1);
            padding-bottom: calc(var(--spacing) * 2);
        }
        .tsBtnSqr {
            width: calc(var(--base-font-size) * 1.5);
            height: calc(var(--base-font-size) * 1.5);
        }
    }
}
@layer components {
    .tsMenuv ul {
        display: flex;
        flex-direction: column;
    }
    .tsMenuv ul a {
        display: inline-block;
        text-decoration: none;
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
        &:hover, &:focus {
            background-size: 100% 1px;
        }
        &.mfStyle {
            background-size: 100% 1px;
        }
        padding-block: 0.1875rem;
        vertical-align: top;
    }
}
@layer components {
    .tsNav {
        position: fixed;
        top: var(--height-header);
        left: calc(var(--spacing) * 0);
        z-index: 30;
        width: 100%;
        ul {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-space);
            font-size: var(--text-h1);
            --tw-leading: 1;
            line-height: 1;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            text-transform: uppercase;
        }
        ul a {
            display: inline-block;
            text-decoration: none;
            background-image: linear-gradient(currentColor, currentColor);
            background-position: 0% 100%;
            background-repeat: no-repeat;
            background-size: 0% 1px;
            transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
            &:hover, &:focus {
                background-size: 100% 1px;
            }
            &.mfStyle {
                background-size: 100% 1px;
            }
            vertical-align: top;
        }
        li.active > a {
            background: linear-gradient( 180deg, var(--color-primary) 0%, var(--color-secondary) 100% );
            @supports (-webkit-background-clip: text) {
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        }
        li.active > a:after {
            margin-top: calc(var(--spacing) * 1);
            display: block;
            height: calc(var(--spacing) * 0.5);
            width: 100%;
            --tw-gradient-position: to bottom in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops));
            --tw-gradient-from: var(--color-primary);
            --tw-gradient-to: var(--color-secondary);
            --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));
            --tw-content: '';
            content: var(--tw-content);
        }
    }
    .tsNav__Wp {
        height: calc(100vh - var(--height-header));
        overflow-x: hidden;
        overflow-y: auto;
    }
}
.tsNavbar {
    color: var(--color-content);
}
.tsNavbar a {
    padding-block: calc(var(--spacing) * 1);
}
.tsNavbar a.active {
    color: var(--color-primary);
}
.tsNavbar a:not(.active) {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
    &:hover, &:focus {
        background-size: 100% 1px;
    }
    &.mfStyle {
        background-size: 100% 1px;
    }
}
.tsNavbar.stSticky {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    width: 100%;
}
.tsNavbarParent, .tsNavbar ul {
    min-height: calc(var(--spacing) * 20);
}
@layer components {
    .tsLogo {
        position: relative;
        display: inline-block;
        img {
            width: var(--width-logo);
        }
    }
}
@layer components {
    .tsPic {
        position: relative;
        display: block;
        overflow: hidden;
    }
    .tsPic.mfCover img {
        height: 100%;
        width: 100%;
        max-width: none;
        object-fit: cover;
    }
    .tsPic.mfRing:after {
        pointer-events: none;
        position: absolute;
        inset: calc(var(--spacing) * 0);
        border-radius: var(--radius-base);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white);
        --tw-content: '';
        content: var(--tw-content);
    }
    html:not(.no-js) {
        img.lazy {
            opacity: 0%;
            transition: opacity 0.7s ease-in-out;
            transform: translate3d(0, 0, 0);
            will-change: opacity;
            &:not([src]) {
                visibility: hidden;
                opacity: 0%;
            }
            &.loaded {
                opacity: 1;
            }
            &:not(.loaded) {
                min-height: 1px;
                min-width: 100%;
            }
        }
    }
    html.no-js {
        picture > img.tsPicImg {
            display: none;
        }
    }
    @media (min-width: 64rem) {
        .tsPicHov {
            .tsPic img.loaded {
                transition: opacity 0.75s ease-in-out, transform 0.75s ease, scale 0.75s ease;
            }
            &:hover {
                .tsPic img.loaded {
                    --tw-scale-x: 105%;
                    --tw-scale-y: 105%;
                    --tw-scale-z: 105%;
                    scale: var(--tw-scale-x) var(--tw-scale-y);
                }
                .tsPic:before {
                    --tw-translate-x: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }
}
@layer components {
    .tsHeading {
        font-family: var(--font-secondary);
        --tw-leading: 1.1034;
        line-height: 1.1034;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        h1, h2, h3, h4, h5, h6 {
            margin: calc(var(--spacing) * 0);
            font-size: inherit;
            font-weight: inherit;
            font-family: inherit;
        }
        &.mfH1 {
            font-size: var(--text-h1);
        }
        &.mfH2 {
            font-size: var(--text-h2);
        }
        &.mfH3 {
            font-size: var(--text-h3);
        }
        &.mfH4 {
            font-size: var(--text-h4);
        }
        &.mfH5 {
            font-size: var(--text-h5);
        }
        &.mfH6 {
            font-size: var(--text-h6);
        }
        &.mfLarge {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
            @media (width >= 64rem) {
                font-size: calc(var(--base-font-size) * 2.125);
            }
            @media (width >= 96rem) {
                font-size: calc(var(--base-font-size) * 2.5625);
            }
            @media (width >= 112.5rem) {
                font-size: calc(var(--base-font-size) * 3.1875);
            }
        }
        &.mfMedium {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
            @media (width >= 64rem) {
                font-size: calc(var(--base-font-size) * 1.3125);
            }
            @media (width >= 96rem) {
                font-size: calc(var(--base-font-size) * 1.625);
            }
            @media (width >= 112.5rem) {
                font-size: calc(var(--base-font-size) * 2);
            }
        }
    }
}
@layer components {
    .tsSli {
        min-height: 32.25rem;
        padding-top: var(--spacing-gap24);
        @media (width >= 64rem) {
            min-height: 29.0625rem;
        }
        @media (width >= 64rem) {
            padding-top: var(--spacing-gap26);
        }
        @media (width >= 80rem) {
            min-height: 34.875rem;
        }
        @media (width >= 80rem) {
            gap: var(--spacing-gap24);
        }
        @media (width >= 112.5rem) {
            min-height: 43.5625rem;
        }
    }
    .tsSli__Headline h1, .tsSli__Headline h2, .tsSli__Headline h3, .tsSli__Headline h4, .tsSli__Headline h5, .tsSli__Headline h6, .tsSli__Headline p {
        text-shadow: 10px 10px 40px var(--tw-text-shadow-color, rgba(0, 0, 0, 0.7));
    }
    .tsSli__Image:before {
        pointer-events: none;
        position: absolute;
        inset: calc(var(--spacing) * 0);
        z-index: 1;
        background-color: color-mix(in srgb, #000 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
        }
        --tw-content: '';
        content: var(--tw-content);
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-black);
        }
    }
    .tsSli__Image:after {
        pointer-events: none;
        position: absolute;
        inset: calc(var(--spacing) * 0);
        z-index: 2;
        --tw-gradient-position: to bottom;
        @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to bottom in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: color-mix(in srgb, #000 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);
        }
        --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));
        --tw-content: '';
        content: var(--tw-content);
        &:where([data-theme="contrast"] *) {
            --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));
        }
    }
    .tsSli__Sh1, .tsSli__Shright {
        right: calc(var(--spacing-gap4) * -1);
        bottom: calc(var(--spacing) * 0);
        width: 18.875rem;
        rotate: calc(3.76deg * -1);
        @media (width < 64rem) {
            --tw-translate-y: 53%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    .tsSli__Shright {
        right: calc(var(--spacing) * 0);
        @media (width < 64rem) {
            --tw-translate-y: 40%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    .tsSli__Sh2 {
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 5);
        rotate: calc(3.76deg * -1);
    }
    @media (width >= 64rem) {
        .tsSli__Sh1 {
            right: var(--spacing-gap5);
            bottom: calc(var(--spacing) * 5);
            width: 21.66666vw;
            max-width: 416px;
        }
        .tsSli__Sh2 {
            left: var(--spacing-gap5);
            width: 25.15625vw;
            max-width: 483px;
            --tw-translate-y: 25.87991%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
            rotate: calc(3.76deg * -1);
        }
        .tsSli__Shleft {
            bottom: calc(var(--spacing) * 0);
            left: 4.53125vw;
            width: 18.072918vw;
            max-width: 347px;
            --tw-translate-y: 16.13832%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
            rotate: 3.76deg;
        }
        .tsSli__Shright {
            right: 8.59375vw;
            width: 24.32291vw;
            max-width: 467px;
            --tw-translate-y: 3.42612%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
}
@layer components {
    .tsHmb {
        position: relative;
        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));
        --tw-content: '';
        content: var(--tw-content);
        &::after {
            content: var(--tw-content);
            position: absolute;
            top: calc(1/2 * 100%);
            left: calc(1/2 * 100%);
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        &::after {
            content: var(--tw-content);
            width: calc(var(--spacing) * 12);
            height: calc(var(--spacing) * 12);
        }
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary);
            }
        }
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: 2.3125rem;
        z-index: 20;
        display: flex;
        align-items: center;
        justify-content: center;
        height: var(--height-header);
        width: 1.875rem;
        cursor: pointer;
    }
    .tsHmb__In {
        position: relative;
        margin-top: calc(var(--spacing) * 2.5);
        display: block;
        height: 0.875rem;
        width: 1.875rem;
    }
    .tsHmb__L {
        position: absolute;
        display: block;
        height: calc(var(--spacing) * 0.5);
        width: 100%;
        background-color: var(--color-black);
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }
    .tsHmb:not(.active) .tsHmb__B {
        width: 0.9375rem;
    }
    .tsHmb:not(.active) .tsHmb__T {
        --tw-translate-y: calc(var(--spacing) * -1.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tsHmb:not(.active) .tsHmb__B {
        --tw-translate-y: calc(var(--spacing) * 1.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .tsHmb.active .tsHmb__T {
        rotate: 45deg;
    }
    .tsHmb.active .tsHmb__C {
        opacity: 0%;
    }
    .tsHmb.active .tsHmb__B {
        rotate: calc(45deg * -1);
    }
}
@layer components {
    .tsPag__Nav {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 2);
        .elIcon {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }
    }
    .tsPag__Dots {
        margin-inline: calc(var(--spacing) * 5);
    }
    .tsPag {
        ul li.tsPag__Dots a {
            width: auto;
            height: auto;
            min-width: calc(var(--spacing) * 0);
            --tw-border-style: none;
            border-style: none;
            padding: calc(var(--spacing) * 0);
        }
        ul {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 2);
            text-align: center;
        }
        ul a {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: var(--spacing-pagination-item-size);
            min-width: var(--spacing-pagination-item-size);
            border-radius: calc(infinity * 1px);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: transparent;
            padding-inline: calc(var(--spacing) * 2);
            &:hover {
                @media (hover: hover) {
                    border-color: var(--color-gray-light);
                }
            }
        }
        ul li.active > a {
            --tw-border-style: none;
            border-style: none;
            --tw-gradient-position: to bottom in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops));
            --tw-gradient-from: var(--color-primary);
            --tw-gradient-to: var(--color-secondary);
            --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(--color-white);
        }
        ul li:not(.active) > a:hover {
            border-color: var(--color-primary);
        }
    }
}
@layer components {
    .tsInputSql {
        display: flex;
        width: calc(var(--base-font-size) * 2);
        height: calc(var(--base-font-size) * 2);
        border-radius: var(--radius-def);
        border-color: color-mix(in srgb, #043a4f 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base) 15%, transparent);
        }
        padding: calc(var(--spacing) * 1);
        padding-bottom: calc(var(--spacing) * 2);
        text-align: center;
        font-size: calc(var(--base-font-size) * 1.0625);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
    }
    .tsInputSql {
        -moz-appearance: textfield;
    }
    .tsInputSql::-webkit-inner-spin-button, .tsInputSql::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .tsInputGroup {
        position: relative;
        --padding-input-py: calc(var(--base-font-size) * 0.625);
        --padding-input-px: var(--spacing-gap3);
        --spacing-button-px: calc(var(--base-font-size) * 1.25);
        --text-button: calc(var(--base-font-size));
        .tsBtn, .tsBtn:before, .tsBtn:after {
            border-radius: 0;
            border-top-right-radius: var(--radius-def);
            border-bottom-right-radius: var(--radius-def);
        }
        .tsInput.mfJoin {
            border-radius: 0;
            border-top-left-radius: var(--radius-def);
            border-bottom-left-radius: var(--radius-def);
            padding-bottom: calc(var(--spacing) * 3);
        }
        .tsBtn, .tsInput.mfJoin {
            height: calc(var(--base-font-size) * 2.75);
            min-height: calc(var(--base-font-size) * 2.75);
        }
    }
    .tsInputOutline {
        pointer-events: none;
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: var(--padding-input-px);
        margin-left: calc(var(--spacing) * -1.5);
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        border-radius: var(--radius-def);
        background-color: var(--color-white);
        padding: calc(var(--spacing) * 1.5);
        padding-block: calc(var(--spacing) * 0.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-base);
    }
    .tsInput:placeholder-shown + .tsInputOutline {
        top: calc(1/2 * 100%);
        opacity: 0%;
    }
    .tsInput {
        display: flex;
        height: var(--height-input);
        width: 100%;
        appearance: none;
        align-items: center;
        border-radius: var(--radius-def);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in oklab, var(--color-base) 15%, transparent);
        background-color: var(--color-white);
        padding-inline: var(--padding-input-px);
        padding-block: var(--padding-input-py);
        font-size: var(--text-input);
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base);
        --tw-shadow: 0 0 #0000;
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-outline-style: none;
        outline-style: none;
        &::placeholder {
            color: var(--color-base);
        }
        &:focus {
            border-color: var(--color-base);
        }
        &:focus {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:focus {
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
        &:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            color: var(--color-contrast);
        }
        &:where([data-theme="contrast"] *) {
            &::placeholder {
                color: var(--color-contrast);
            }
        }
        &.mfAuto {
            height: auto;
            min-height: var(--height-input);
            flex-wrap: wrap;
            gap: calc(var(--spacing) * 3);
            @media (width >= 80rem) {
                gap: calc(var(--spacing) * 5);
            }
        }
        &.mfMedium {
            font-size: var(--text-contents);
            line-height: var(--tw-leading, var(--text-contents--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
        &:not(.mfTextarea):not(.mfAuto) {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        &.mfTextarea {
            height: calc(var(--base-font-size) * 9.5);
            resize: none;
        }
    }
}
@layer components {
    .tsSocial a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--size-social);
        height: var(--size-social);
    }
    .tsSocial a img {
        position: relative;
        z-index: 1;
        width: var(--width-social-icon);
    }
    .tsSocial a:after {
        opacity: 0%;
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-text-shadow-color: color-mix(in srgb, #000 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-text-shadow-alpha), transparent);
        }
        text-shadow: 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
    }
    .tsSocial a:before, .tsSocial a:after {
        pointer-events: none;
        position: absolute;
        top: calc(1/2 * 100%);
        left: calc(1/2 * 100%);
        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        font-family: "icomoon";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--text-social);
        color: var(--color-white);
        --tw-content: var(--icon-shape);
        content: var(--tw-content);
    }
    .tsSocial a:hover:after {
        opacity: 100%;
    }
}
@layer components {
    .tsPlay {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16);
        border-radius: calc(infinity * 1px);
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: color-mix(in oklab, var(--color-primary) 50%, transparent);
        --tw-gradient-to: color-mix(in oklab, var(--color-primary) 0%, transparent);
        --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));
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 20);
            height: calc(var(--spacing) * 20);
        }
    }
    .tsPlay__In {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 68.75%;
        height: 68.75%;
        border-radius: calc(infinity * 1px);
        --tw-content: '';
        content: var(--tw-content);
    }
}
@layer components {
    .tsCartInf {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(var(--base-font-size) * 3.5);
        height: calc(var(--base-font-size) * 3.5);
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: transparent;
        background-color: var(--color-secondary);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        color: var(--color-white);
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-tertiary);
            }
        }
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-contrast);
        }
        &:where([data-theme="contrast"] *) {
            color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-black);
                }
            }
        }
        &:where([data-theme="contrast"] *) {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-contrast);
                }
            }
        }
    }
    .tsCartInf__Qnt {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(var(--base-font-size) * 1.125);
        min-width: calc(var(--base-font-size) * 1.125);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: transparent;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: 1;
        line-height: 1;
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
    }
    .tsCart__Item {
        gap: calc(var(--spacing) * 6);
        border-radius: var(--radius-def);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in srgb, #043a4f 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base) 15%, transparent);
        }
        background-color: var(--color-white);
        padding: var(--spacing-gap3);
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 4);
        }
        @media (width >= 64rem) {
            padding-inline: var(--spacing-gap3);
        }
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 3);
        }
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 5);
        }
        @media (width >= 80rem) {
            padding-block: 1.125rem;
        }
        @media (width >= 96rem) {
            gap: calc(var(--spacing) * 6);
        }
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            background-color: transparent;
        }
    }
    @media (width >= 64rem) and (width < 80rem) {
        .tsCart__Item {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }
    }
    @media (width >= 64rem) {
        .tsCart__Col1 {
            width: 56%;
        }
        .tsCart__Col2 {
            width: 12.5%;
        }
        .tsCart__Col3 {
            width: 12.5%;
        }
        .tsCart__Col4 {
            width: 15%;
        }
        .tsCart__Col5 {
            width: 4%;
        }
        .tsCartInvoice, .tsCartInvoiceCompact {
            .tsCart__Item {
                @media (width >= 64rem) {
                    padding-block: calc(var(--spacing) * 3);
                }
                @media (width >= 80rem) {
                    padding-block: calc(var(--spacing) * 4);
                }
            }
        }
        .tsCartInvoice {
            .tsCart__Col1 {
                width: 36%;
            }
            .tsCart__Col2 {
                width: 28%;
            }
            .tsCart__Col3 {
                width: 26%;
            }
            .tsCart__Col4 {
                width: 10%;
            }
        }
        .tsCartInvoiceCompact {
            .tsCart__Col1 {
                width: 40%;
            }
            .tsCart__Col2 {
                width: 30%;
            }
            .tsCart__Col3 {
                width: 25%;
            }
            .tsCart__Col4 {
                width: 5%;
            }
        }
    }
    @media (width < 64rem) {
        .tsCart__Col {
            display: flex;
            justify-content: space-between;
            gap: calc(var(--spacing) * 4);
        }
    }
}
@layer components {
    .tsCard {
        padding: calc(var(--spacing) * 6);
        padding-inline: calc(var(--spacing) * 4);
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 6);
        }
        @media (width >= 80rem) {
            padding: calc(var(--spacing) * 7);
        }
        @media (width >= 96rem) {
            padding: calc(var(--spacing) * 9);
        }
    }
    .tsCard__Img {
        width: calc(var(--base-font-size) * 4);
        @media (width >= 80rem) {
            width: calc(var(--base-font-size) * 3.5);
        }
        @media (width >= 96rem) {
            width: calc(var(--base-font-size) * 4);
        }
        @media (width >= 112.5rem) {
            width: calc(var(--base-font-size) * 5.25);
        }
    }
    .tsCard__Name {
        @media (width >= 64rem) {
            font-size: var(--text-h5);
        }
    }
    .tsCard__Price {
        font-size: calc(var(--base-font-size) * 2.1875 / 16);
        --tw-leading: 1;
        line-height: 1;
        @media (width >= 64rem) {
            font-size: var(--text-h2);
        }
    }
    .tsCard__Desc {
        font-size: calc(var(--base-font-size) * 0.8125);
        --tw-leading: 1.15385;
        line-height: 1.15385;
        @media (width >= 80rem) {
            font-size: calc(var(--base-font-size) * 0.9375);
        }
    }
}
.swiper-autowidth {
    overflow: hidden;
    .swiper {
        overflow: visible;
    }
    .swiper-slide {
        width: fit-content;
    }
    .swiper-width1, .swiper-width2, .swiper-width3, .swiper-width4 {
        width: 18.75rem;
        @media (width >= 40rem) {
            width: 28.75rem;
        }
    }
    .swiper-width1 {
        width: 19.0625rem;
        @media (width >= 64rem) {
            width: 21.125rem;
        }
        @media (width >= 80rem) {
            width: 26.375rem;
        }
        @media (width >= 96rem) {
            width: 31.625rem;
        }
        @media (width >= 112.5rem) {
            width: 39.5625rem;
        }
    }
}
.swiper-auto-height .swiper-slide {
    display: flex;
    height: auto;
}
.swiper-button-disabled {
    opacity: 0%;
}
.swiper-button-disabled {
    opacity: 30%;
}
.swiper-pag:not(.swiper-pagination-lock) {
    display: flex;
}
.swiper-pag {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2.5);
    column-gap: calc(var(--spacing) * 4);
}
.swiper-pag__button {
    position: relative;
    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));
    --tw-content: '';
    content: var(--tw-content);
    &::after {
        content: var(--tw-content);
        position: absolute;
        top: calc(1/2 * 100%);
        left: calc(1/2 * 100%);
        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }
    &:hover {
        @media (hover: hover) {
            color: var(--color-primary);
        }
    }
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }
}
.swiper-pag__button.swiper-pagination-bullet-active {
    background-color: var(--color-white);
}
.swiper-pag.mfAbs {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * 0);
    width: auto;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    --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));
    padding-inline: calc(var(--spacing) * 5);
    padding-block: var(--spacing-block-y-sm);
    @media (width >= 64rem) {
        padding-block: var(--spacing-block-y-md);
    }
}
html.no-js {
    .swiper-nojs .swiper-wrapper.mfVer1 {
        display: flex;
        gap: calc(var(--spacing) * 5);
        @media (width >= 80rem) {
            gap: var(--spacing-gap3);
        }
    }
}
@layer components {
    .tsCheckItem {
        position: relative;
        border-radius: 0.3125rem;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray);
        background-color: var(--color-white);
        padding: 0.4375rem;
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-contrast);
        }
    }
    .tsCheckItem__Label {
        position: static;
        cursor: pointer;
    }
    .tsCheckItem__Label:before {
        position: absolute;
        inset: calc(var(--spacing) * 0);
        --tw-content: '';
        content: var(--tw-content);
    }
    .tsCheckbox {
        display: inline-flex;
        cursor: pointer;
        vertical-align: top;
        input[type="checkbox"], input[type="radio"] {
            margin-top: calc(var(--spacing) * 0.5);
            margin-right: calc(var(--spacing) * 3);
            width: calc(var(--base-font-size) * 2);
            height: calc(var(--base-font-size) * 2);
            cursor: pointer;
            border-radius: var(--radius-sm);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: color-mix(in oklab, var(--color-base) 15%, transparent);
            background-color: var(--color-white);
            background-position: center;
            background-repeat: no-repeat;
            color: var(--color-primary);
            --tw-shadow: 0 0 #0000;
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-outline-style: none;
            outline-style: none;
            &:checked {
                border-style: var(--tw-border-style);
                border-width: 1px;
            }
            &:checked {
                border-color: color-mix(in srgb, #043a4f 15%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-base) 15%, transparent);
                }
            }
            &:checked {
                background-color: var(--color-white);
            }
            &:focus {
                border-style: var(--tw-border-style);
                border-width: 1px;
            }
            &:focus {
                border-color: color-mix(in srgb, #043a4f 15%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-base) 15%, transparent);
                }
            }
            &:focus {
                background-color: var(--color-white);
            }
            &:focus {
                --tw-shadow: 0 0 #0000 !important;
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
            }
            &:focus {
                --tw-outline-style: none;
                outline-style: none;
                @media (forced-colors: active) {
                    outline: 2px solid transparent;
                    outline-offset: 2px;
                }
            }
            @media (width >= 64rem) {
                width: calc(var(--base-font-size) * 1.75);
                height: calc(var(--base-font-size) * 1.75);
            }
            @media (width >= 80rem) {
                margin-right: calc(var(--spacing) * 4);
            }
            @media (width >= 80rem) {
                width: calc(var(--base-font-size) * 2);
                height: calc(var(--base-font-size) * 2);
            }
            @media (width >= 96rem) {
                margin-right: calc(var(--spacing) * 5);
            }
            &:where([data-theme="contrast"] *) {
                border-color: var(--color-black);
            }
            &:where([data-theme="contrast"] *) {
                background-color: var(--color-contrast);
            }
            &:where([data-theme="contrast"] *) {
                &:checked {
                    background-color: var(--color-black);
                }
            }
            &:where([data-theme="contrast"] *) {
                &:focus {
                    background-color: var(--color-black);
                }
            }
            &:focus, &:focus-within {
                box-shadow: none !important;
            }
        }
        input[type="checkbox"]:checked {
            background-image: var(--background-image-checkbox);
            background-size: calc(var(--base-font-size) * 1.375) calc(var(--base-font-size) * 1.125);
        }
        input[type="radio"]:checked {
            background-image: var(--background-image-radio);
        }
        input:checked {
            background-size: 100% 100%;
        }
        input[type="radio"] {
            border-radius: calc(infinity * 1px);
            background-size: 50%;
        }
        .tsContent {
            align-self: center;
            --tw-leading: var(--leading-normal) !important;
            line-height: var(--leading-normal) !important;
        }
        label {
            cursor: pointer;
        }
    }
    .tsCheckbox.mfSm {
        input[type="checkbox"], input[type="radio"] {
            width: calc(var(--base-font-size) * 26 / 16);
            height: calc(var(--base-font-size) * 26 / 16);
        }
        input[type="radio"] {
            background-size: 61.538461%;
        }
    }
    .tsCheckbox.mfSm:not(.mfSp) {
        input[type="checkbox"], input[type="radio"] {
            margin-right: calc(var(--spacing) * 2.5);
        }
    }
}
@layer components {
    .tsSelect {
        display: flex;
        height: var(--height-input);
        width: 100%;
        appearance: none;
        align-items: center;
        border-radius: var(--radius-def);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in oklab, var(--color-base) 15%, transparent);
        background-color: var(--color-white);
        padding-inline: var(--padding-input-px);
        padding-block: var(--padding-input-py);
        font-size: var(--text-input);
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base);
        --tw-shadow: 0 0 #0000;
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-outline-style: none;
        outline-style: none;
        &::placeholder {
            color: var(--color-base);
        }
        &:focus {
            border-color: var(--color-base);
        }
        &:focus {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:focus {
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
        &:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            color: var(--color-contrast);
        }
        &:where([data-theme="contrast"] *) {
            &::placeholder {
                color: var(--color-contrast);
            }
        }
        &.mfAuto {
            height: auto;
            min-height: var(--height-input);
            flex-wrap: wrap;
            gap: calc(var(--spacing) * 3);
            @media (width >= 80rem) {
                gap: calc(var(--spacing) * 5);
            }
        }
        &.mfMedium {
            font-size: var(--text-contents);
            line-height: var(--tw-leading, var(--text-contents--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
        cursor: pointer;
        padding-right: var(--spacing-gap5);
    }
}
@layer components {
    .tsLabel {
        position: relative;
        display: block;
        cursor: pointer;
    }
}
@layer components {
    .tsTag {
        border-radius: calc(infinity * 1px);
        padding-inline: 0.6875rem;
        padding-block: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
        text-transform: uppercase;
        &.mfMd {
            min-height: 1.875rem;
            padding-inline: calc(var(--spacing) * 2);
            padding-block: calc(var(--spacing) * 1.5);
        }
    }
}
@layer components {
    .tsShr__List {
        position: absolute;
        top: 100%;
        left: calc(var(--spacing) * 0);
        z-index: 10;
        margin-top: calc(var(--spacing) * 2);
        border-radius: var(--radius-base);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-light);
        background-color: var(--color-white);
        padding: calc(var(--spacing) * 5);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        @media (width >= 64rem) {
            right: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
            left: auto;
        }
    }
    .tsShr__Items {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: calc(var(--spacing) * 2.5);
        a {
            width: calc(var(--spacing) * 7);
            height: calc(var(--spacing) * 7);
            @media (width >= 64rem) {
                width: calc(var(--spacing) * 5);
                height: calc(var(--spacing) * 5);
            }
            @media (width >= 80rem) {
                width: calc(var(--spacing) * 6);
                height: calc(var(--spacing) * 6);
            }
            @media (width >= 96rem) {
                width: calc(var(--spacing) * 7);
                height: calc(var(--spacing) * 7);
            }
        }
    }
}
@layer components {
    .tsTable {
        & :is(:where(tr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            border-block-style: var(--tw-border-style);
            border-block-width: 1px;
        }
        & :is(:where(tr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            border-color: var(--color-primary);
        }
        & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            padding-block: 0.8125rem;
        }
        & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            text-align: center;
        }
        & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
        & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            padding-block: 1.0625rem;
        }
        & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            text-align: center;
        }
        & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
        @media (width < 40rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }
    .tsTable th, .tsTable td {
        color: inherit;
    }
    .tsTable thead tr {
        --tw-border-style: none;
        border-style: none;
    }
    .tsTable tbody {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
        border-color: var(--color-primary);
    }
    .tsTable table {
        font-size: inherit;
        line-height: inherit;
    }
}
@layer components {
    .tsAccordion .open {
        .tsAccordion__Icon {
            rotate: 180deg;
            color: var(--color-secondary);
        }
        .tsAccordion__Title {
            color: var(--color-primary);
        }
    }
    .tsAccordion__Header {
        cursor: pointer;
        @media (width >= 64rem) {
            column-gap: var(--spacing-gap12);
        }
    }
    .tsAccordion__Item.open .tsAccordion__Content {
        display: block;
    }
    .tsAccordion__Item.mfRing.open {
        --tw-inset-ring-color: var(--color-primary) !important;
    }
    .tsAccordion__Item.open:before {
        background-color: var(--color-light);
    }
    html.js .tsAccordion__Content {
        display: none;
    }
}
.toastify {
    z-index: 1038;
    background-image: none;
    padding-right: calc(var(--spacing) * 8);
    text-align: center;
    color: var(--color-base);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.toast-close {
    position: absolute;
    top: calc(var(--spacing) * 1);
    right: calc(var(--spacing) * 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-white);
    opacity: 100%;
    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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
        @media (hover: hover) {
            background-color: color-mix(in srgb, #000 25%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
            }
        }
    }
}
.toastify-top {
    top: calc(var(--spacing) * 0) !important;
    margin-top: calc(var(--spacing) * 5);
}
.toastify-bottom {
    bottom: calc(var(--spacing) * 0) !important;
    margin-bottom: calc(var(--spacing) * 5);
}
.toastify.toastify--middle.toastify-center {
    top: calc(1/2 * 100%) !important;
    margin-block: calc(var(--spacing) * 5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.toastify.toastify--extra {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}
.toastify.toastify--danger {
    background-color: #ef4444;
}
.toastify.toastify--warning {
    background-color: #f59e0b;
}
.toastify.toastify--success {
    background-color: #4ade80;
}
.toastify.toastify--info {
    background-color: #0ea5e9;
}
@media (width >= 64rem) {
    .toastify {
        @media (width >= 64rem) {
            min-width: calc(var(--spacing) * 80);
        }
    }
    .toastify.toastify-left {
        right: auto;
        left: calc(var(--spacing) * 0);
        margin-left: calc(var(--spacing) * 5);
    }
    .toastify.toastify-right {
        right: calc(var(--spacing) * 0);
        left: auto;
        margin-right: calc(var(--spacing) * 5);
    }
    .toastify.toastify--extra {
        @media (width >= 80rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }
}
@media (width < 64rem) {
    .toastify-center, .toastify-left, .toastify-right {
        max-width: calc(100% - 2.5rem);
    }
}
.tingle-modal {
    z-index: 50;
    cursor: auto;
    background-color: color-mix(in srgb, #000 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
}
.tingle-modal-box {
    @media (width >= 64rem) {
        max-width: var(--container-2xl);
    }
}
.tingle-modal__closeIcon svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
}
@media (max-width: 540px) {
    .tingle-modal__closeIcon svg {
        height: calc(var(--spacing) * 4);
        width: calc(var(--spacing) * 4);
    }
    .tingle-modal__closeLabel {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .tingle-modal {
        padding-top: calc(var(--spacing) * 10);
    }
    .tingle-modal__close {
        height: calc(var(--spacing) * 10);
    }
}
.tsAlert {
    margin-block: calc(var(--spacing) * 7);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 7);
    }
    &.mfInfo {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-blue-300);
        background-color: var(--color-blue-50);
        color: var(--color-blue-800);
    }
    &.mfDanger {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-red-300);
        background-color: var(--color-red-50);
        color: var(--color-red-800);
    }
    &.mfSuccess {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-green-300);
        background-color: var(--color-green-50);
        color: var(--color-green-800);
    }
    &.mfWarning {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-yellow-300);
        background-color: var(--color-yellow-50);
        color: var(--color-yellow-800);
    }
    &.mfDark {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-300);
        background-color: var(--color-gray-50);
        color: var(--color-gray-800);
    }
}
@layer components {
    .tsRing {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16);
        border-radius: calc(infinity * 1px);
        --tw-leading: 1;
        line-height: 1;
        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));
    }
}
.tsRadial:before {
    position: absolute;
    background: radial-gradient(circle at top, var(--color-radial), transparent), radial-gradient(circle at bottom, var(--color-radial), transparent);
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    --tw-blur: blur(var(--blur-lg));
    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,);
    transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    animation-duration: 3s;
    --tw-content: '';
    content: var(--tw-content);
}
.tsRadial.mfGray:before {
    --color-radial: #e0ded1;
}
.tsRadial.mfLg:before {
    width: 50.25rem;
    height: 50.25rem;
    @media (width >= 64rem) {
        width: 26.8125rem;
        height: 26.8125rem;
    }
    @media (width >= 80rem) {
        width: 33.5rem;
        height: 33.5rem;
    }
    @media (width >= 96rem) {
        width: 40.1875rem;
        height: 40.1875rem;
    }
    @media (width >= 112.5rem) {
        width: 50.25rem;
        height: 50.25rem;
    }
}
.tsRadial.mfXl:before {
    width: 31.75rem;
    height: 31.75rem;
    @media (width >= 64rem) {
        width: 29.9375rem;
        height: 29.9375rem;
    }
    @media (width >= 80rem) {
        width: 37.4375rem;
        height: 37.4375rem;
    }
    @media (width >= 96rem) {
        width: 44.875rem;
        height: 44.875rem;
    }
    @media (width >= 112.5rem) {
        width: 56.125rem;
        height: 56.125rem;
    }
}
.tsRadial.mf2Xl:before {
    width: 67.25rem;
    height: 67.25rem;
    @media (width >= 64rem) {
        width: 35.875rem;
        height: 35.875rem;
    }
    @media (width >= 80rem) {
        width: 44.8125rem;
        height: 44.8125rem;
    }
    @media (width >= 96rem) {
        width: 53.8125rem;
        height: 53.8125rem;
    }
    @media (width >= 112.5rem) {
        width: 67.25rem;
        height: 67.25rem;
    }
}
@layer components {
    .utList ul {
        display: flex;
        list-style-position: inside;
        list-style-type: none;
        flex-direction: column;
        gap: var(--spacing-space);
    }
    .utList li {
        position: relative;
    }
    .utList li {
        padding-left: calc(var(--spacing) * 7);
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }
    .utList li:before {
        position: absolute;
        top: 0.4em;
        left: calc(var(--spacing) * 0);
        width: 0.5625rem;
        height: 0.5625rem;
        border-radius: calc(infinity * 1px);
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: var(--color-primary);
        --tw-gradient-to: var(--color-secondary);
        --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));
        --tw-content: '';
        content: var(--tw-content);
        @media (width >= 64rem) {
            top: 0.45em;
        }
    }
    .utList li:not(:last-child):after {
        pointer-events: none;
        margin-top: var(--spacing-space);
        margin-left: calc(var(--spacing) * -7);
        display: block;
        height: 1px;
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: var(--color-primary);
        --tw-gradient-to: var(--color-secondary);
        --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));
        --tw-content: '';
        content: var(--tw-content);
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * -10);
        }
    }
}
@layer components {
    .tsDrp__Btn {
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-dropdown);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .tsDrp__Btn .icon {
        font-size: var(--text-dropdown-icon);
    }
    .tsDrp__Menu {
        min-width: max-content;
    }
    .tsDrp__Menu ul {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 1);
        font-size: var(--text-dropdown);
    }
    .tsDrp__Menu ul a {
        display: inline-block;
        padding-block: calc(var(--spacing) * 1);
    }
    .tsDrpLang__Btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(var(--base-font-size) * 3);
        height: calc(var(--base-font-size) * 3);
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: transparent;
        background-color: var(--color-white);
        &:where([data-theme="contrast"] *) {
            border-color: var(--color-black);
        }
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-contrast);
        }
        &:where([data-theme="contrast"] *) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-black);
                }
            }
        }
    }
    .tsDrpLang__Btn.open {
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-black);
        }
    }
    .tsDrpLang__Btn:not(.open):hover {
        background-color: var(--color-primary);
        &:where([data-theme="contrast"] *) {
            background-color: var(--color-black);
        }
    }
    .tsDrpLang__Menu ul {
        width: calc(var(--base-font-size) * 3);
    }
    .tsDrpLang__Btn img, .tsDrpLang__Menu img {
        width: calc(var(--base-font-size) * 1.5);
    }
    .tsDrpLang__Menu a {
        display: block;
    }
    .tsDrpLang__Menu a:hover img {
        --tw-ring-color: var(--color-primary);
    }
    .tsDrpLang__Menu {
        border-radius: var(--radius-3xl);
        padding-block: calc(var(--spacing) * 4);
        padding-top: calc(var(--base-font-size) * 3.125);
    }
    .tsDrpLang__Menu img {
        margin-inline: auto;
        width: calc(var(--base-font-size) * 1.5);
        border-radius: calc(infinity * 1px);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: transparent;
    }
}
@layer components {
    .tsBadge {
        display: inline-flex;
        min-height: calc(var(--spacing) * 5);
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 2.5);
        border-radius: var(--radius-base);
        padding: calc(var(--spacing) * 0.5);
        padding-inline: calc(var(--spacing) * 2);
        font-size: calc(var(--base-font-size) * 0.625);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: 0.09em;
        letter-spacing: 0.09em;
        color: var(--color-white);
        text-transform: uppercase;
        &.mfMd {
            padding: calc(var(--spacing) * 1);
            padding-inline: calc(var(--spacing) * 2.5);
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }
        &.mfLg {
            padding: calc(var(--spacing) * 1.5);
            padding-inline: calc(var(--spacing) * 3);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }
}
@media (max-width: 413px) {
    html {
        font-size: max(9px, min(3.865vw, 16px)) !important;
    }
}
@media (width >= 48rem) {
    :root {
        --spacing-gap: 4.375rem;
    }
}
@media (width >= 64rem) {
    :root {
        --spacing-gap: 0;
        --spacing-block: 5.625rem;
        --spacing-space: 20px;
        --spacing-space-md: 40px;
        --spacing-space-lg: 60px;
        --spacing-space-xl: 80px;
        --spacing-block-padding-x: 70px;
        --spacing-block-padding-y: 60px;
        --spacing-block-x: 108px;
        --spacing-block-y-sm: 20px;
        --spacing-block-y-md: 40px;
        --spacing-block-y-lg: 60px;
        --spacing-block-y-xl: 80px;
        --padding-inner: 149px;
        --text-h1--line-height: 1.0625;
        --text-h2--line-height: 1.3;
        --text-h3--line-height: 1.5;
        --text-h4--line-height: var(--leading-normal);
        --text-h5--line-height: var(--leading-normal);
        --text-h6--line-height: var(--leading-normal);
        --height-banner: 529px;
        --height-banner-site: 185px;
        --padding-banner-site: 54px;
        --height-block-map: 200px;
        --width-shape: 533px;
        --size-avatar: 116px;
        --max-width-post-content: 720px;
        --spacing-margin-sm: 20px;
        --spacing-margin-md: 40px;
        --spacing-margin-lg: 60px;
        --spacing-margin-xl: 80px;
        --width-block-form: 503px;
        --size-ring: 3.75rem;
        --text-default: calc(var(--base-font-size) * 0.875);
    }
}
@media (width >= 80rem) {
    :root {
        --spacing-space: 24px;
        --spacing-space-md: 48px;
        --spacing-space-lg: 72px;
        --spacing-space-xl: 96px;
        --spacing-block-x: 128px;
        --spacing-block-y-sm: 24px;
        --spacing-block-y-md: 48px;
        --spacing-block-y-lg: 72px;
        --spacing-block-y-xl: 96px;
        --height-trapezoid: 4.25rem;
        --height-trapezoid-skew: 2.5rem;
        --height-banner: 635px;
        --height-banner-site: 222px;
        --padding-banner-site: 64px;
        --height-block-map: 237px;
        --width-shape: 667px;
        --size-avatar: 139px;
        --max-width-post-content: 824px;
        --spacing-margin-sm: 24px;
        --spacing-margin-md: 48px;
        --spacing-margin-lg: 72px;
        --spacing-margin-xl: 96px;
        --padding-inner: 187px;
        --width-block-form: 629px;
        --size-ring: 4.5625rem;
        --text-default: calc(var(--base-font-size) * 0.9375);
    }
}
@media (width >= 96rem) {
    :root {
        --spacing-space: 30px;
        --spacing-space-md: 60px;
        --spacing-space-lg: 90px;
        --spacing-space-xl: 120px;
        --spacing-block-padding-x: 130px;
        --spacing-block-padding-y: 120px;
        --spacing-block-y: 60px;
        --spacing-block-y-md: 90px;
        --height-block-map: 296px;
        --height-banner: 794px;
        --height-banner-site: 277px;
        --padding-banner-site: 80px;
        --spacing-block-x: 160px;
        --spacing-block-y-sm: 30px;
        --spacing-block-y-md: 60px;
        --spacing-block-y-lg: 90px;
        --spacing-block-y-xl: 120px;
        --width-shape: 800px;
        --size-avatar: 174px;
        --max-width-post-content: 1030px;
        --spacing-margin-sm: 30px;
        --spacing-margin-md: 60px;
        --spacing-margin-lg: 90px;
        --spacing-margin-xl: 120px;
        --padding-inner: 224px;
        --width-block-form: 755px;
        --size-ring: 5.5rem;
        --text-default: calc(var(--base-font-size));
    }
}
@media (width >= 112.5rem) {
    :root {
        --padding-inner: 280px;
        --width-shape: 1000px;
        --width-block-form: 944px;
        --size-ring: 6.875rem;
    }
}
@media (width >= 64rem) {
    :root {
        --spacing-inter: 0.875rem;
    }
}
@media (width >= 64rem) {
    :root {
        --spacing-gap1: 0.3125rem;
        --spacing-gap2: 0.6875rem;
        --spacing-gap3: 1rem;
        --spacing-gap4: 1.3125rem;
        --spacing-gap5: 1.6875rem;
        --spacing-gap6: 2rem;
        --spacing-gap7: 2.3125rem;
        --spacing-gap8: 2.6875rem;
        --spacing-gap9: 3rem;
        --spacing-gap10: 3.3125rem;
        --spacing-gap11: 3.6875rem;
        --spacing-gap12: 4rem;
        --spacing-gap13: 4.3125rem;
        --spacing-gap14: 4.6875rem;
        --spacing-gap15: 5rem;
        --spacing-gap16: 5.3125rem;
        --spacing-gap17: 5.6875rem;
        --spacing-gap18: 6rem;
        --spacing-gap19: 6.3125rem;
        --spacing-gap20: 6.6875rem;
        --spacing-gap21: 7rem;
        --spacing-gap22: 7.3125rem;
        --spacing-gap24: 8rem;
        --spacing-gap25: 8.3125rem;
        --spacing-gap26: 8.6875rem;
    }
}
@media (width >= 80rem) {
    :root {
        --spacing-gap1: 0.4375rem;
        --spacing-gap2: 0.8125rem;
        --spacing-gap3: 1.25rem;
        --spacing-gap4: 1.6875rem;
        --spacing-gap5: 2.0625rem;
        --spacing-gap6: 2.5rem;
        --spacing-gap7: 2.9375rem;
        --spacing-gap8: 3.3125rem;
        --spacing-gap9: 3.75rem;
        --spacing-gap10: 4.1875rem;
        --spacing-gap11: 4.5625rem;
        --spacing-gap12: 5rem;
        --spacing-gap13: 5.4375rem;
        --spacing-gap14: 5.8125rem;
        --spacing-gap15: 6.25rem;
        --spacing-gap16: 6.6875rem;
        --spacing-gap17: 7.0625rem;
        --spacing-gap18: 7.5rem;
        --spacing-gap19: 7.9375rem;
        --spacing-gap20: 8.3125rem;
        --spacing-gap21: 8.75rem;
        --spacing-gap22: 9.1875rem;
        --spacing-gap24: 10rem;
        --spacing-gap25: 10.4375rem;
        --spacing-gap26: 10.8125rem;
    }
}
@media (width >= 96rem) {
    :root {
        --spacing-gap1: 0.5rem;
        --spacing-gap2: 1rem;
        --spacing-gap3: 1.5rem;
        --spacing-gap4: 2rem;
        --spacing-gap5: 2.5rem;
        --spacing-gap6: 3rem;
        --spacing-gap7: 3.5rem;
        --spacing-gap8: 4rem;
        --spacing-gap9: 4.5rem;
        --spacing-gap10: 5rem;
        --spacing-gap11: 5.5rem;
        --spacing-gap12: 6rem;
        --spacing-gap13: 6.5rem;
        --spacing-gap14: 7rem;
        --spacing-gap15: 7.5rem;
        --spacing-gap16: 8rem;
        --spacing-gap17: 8.5rem;
        --spacing-gap18: 9rem;
        --spacing-gap19: 9.5rem;
        --spacing-gap20: 10rem;
        --spacing-gap21: 10.5rem;
        --spacing-gap22: 11rem;
        --spacing-gap24: 12rem;
        --spacing-gap25: 12.5rem;
        --spacing-gap26: 13rem;
    }
}
@media (width >= 112.5rem) {
    :root {
        --spacing-gap1: 0.625rem;
        --spacing-gap2: 1.25rem;
        --spacing-gap3: 1.875rem;
        --spacing-gap4: 2.5rem;
        --spacing-gap5: 3.125rem;
        --spacing-gap6: 3.75rem;
        --spacing-gap7: 4.375rem;
        --spacing-gap8: 5rem;
        --spacing-gap9: 5.625rem;
        --spacing-gap10: 6.25rem;
        --spacing-gap11: 6.875rem;
        --spacing-gap12: 7.5rem;
        --spacing-gap13: 8.125rem;
        --spacing-gap14: 8.75rem;
        --spacing-gap15: 9.375rem;
        --spacing-gap16: 10rem;
        --spacing-gap17: 10.625rem;
        --spacing-gap18: 11.25rem;
        --spacing-gap19: 11.875rem;
        --spacing-gap20: 12.5rem;
        --spacing-gap21: 13.125rem;
        --spacing-gap22: 13.75rem;
        --spacing-gap24: 15rem;
        --spacing-gap25: 15.625rem;
        --spacing-gap26: 16.25rem;
    }
}
@media (width >= 80rem) {
    :root {
        --spacing-section: 7.5rem;
    }
}
@media (width >= 96rem) {
    :root {
        --spacing-section: 9.375rem;
    }
}
@media (width >= 64rem) {
    :root {
        --text-h1: calc(var(--base-font-size) * 3.1875);
        --text-h2: calc(var(--base-font-size) * 1.5);
        --text-h3: calc(var(--base-font-size) * 1.375);
        --text-h4: calc(var(--base-font-size) * 1.0625);
        --text-h5: calc(var(--base-font-size) * 0.9375);
        --text-h6: calc(var(--base-font-size) * 0.875);
        --text-h1-content: calc(var(--base-font-size) * 3.188);
        --text-h2-content: calc(var(--base-font-size) * 1.5);
        --text-h3-content: calc(var(--base-font-size) * 1.375);
        --text-h4-content: calc(var(--base-font-size) * 0.938);
        --text-h5-content: calc(var(--base-font-size) * 1.313);
        --text-h6-content: calc(var(--base-font-size) * 1.125);
    }
}
@media (width >= 80rem) {
    :root {
        --text-h1: calc(var(--base-font-size) * 4);
        --text-h2: calc(var(--base-font-size) * 1.875);
        --text-h3: calc(var(--base-font-size) * 1.688);
        --text-h4: calc(var(--base-font-size) * 1.188);
        --text-h5: calc(var(--base-font-size) * 0.875);
        --text-h6: calc(var(--base-font-size) * 0.75);
        --text-h1-content: calc(var(--base-font-size) * 4);
        --text-h2-content: calc(var(--base-font-size) * 1.875);
        --text-h3-content: calc(var(--base-font-size) * 1.688);
        --text-h4-content: calc(var(--base-font-size) * 1.188);
        --text-h5-content: calc(var(--base-font-size) * 1.313);
        --text-h6-content: calc(var(--base-font-size) * 1.125);
    }
}
@media (width >= 96rem) {
    :root {
        --text-h1: calc(var(--base-font-size) * 4.813);
        --text-h2: calc(var(--base-font-size) * 2.25);
        --text-h3: calc(var(--base-font-size) * 2.063);
        --text-h4: calc(var(--base-font-size) * 1.375);
        --text-h5: calc(var(--base-font-size) * 1.063);
        --text-h6: calc(var(--base-font-size) * 0.875);
        --text-h1-content: calc(var(--base-font-size) * 4.813);
        --text-h2-content: calc(var(--base-font-size) * 2.25);
        --text-h3-content: calc(var(--base-font-size) * 2.063);
        --text-h4-content: calc(var(--base-font-size) * 1.375);
        --text-h5-content: calc(var(--base-font-size) * 1.313);
        --text-h6-content: calc(var(--base-font-size) * 1.125);
    }
}
@media (width >= 112.5rem) {
    :root {
        --text-h1: calc(var(--base-font-size) * 6);
        --text-h2: calc(var(--base-font-size) * 2.813);
        --text-h3: calc(var(--base-font-size) * 2.563);
        --text-h4: calc(var(--base-font-size) * 1.75);
        --text-h5: calc(var(--base-font-size) * 1.313);
        --text-h6: calc(var(--base-font-size) * 1.125);
        --text-h1-content: calc(var(--base-font-size) * 6);
        --text-h2-content: calc(var(--base-font-size) * 2.813);
        --text-h3-content: calc(var(--base-font-size) * 2.563);
        --text-h4-content: calc(var(--base-font-size) * 1.75);
        --text-h5-content: calc(var(--base-font-size) * 1.313);
        --text-h6-content: calc(var(--base-font-size) * 1.125);
    }
}
@media (width >= 64rem) {
    :root {
        --text-custom: calc(var(--base-font-size) * 12 / 16);
        --text-contents: calc(var(--base-font-size) * 0.875);
    }
}
@media (width >= 80rem) {
    :root {
        --text-custom: calc(var(--base-font-size) * 14 / 16);
        --text-contents: calc(var(--base-font-size));
    }
}
@media (width >= 96rem) {
    :root {
        --text-custom: calc(var(--base-font-size) * 15 / 16);
        --text-contents: calc(var(--base-font-size) * 1.0625);
    }
}
@media (width >= 64rem) {
    :root {
        --height-header: 8.125rem;
    }
}
@media (width >= 80rem) {
    :root {
        --height-header: 10rem;
    }
}
@media (width >= 96rem) {
    :root {
        --height-header: 12.5rem;
    }
}
@media (width >= 64rem) {
    :root {
        --text-menu: calc(var(--base-font-size) * 0.875);
        --text-menu-icon: calc(var(--base-font-size) * 0.25);
    }
}
@media (width >= 80rem) {
    :root {
        --text-menu: calc(var(--base-font-size));
    }
}
@media (width >= 96rem) {
    :root {
        --text-menu: calc(var(--base-font-size) * 1.125);
    }
}
@media (width >= 64rem) and (width < 80rem) {
    :root {
        --text-button: calc(var(--base-font-size) * 14 / 16);
        --text-button-sm: calc(var(--base-font-size) * 14 / 16);
        --spacing-button-px: 1.25rem;
        --spacing-button-py: 0.25rem;
        --height-button: 2rem;
    }
}
@media (width >= 80rem) and (width < 96rem) {
    :root {
        --text-button: calc(var(--base-font-size) * 17 / 16);
        --text-button-sm: calc(var(--base-font-size) * 17 / 16);
        --spacing-button-px: 1.5rem;
        --spacing-button-py: 0.3125rem;
        --height-button: 2.25rem;
    }
}
@media (width >= 64rem) and (width < 96rem) {
    :root {
        --text-input: calc(var(--base-font-size) * 0.875);
        --padding-input-px: calc(var(--base-font-size) * 1.25);
        --padding-input-py: calc(var(--base-font-size) * 0.625);
        --height-input: calc(var(--base-font-size) * 2.75);
    }
}
@media (width >= 96rem) and (width < 112.5rem) {
    :root {
        --text-input: calc(var(--base-font-size));
        --padding-input-px: calc(var(--base-font-size) * 1.5);
        --padding-input-py: calc(var(--base-font-size) * 0.75);
        --height-input: calc(var(--base-font-size) * 3.25);
    }
}
@media (width >= 64rem) {
    :root {
        --text-icon-xs: calc(var(--base-font-size) * 0.75);
        --text-icon-sm: calc(var(--base-font-size));
        --text-icon-md: calc(var(--base-font-size) * 1.875);
        --text-icon-lg: calc(var(--base-font-size) * 3.75);
        --text-icon-xl: calc(var(--base-font-size) * 5);
    }
}
@media (width >= 80rem) {
    :root {
        --text-icon-xs: calc(var(--base-font-size) * 0.875);
        --text-icon-sm: calc(var(--base-font-size) * 1.1875);
        --text-icon-md: calc(var(--base-font-size) * 2.25);
        --text-icon-lg: calc(var(--base-font-size) * 3.75);
        --text-icon-xl: calc(var(--base-font-size) * 5);
    }
}
@media (width >= 96rem) {
    :root {
        --text-icon-xs: calc(var(--base-font-size) * 1.125);
        --text-icon-sm: calc(var(--base-font-size) * 1.5);
        --text-icon-md: calc(var(--base-font-size) * 2.8125);
        --text-icon-lg: calc(var(--base-font-size) * 3.75);
        --text-icon-xl: calc(var(--base-font-size) * 5);
    }
}
@media (width >= 64rem) {
    :root {
        --text-social: calc(var(--base-font-size) * 2);
        --size-social: calc(var(--base-font-size) * 2);
        --width-social-icon: calc(var(--base-font-size) * 0.9375);
    }
}
@media (width >= 80rem) {
    :root {
        --text-social: calc(var(--base-font-size) * 2.375);
        --size-social: calc(var(--base-font-size) * 2.375);
        --width-social-icon: calc(var(--base-font-size) * 1.125);
    }
}
@media (width >= 96rem) {
    :root {
        --text-social: calc(var(--base-font-size) * 3);
        --size-social: calc(var(--base-font-size) * 3);
        --width-social-icon: calc(var(--base-font-size) * 1.375);
    }
}
@media (width >= 64rem) {
    :root {
        --width-logo: 8.125rem;
    }
}
@media (width >= 80rem) {
    :root {
        --width-logo: 10rem;
    }
}
@media (width >= 96rem) {
    :root {
        --width-logo: 12.5rem;
    }
}
html {
    font-size: 16px;
    --base-font-size: 1rem;
}
body {
    font-size: var(--base-font-size);
}
.TsConsent__OptionHeader:focus-visible, [role="option"]:focus-visible, [role="button"]:focus-visible, a:focus-visible, .slider-handle:focus-visible, .swiper-scrollbar-drag:focus-visible, .button-interactive:focus-visible, button:focus-visible, textarea:focus-visible, input:focus-visible, select:focus-visible, .ui-slider .ui-slider-handle:focus-visible, select:focus-visible ~ .select__styled, input:focus-visible ~ .control__indicator {
    outline-offset: 2px;
    outline: 2px solid #0000ff !important;
}
.visually-hidden:not(:focus):not(:active) {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.accessibility-link:not(:focus-visible) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.accessibility-legend {
    display: none;
    @media (width < 64rem) {
        display: none !important;
    }
    span[class*="icon-"] {
        display: block;
        font-size: calc(var(--base-font-size) * 1.75);
    }
}
.accessibility-legend-parent:has(input[type="range"]:focus) .accessibility-legend, input[type="range"]:focus ~ .accessibility-legend {
    display: block;
}
.accessibility-inline > * {
    display: inline;
}
.accessibility-menu {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    z-index: 999;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-black);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
    &:hover {
        @media (hover: hover) {
            color: var(--color-white);
        }
    }
    &.mfTip {
        position: absolute;
        top: calc(1/2 * 100%);
        right: 100%;
        left: auto;
        margin-right: calc(var(--spacing) * 3.5);
        --tw-translate-x: calc(var(--spacing) * 0);
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        --tw-border-style: none !important;
        border-style: none !important;
        padding-inline: calc(var(--spacing) * 3.5);
        padding-block: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        white-space: nowrap;
        &:after {
            position: absolute;
            top: calc(1/2 * 100%);
            left: 100%;
            height: calc(var(--spacing) * 2);
            width: calc(var(--spacing) * 2);
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            rotate: 45deg;
            background-color: var(--color-black);
            --tw-content: '';
            content: var(--tw-content);
        }
    }
}
.accessibility-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--base-font-size) * 40 / 16);
    height: calc(var(--base-font-size) * 40 / 16);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    color: var(--color-white);
    &:hover {
        @media (hover: hover) {
            background-color: var(--color-white);
        }
    }
    &:hover {
        @media (hover: hover) {
            color: var(--color-base);
        }
    }
    @media (width >= 80rem) {
        width: calc(var(--base-font-size) * 48 / 16);
        height: calc(var(--base-font-size) * 48 / 16);
    }
    &:where([data-theme="contrast"] *) {
        border-color: var(--color-black);
    }
    &:where([data-theme="contrast"] *) {
        color: var(--color-black);
    }
    &:where([data-theme="contrast"] *) {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-black);
            }
        }
    }
    &:where([data-theme="contrast"] *) {
        &:hover {
            @media (hover: hover) {
                color: var(--color-contrast);
            }
        }
    }
    span {
        font-size: calc(var(--base-font-size) * 28 / 16);
    }
}
.accessibility-button.mfLetter span {
    font-size: calc(var(--base-font-size) * 20 / 16);
}
.accessibility-button-text {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    border-radius: var(--radius-base);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
}
.accessibility-button.mfIcon {
    span[class*="icon-"] {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
html[data-fontsize="medium"] {
    body {
        --base-font-size: 1.25rem;
    }
    .tsBtnSqrWrap {
        flex-wrap: wrap;
    }
}
html[data-fontsize="large"] {
    body {
        --base-font-size: 1.5rem;
    }
    .tsBtnSqrWrap {
        flex-wrap: wrap;
    }
}
html[data-fontsize="xlarge"] {
    body {
        --base-font-size: 2rem;
    }
    .tsBtnSqrWrap {
        flex-wrap: wrap;
    }
}
html[data-fontsize="medium"] {
    .tsSecPanel__Col {
        @media (width >= 64rem) {
            width: 18.75rem;
        }
        @media (width >= 80rem) {
            width: 22.5rem;
        }
        @media (width >= 96rem) {
            width: 28.125rem;
        }
    }
}
html[data-fontsize="large"] {
    .tsSecPanel__Col {
        @media (width >= 64rem) {
            width: 20.8125rem;
        }
        @media (width >= 80rem) {
            width: 25rem;
        }
        @media (width >= 96rem) {
            width: 31.25rem;
        }
    }
}
html[data-fontsize="xlarge"] {
    .tsSecPanel__Col {
        @media (width >= 64rem) {
            width: 22.9375rem;
        }
        @media (width >= 80rem) {
            width: 27.5rem;
        }
        @media (width >= 96rem) {
            width: 34.375rem;
        }
    }
}
@media (min-width: 1024px) {
    html[data-fontsize="medium"] .accessibility-button:focus ~ .accessibility-menu[data-fontsize-toggle="medium"] {
        display: block;
    }
    html[data-fontsize="large"] .accessibility-button:focus ~ .accessibility-menu[data-fontsize-toggle="large"] {
        display: block;
    }
    html[data-fontsize="xlarge"] .accessibility-button:focus ~ .accessibility-menu[data-fontsize-toggle="xlarge"] {
        display: block;
    }
}
[data-accessibility-autoplay="on"]:focus-visible ~ .accessibility-menu[data-accessibility-autoplay="on"], [data-accessibility-autoplay="off"]:focus-visible ~ .accessibility-menu[data-accessibility-autoplay="off"] {
    @media (width >= 64rem) {
        display: block;
    }
}
[data-accessibility-autoplay="on"]:focus-visible ~ .accessibility-menu[data-accessibility-autoplay="on"], [data-accessibility-autoplay="off"]:focus-visible ~ .accessibility-menu[data-accessibility-autoplay="off"] {
    @media (width >= 64rem) {
        display: block;
    }
}
html[data-fontsize="medium"] {
    --base-font-size: 1.25rem;
}
html[data-fontsize="large"] {
    --base-font-size: 1.5rem;
}
html[data-fontsize="xlarge"] {
    --base-font-size: 2rem;
}
html[data-theme="contrast"] {
    .padContrast {
        position: relative;
    }
    .padContrast:before {
        pointer-events: none;
        position: absolute;
        inset: calc(var(--spacing) * -2.5);
        z-index: -1;
        border-radius: var(--radius-base);
        background-color: var(--color-contrast);
        --tw-content: '';
        content: var(--tw-content);
        @media (width >= 64rem) {
            inset: calc(var(--spacing-gap4) * -1);
        }
    }
    .padContrast.mfSm:before {
        @media (width >= 64rem) {
            inset: calc(var(--spacing) * -3);
        }
        @media (width >= 80rem) {
            inset: calc(var(--spacing) * -4);
        }
        @media (width >= 96rem) {
            inset: calc(var(--spacing) * -5);
        }
    }
    .tsBtn {
        color: var(--color-white);
        &:hover {
            @media (hover: hover) {
                color: var(--color-contrast);
            }
        }
    }
    .tsBtn:before, .tsBtn:after {
        background-color: var(--color-black);
    }
    .tsSelect {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='yellow' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    }
    .tsFooter a:hover {
        color: var(--color-contrast);
    }
    --color-base: #000;
    --background-image-pattern: url("../img/pattern-black.svg");
    --background-image-pattern2: url("../img/pattern-black.svg");
    --background-image-check: url("../img/icons/check-black.svg");
    --background-image-checkbox: url("../img/icons/checked-contrast.svg");
    --background-image-radio: url("../img/icons/radio-contrast.svg");
}
@layer base {
    [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
        appearance: none;
        background-color: #fff;
        border-color: oklch(55.1% 0.027 264.364);
        border-width: 1px;
        border-radius: 0px;
        padding-top: 0.5rem;
        padding-right: 0.75rem;
        padding-bottom: 0.5rem;
        padding-left: 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-shadow: 0 0 #0000;
        &:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
            --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: oklch(54.6% 0.245 262.881);
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            border-color: oklch(54.6% 0.245 262.881);
        }
    }
    input::placeholder,textarea::placeholder {
        color: oklch(55.1% 0.027 264.364);
        opacity: 1;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-date-and-time-value {
        min-height: 1.5em;
    }
    ::-webkit-date-and-time-value {
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0;
    }
    select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        print-color-adjust: exact;
    }
    [multiple],[size]:where(select:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        padding-right: 0.75rem;
        print-color-adjust: unset;
    }
    [type='checkbox'],[type='radio'] {
        appearance: none;
        padding: 0;
        print-color-adjust: exact;
        display: inline-block;
        vertical-align: middle;
        background-origin: border-box;
        user-select: none;
        flex-shrink: 0;
        height: 1rem;
        width: 1rem;
        color: oklch(54.6% 0.245 262.881);
        background-color: #fff;
        border-color: oklch(55.1% 0.027 264.364);
        border-width: 1px;
        --tw-shadow: 0 0 #0000;
    }
    [type='checkbox'] {
        border-radius: 0px;
    }
    [type='radio'] {
        border-radius: 100%;
    }
    [type='checkbox']:focus,[type='radio']:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% 0.245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    [type='checkbox']:checked,[type='radio']:checked {
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    [type='checkbox']:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
        @media (forced-colors: active) {
            appearance: auto;
        }
    }
    [type='radio']:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
        @media (forced-colors: active) {
            appearance: auto;
        }
    }
    [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
        border-color: transparent;
        background-color: currentColor;
    }
    [type='checkbox']:indeterminate {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        @media (forced-colors: active) {
            appearance: auto;
        }
    }
    [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
        border-color: transparent;
        background-color: currentColor;
    }
    [type='file'] {
        background: unset;
        border-color: inherit;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-size: unset;
        line-height: inherit;
    }
    [type='file']:focus {
        outline: 1px solid ButtonText;
        outline: 1px auto -webkit-focus-ring-color;
    }
}
@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: "";
}
@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-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}
@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}
@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}
@property --tw-tracking {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}
@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}
@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-duration {
    syntax: "*";
    inherits: false;
}
@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-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-text-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-text-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-ease {
    syntax: "*";
    inherits: false;
}
@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
@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-content: "";
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-duration: initial;
            --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-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%;
            --tw-ease: initial;
            --tw-outline-style: solid;
        }
    }
}