/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
@layer theme {

    :host,
    :root {
        --spacing: .25rem;
        --breakpoint-md: 48rem;
        --breakpoint-lg: 64rem;
        --breakpoint-xl: 90.5rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-md: 12px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
        --color-black: #262626;
        --color-blue-100: #e1f3fe;
        --color-blue-500: #0da2e7;
        --color-bottle-100: #d9f2e1;
        --color-bottle-200: #c7e5ce;
        --color-bottle-300: #b0d8ba;
        --color-bottle-500: #277c64;
        --color-bottle-600: #0a6149;
        --color-bottle-700: #095841;
        --color-barrel-100: #ece4d4;
        --color-barrel-200: #e5d8bd;
        --color-barrel-300: #dbcba9;
        --color-barrel-400: #d2be98;
        --color-barrel-500: #c2ac89;
        --color-chardonnay-100: #fae1c2;
        --color-grape-200: #e1cdea;
        --color-grape-500: #7a57a2;
        --color-grape-700: #5c3f7d;
        --color-gray-50: #fafafa;
        --color-gray-100: #f5f5f5;
        --color-gray-200: #e6e6e6;
        --color-gray-300: #d4d4d4;
        --color-gray-400: #a3a3a3;
        --color-gray-500: #737373;
        --color-gray-700: #303030;
        --color-gray-800: #262626;
        --color-gray-900: #1f1f1f;
        --color-gray-950: #121212;
        --color-green-500: #1aad7c;
        --color-green-700: #0a7153;
        --color-lemon-100: #f7f5bb;
        --color-lemon-200: #f2ea97;
        --color-lemon-300: #ede573;
        --color-lemon-700: #6a5515;
        --color-new-400: #ff8b3d;
        --color-red-500: #e64d57;
        --color-red-600: #e0242b;
        --color-red-700: #b91d2a;
        --color-red-800: #a81a26;
        --color-rose-100: #f7dee3;
        --color-rose-200: #efcdd3;
        --color-rose-600: #9d2a37;
        --color-rose-700: #8d202d;
        --color-sustainability-400: #5ba97e;
        --color-warm-gray-50: #fafafa;
        --color-warm-gray-100: #f3f3f1;
        --color-water-100: #dde9f3;
        --color-water-200: #c0d3e7;
        --color-water-600: #21558c;
        --color-water-700: #18487b;
        --color-white: #fff;
        --color-yellow-200: #fef08b;
        --color-yellow-400: #facc14;
        --color-yellow-500: #e7b008;
        --text-sans-150: 12px;
        --text-sans-150--line-height: 16px;
        --text-sans-150--letter-spacing: 0;
        --text-sans-175: 14px;
        --text-sans-175--line-height: 20px;
        --text-sans-175--letter-spacing: -.07px;
        --text-sans-200: 16px;
        --text-sans-200--line-height: 24px;
        --text-sans-200--letter-spacing: -.13px;
        --text-sans-225: 18px;
        --text-sans-225--line-height: 26px;
        --text-sans-225--letter-spacing: -.22px;
        --text-sans-250: 20px;
        --text-sans-250--line-height: 28px;
        --text-sans-250--letter-spacing: -.27px;
        --text-monopol-250: 20px;
        --text-monopol-250--line-height: 24px;
        --text-monopol-275: 22px;
        --text-monopol-275--line-height: 26px;
        --text-monopol-300: 24px;
        --text-monopol-300--line-height: 28px;
        --text-monopol-350: 28px;
        --text-monopol-350--line-height: 34px;
        --text-monopol-400: 32px;
        --text-monopol-400--line-height: 38px;
        --text-monopol-500: 40px;
        --text-monopol-500--line-height: 46px;
        --text-monopol-600: 48px;
        --text-monopol-600--line-height: 56px;
        --text-monopol-700: 56px;
        --text-monopol-700--line-height: 64px;
        --text-caption-micro: 11px;
        --text-caption-micro--line-height: 14px;
        --text-caption-micro--letter-spacing: 1px;
        --text-caption-tiny: 13px;
        --text-caption-tiny--line-height: 16px;
        --text-caption-tiny--letter-spacing: 1px;
        --text-caption-175: 14px;
        --text-caption-175--line-height: 16px;
        --text-caption-175--letter-spacing: 2.3px;
        --text-caption-200: 16px;
        --text-caption-200--line-height: 20px;
        --text-caption-200--letter-spacing: 2.75px;
        --text-caption-225: 18px;
        --text-caption-225--line-height: 22px;
        --text-caption-225--letter-spacing: 3.15px;
        --text-caption-250: 20px;
        --text-caption-250--line-height: 24px;
        --text-caption-250--letter-spacing: 3.5px;
        --text-caption-600: 48px;
        --text-caption-600--line-height: 52px;
        --text-caption-600--letter-spacing: 9px;
        --animate-accordion-down: accordion-down .2s ease-out;
        --animate-accordion-up: accordion-up .2s ease-out;
        --animate-fade-in: fade-in .2s ease-out;
        --animate-ripple: ripple .6s ease-out;
        --animate-hide-cursor: hide-cursor 4s forwards;
        --font-inter-variable: interVariable;
        --font-inter-variable-italic: var(--font-inter-variable-italic);
        --font-monopol: "monopol";
        --font-monopol-italic: var(--font-monopol-italic);
        --font-bolaget-medium-condensed: var(--font-bolaget-medium-condensed)
    }
}

@layer base {

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

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

    .wave::before {
        content: "";
        background: url(data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIzNDMiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzNDMgNjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzQzIDY1Ljk4ODZIMzI5LjA5M0MzMDguOTg2IDY1Ljk4ODYgMjg2LjIwOCA1Ni4yNjM2IDI2MC4wNTIgMzIuOTQzMkMyMzUuOTAzIDEwLjc2ODQgMjAwLjI5OCAwIDE3MS41IDBDMTQyLjY5OSAwIDEwNy4wOTQgMTAuNzY4NCA4Mi45NDA4IDMyLjk3MTRDNTYuNzg4MSA1Ni4yNjM2IDM0LjAxMDggNjUuOTg4NiAxMy45MDY5IDY1Ljk4ODZIMFY2N0gzNDNWNjUuOTg4NloiIGZpbGw9IiNmZmZmZmYiLz4KICAgIDwvc3ZnPgogIA==);
        position: relative;
        top: 1px;
        background-repeat: no-repeat;
        height: 84.384839664px;
        background-size: cover;
        background-position-y: bottom;
        flex-shrink: 0;
    }

    .wave::after {
        content: "";
        background: url(data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIzNDMiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCAzNDMgNjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzQzIDY1Ljk4ODZIMzI5LjA5M0MzMDguOTg2IDY1Ljk4ODYgMjg2LjIwOCA1Ni4yNjM2IDI2MC4wNTIgMzIuOTQzMkMyMzUuOTAzIDEwLjc2ODQgMjAwLjI5OCAwIDE3MS41IDBDMTQyLjY5OSAwIDEwNy4wOTQgMTAuNzY4NCA4Mi45NDA4IDMyLjk3MTRDNTYuNzg4MSA1Ni4yNjM2IDM0LjAxMDggNjUuOTg4NiAxMy45MDY5IDY1Ljk4ODZIMFY2N0gzNDNWNjUuOTg4NloiIGZpbGw9IiNmZmZmZmYiLz4KICAgIDwvc3ZnPgogIA==);
        position: relative;
        top: -1px;
        background-repeat: no-repeat;
        height: 84.384839664px;
        background-size: cover;
        transform: rotate(180deg);
        background-position-y: top;
        flex-shrink: 0;
    }
}

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

body {
    line-height: inherit
}

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

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

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,
pre,
samp {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

:-moz-focusring {
    outline: auto
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

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

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

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

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

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

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

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

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

::placeholder {
    opacity: 1;
    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 {
    padding-block: 0
}

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

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

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

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

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

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

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

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

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

* {
    color: var(--foreground);
    -webkit-font-smoothing: antialiased
}
}

@layer components {

    .tinymce-fact-box-container:after,
    .tinymce-fact-box-container:before {
        content: "";
        background-color: var(--color-bottle-200);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NCAxNiI+DQogICAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCAwdjRjNC43IDAgMTAgMS41IDE2LjIgNS45IDUuNyA0LjEgMTQgNi4xIDIxIDYuMSA2LjggMCAxNS0xLjkgMjAuNi02QzYzLjkgNS42IDY5LjIgNCA3NCA0VjBIMHoiLz4NCiAgICA8L3N2Zz4=);
        background-position-x: 50%;
        background-repeat: repeat-x;
        background-size: 74px 16px;
        width: 100%;
        height: 80px;
        position: absolute
    }

    .tinymce-fact-box-container:before {
        bottom: 100%
    }

    .tinymce-fact-box-container:after {
        transform: rotate(180deg)
    }
}

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

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

    .\!visible {
        visibility: visible !important
    }

    .visible {
        visibility: visible
    }

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

    .\!absolute {
        position: absolute !important
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-\[1\],
    .top-\[1px\] {
        top: 1px
    }

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

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

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

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

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

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

    .top-\[50\%\] {
        top: 50%
    }

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

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

    .top-full {
        top: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .left-\[50\%\] {
        left: 50%
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-50 {
        z-index: 50
    }

    .z-10000 {
        z-index: 10000
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .sb-full {
        grid-column: span 4/span 4
    }

    @media (width>=48rem) {
        .sb-full {
            grid-column: span 8/span 8
        }
    }

    @media (width>=64rem) {
        .sb-full {
            grid-column: span 12/span 12
        }
    }

    .sb-half {
        grid-column: span 4/span 4
    }

    @media (width>=64rem) {
        .sb-half {
            grid-column: span 6/span 6
        }
    }

    .sb-quarter {
        grid-column: span 4/span 4
    }

    @media (width>=64rem) {
        .sb-quarter {
            grid-column: span 3/span 3
        }
    }

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

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

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

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

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

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

    .float-right {
        float: right
    }

    .\!container {
        width: 100% !important
    }

    @media (width>=40rem) {
        .\!container {
            max-width: 40rem !important
        }
    }

    @media (width>=48rem) {
        .\!container {
            max-width: 48rem !important
        }
    }

    @media (width>=64rem) {
        .\!container {
            max-width: 64rem !important
        }
    }

    @media (width>=90.5rem) {
        .\!container {
            max-width: 90.5rem !important
        }
    }

    @media (width>=96rem) {
        .\!container {
            max-width: 96rem !important
        }
    }

    .container {
        width: 100%
    }

    @media (width>=40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (width>=48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (width>=64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (width>=90.5rem) {
        .container {
            max-width: 90.5rem
        }
    }

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

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

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

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

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

    .m-\[-8px\] {
        margin: -8px
    }

    .m-\[0_auto_0\] {
        margin: 0 auto
    }

    .m-auto {
        margin: auto
    }

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

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

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

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

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

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

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

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

    .mx-\[-16px\] {
        margin-inline: -16px
    }

    .mx-\[14px\] {
        margin-inline: 14px
    }

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

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

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

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

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

    .my-auto {
        margin-block: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

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

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

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

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

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

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

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

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

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

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

    .mr-auto {
        margin-right: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mb-auto {
        margin-bottom: auto
    }

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

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

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

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

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

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

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

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

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

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

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

    .ml-auto {
        margin-left: auto
    }

    .sb-grid {
        width: 100%;
        max-width: var(--breakpoint-md);
        gap: calc(var(--spacing) * 4);
        grid-template-columns: repeat(4, minmax(0, 1fr));
        display: grid
    }

    @media (width>=48rem) {
        .sb-grid {
            max-width: var(--breakpoint-lg);
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
    }

    @media (width>=64rem) {
        .sb-grid {
            max-width: var(--breakpoint-xl);
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }

    @media (width>=90.5rem) {
        .sb-grid {
            gap: calc(var(--spacing) * 6)
        }
    }

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

    .\!block {
        display: block !important
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .size-\[10px\] {
        width: 10px;
        height: 10px
    }

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

    .size-\[37px\] {
        width: 37px;
        height: 37px
    }

    .size-\[180px\] {
        width: 180px;
        height: 180px
    }

    .size-\[225px\] {
        width: 225px;
        height: 225px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

    .max-h-\(--radix-dropdown-menu-content-available-height\) {
        max-height: var(--radix-dropdown-menu-content-available-height)
    }

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

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

    .max-h-\[100dvh\] {
        max-height: 100dvh
    }

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

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

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

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

    .max-h-screen {
        max-height: 100vh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-h-\[calc\(100vh-67px\)\] {
        min-height: calc(100vh - 67px)
    }

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

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

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

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

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

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

    .w-1\/5 {
        width: 20%
    }

    .w-1\/10 {
        width: 10%
    }

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

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

    .w-2\/3 {
        width: 66.6667%
    }

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

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

    .w-3\/12 {
        width: 25%
    }

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

    .w-4\/5 {
        width: 80%
    }

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

    .w-5\/12 {
        width: 41.6667%
    }

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

    .w-6\/12 {
        width: 50%
    }

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

    .w-7\/12 {
        width: 58.3333%
    }

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

    .w-8\/12 {
        width: 66.6667%
    }

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

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

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

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

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

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

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

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

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

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

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

    .w-\[16\%\] {
        width: 16%
    }

    .w-\[25\%\] {
        width: 25%
    }

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

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

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

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

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

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

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

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

    .w-\[65\%\] {
        width: 65%
    }

    .w-\[70\%\] {
        width: 70%
    }

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

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

    .w-\[75\%\] {
        width: 75%
    }

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

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

    .w-\[80\%\] {
        width: 80%
    }

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

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

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

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

    .w-\[88\%\] {
        width: 88%
    }

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

    .w-\[90\%\] {
        width: 90%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px)
    }

    .w-\[calc\(100\%-24px\)\] {
        width: calc(100% - 24px)
    }

    .w-\[calc\(100\%-32px\)\] {
        width: calc(100% - 32px)
    }

    .w-\[calc\(100\%-80px\)\] {
        width: calc(100% - 80px)
    }

    .w-\[calc\(100\%-100px\)\] {
        width: calc(100% - 100px)
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

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

    .w-max {
        width: max-content
    }

    .w-screen {
        width: 100vw
    }

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

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

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

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

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

    .max-w-\[9ch\] {
        max-width: 9ch
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[calc\(66\%\)\] {
        max-width: 66%
    }

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

    .max-w-none {
        max-width: none
    }

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

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

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

    .min-w-4\.5 {
        min-width: calc(var(--spacing) * 4.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-1 {
        flex: 1
    }

    .flex-\[0_0_50\%\] {
        flex: 0 0 50%
    }

    .flex-\[0_0_81\%\] {
        flex: 0 0 81%
    }

    .flex-\[1\] {
        flex: 1
    }

    .flex-\[1_0_0\] {
        flex: 1 0 0
    }

    .flex-none {
        flex: none
    }

    .flex-shrink {
        flex-shrink: 1
    }

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

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

    .grow-0 {
        flex-grow: 0
    }

    .grow-1 {
        flex-grow: 1
    }

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

    .origin-\(--radix-popover-content-transform-origin\) {
        transform-origin: var(--radix-popover-content-transform-origin)
    }

    .-translate-x-\[33\%\] {
        --tw-translate-x: calc(33% * -1)
    }

    .-translate-x-\[33\%\],
    .translate-x-\[-50\%\] {
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%
    }

    .-translate-y-\[50\%\] {
        --tw-translate-y: calc(50% * -1)
    }

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

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

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

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

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

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

    .rotate-0 {
        rotate: 0deg
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .\[transform\: translate\(-50\%\)\] {
        transform: translate(-50%)
    }

    .\[transform\: translateY\(100\%\)_translateX\(-33\%\)_rotate\(90deg\)\] {
        transform: translateY(100%)translate(-33%)rotate(90deg)
    }

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

    .animate-fade-in {
        animation: var(--animate-fade-in)
    }

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

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

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

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .touch-pan-y {
        --tw-pan-y: pan-y
    }

    .touch-pan-y,
    .touch-pinch-zoom {
        touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, )
    }

    .touch-pinch-zoom {
        --tw-pinch-zoom: pinch-zoom
    }

    .touch-auto {
        touch-action: auto
    }

    .touch-none {
        touch-action: none
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

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

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

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

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

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

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

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

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

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

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

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

    .flex-col {
        flex-direction: column
    }

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

    .flex-row {
        flex-direction: row
    }

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

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .content-center {
        align-content: center
    }

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

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .self-center {
        align-self: center
    }

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

    .self-stretch {
        align-self: stretch
    }

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

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

    .overflow-visible {
        overflow: visible
    }

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

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

    .overflow-x-scroll {
        overflow-x: scroll
    }

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

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

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

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .\!rounded-full {
        border-radius: 3.40282e+38px !important
    }

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

    .rounded {
        border-radius: .25rem
    }

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

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

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

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

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

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

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

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

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

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

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

    .rounded-\[inherit\] {
        border-radius: inherit
    }

    .rounded-full {
        border-radius: 3.40282e+38px
    }

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

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

    .rounded-none {
        border-radius: 0
    }

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

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

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

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

    .rounded-l-lg,
    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg)
    }

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

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

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

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

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

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

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

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

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

    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

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

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

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

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

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

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

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

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

    .border-x-8 {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 8px
    }

    .border-x-12 {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 12px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .\!border-black\/10 {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important
    }

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

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

    .border-black\/25 {
        border-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .border-black\/65 {
        border-color: color-mix(in oklab, var(--color-black) 65%, transparent)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .border-y-black\/25 {
        border-block-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .border-t-black\/10 {
        border-top-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .border-t-black\/25 {
        border-top-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

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

    .border-t-bottle-300 {
        border-top-color: var(--color-bottle-300)
    }

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

    .border-r-\[1px_solid_theme\(colors\.black\/10\)\] {
        border-right-color: 1px solid oklab(26.8618% 4.47035e-8 0)
    }

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

    .border-b-black\/10 {
        border-bottom-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .border-b-black\/25 {
        border-bottom-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

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

    .border-b-bottle-300 {
        border-bottom-color: var(--color-bottle-300)
    }

    .border-b-bottle-700 {
        border-bottom-color: var(--color-bottle-700)
    }

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

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

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

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

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

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

    .bg-\[x\] {
        background-color: x
    }

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

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

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

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

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

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

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

    .bg-black\/5 {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
    }

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

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

    .bg-black\/30 {
        background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
    }

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

    .bg-black\/65 {
        background-color: color-mix(in oklab, var(--color-black) 65%, transparent)
    }

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

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

    .bg-border-strong {
        background-color: var(--border-strong)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bg-white\/65 {
        background-color: color-mix(in oklab, var(--color-white) 65%, transparent)
    }

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

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

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

    .\[background-image\: url\(\"\/images\/product-store-section-background\.png\"\)\] {
        background-image: url(/images/product-store-section-background.png)
    }

    .bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBoZWlnaHQ9IjhweCIgd2lkdGg9IjhweCI\+PGc\+PHBhdGggZD0iTTAsOCBMOCwwIiBzdHJva2U9IiM3MzczNzMiIC8\+PC9nPjwvc3ZnPg\=\=\'\)\] {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBoZWlnaHQ9IjhweCIgd2lkdGg9IjhweCI+PGc+PHBhdGggZD0iTTAsOCBMOCwwIiBzdHJva2U9IiM3MzczNzMiIC8+PC9nPjwvc3ZnPg==)
    }

    .bg-none {
        background-image: none
    }

    .from-black\/0 {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 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))
    }

    .to-black\/100 {
        --tw-gradient-to: color-mix(in oklab, var(--color-black) 100%, 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))
    }

    .\[background-size\:36px_36px\] {
        background-size: 36px 36px
    }

    .\[background-size\:45px_9px\] {
        background-size: 45px 9px
    }

    .\[background-size\:84px_16px\] {
        background-size: 84px 16px
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .\[background-position\:-1px\] {
        background-position: -1px
    }

    .\[background-position\:center_bottom_-1px\] {
        background-position: center bottom -1px
    }

    .\[background-position\:center_top_-1px\] {
        background-position: 50% -1px
    }

    .\[background-position\:left_-1px_center\] {
        background-position: -1px
    }

    .\[background-position\:left_center\] {
        background-position: 0
    }

    .\[background-position\:right_-1px_center\] {
        background-position: right -1px center
    }

    .\[background-position\:right_center\] {
        background-position: 100%
    }

    .bg-center {
        background-position: 50%
    }

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

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

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

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

    .fill-black\/25 {
        fill: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .fill-black\/65 {
        fill: color-mix(in oklab, var(--color-black) 65%, transparent)
    }

    .fill-bottle-300 {
        fill: var(--color-bottle-300)
    }

    .fill-bottle-600 {
        fill: var(--color-bottle-600)
    }

    .fill-bottle-700 {
        fill: var(--color-bottle-700)
    }

    .fill-current {
        fill: currentColor
    }

    .fill-destructive {
        fill: var(--destructive)
    }

    .fill-error {
        fill: var(--error)
    }

    .fill-foreground {
        fill: var(--foreground)
    }

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

    .fill-information {
        fill: var(--information)
    }

    .fill-muted-foreground {
        fill: var(--muted-foreground)
    }

    .fill-none {
        fill: none
    }

    .fill-popover {
        fill: var(--popover)
    }

    .fill-primary {
        fill: var(--primary)
    }

    .fill-primary-foreground {
        fill: var(--primary-foreground)
    }

    .fill-rose-600 {
        fill: var(--color-rose-600)
    }

    .fill-rose-700 {
        fill: var(--color-rose-700)
    }

    .fill-water-700 {
        fill: var(--color-water-700)
    }

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

    .fill-white\/65 {
        fill: color-mix(in oklab, var(--color-white) 65%, transparent)
    }

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

    .stroke-\[32\] {
        stroke-width: 32px
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

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

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

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

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

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

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

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

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

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

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

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

    .p-\[6px\] {
        padding: 6px
    }

    .p-px {
        padding: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-3\.5 {
        padding-top: calc(var(--spacing) * 3.5)
    }

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

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

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

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

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

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

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

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

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

    .pt-\[56\.25\%\] {
        padding-top: 56.25%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .pr-\[80px\] {
        padding-right: 80px
    }

    .pr-\[166px\] {
        padding-right: 166px
    }

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

    .pb-0\.5 {
        padding-bottom: calc(var(--spacing) * .5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-baseline {
        vertical-align: baseline
    }

    .align-top {
        vertical-align: top
    }

    .caption-175 {
        font-size: var(--text-caption-175);
        line-height: var(--text-caption-175--line-height);
        letter-spacing: var(--text-caption-175--letter-spacing)
    }

    .caption-175,
    .caption-200 {
        text-transform: uppercase;
        font-family: var(--font-bolaget-medium-condensed);
        font-weight: var(--font-weight-medium);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .caption-200 {
        font-size: var(--text-caption-200);
        line-height: var(--text-caption-200--line-height);
        letter-spacing: var(--text-caption-200--letter-spacing)
    }

    .caption-225 {
        font-size: var(--text-caption-225);
        line-height: var(--text-caption-225--line-height);
        letter-spacing: var(--text-caption-225--letter-spacing)
    }

    .caption-225,
    .caption-250 {
        text-transform: uppercase;
        font-family: var(--font-bolaget-medium-condensed);
        font-weight: var(--font-weight-medium);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .caption-250 {
        font-size: var(--text-caption-250);
        line-height: var(--text-caption-250--line-height);
        letter-spacing: var(--text-caption-250--letter-spacing)
    }

    .caption-600 {
        text-transform: uppercase;
        font-family: var(--font-bolaget-medium-condensed);
        font-size: var(--text-caption-600);
        line-height: var(--text-caption-600--line-height);
        letter-spacing: var(--text-caption-600--letter-spacing);
        font-weight: var(--font-weight-medium);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .caption-micro {
        font-size: var(--text-caption-micro);
        line-height: var(--text-caption-micro--line-height);
        letter-spacing: var(--text-caption-micro--letter-spacing)
    }

    .caption-micro,
    .caption-tiny {
        text-transform: uppercase;
        font-family: var(--font-inter-variable);
        font-weight: var(--font-weight-semibold);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .caption-tiny {
        font-size: var(--text-caption-tiny);
        line-height: var(--text-caption-tiny--line-height);
        letter-spacing: var(--text-caption-tiny--letter-spacing)
    }

    .\!sans-200 {
        --tw-font-weight: var(--font-weight-normal);
        font-family: var(--font-inter-variable) !important;
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off !important;
        font-weight: var(--font-weight-normal) !important;
        font-size: var(--text-sans-200) !important;
        line-height: var(--text-sans-200--line-height) !important;
        letter-spacing: var(--text-sans-200--letter-spacing) !important;
        -webkit-text-decoration-skip-ink: auto !important;
        text-decoration-skip-ink: auto !important;
        text-underline-position: from-font !important
    }

    .sans-150 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-150);
        line-height: var(--text-sans-150--line-height);
        letter-spacing: var(--text-sans-150--letter-spacing)
    }

    .sans-150,
    .sans-175 {
        font-family: var(--font-inter-variable);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-175 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing)
    }

    .sans-200 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing)
    }

    .sans-200,
    .sans-225 {
        font-family: var(--font-inter-variable);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-225 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-225);
        line-height: var(--text-sans-225--line-height);
        letter-spacing: var(--text-sans-225--letter-spacing)
    }

    .sans-250 {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-250);
        line-height: var(--text-sans-250--line-height);
        letter-spacing: var(--text-sans-250--letter-spacing)
    }

    .sans-250,
    .sans-italic-150 {
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-italic-150 {
        font-family: var(--font-inter-variable-italic);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-150);
        line-height: var(--text-sans-150--line-height);
        letter-spacing: var(--text-sans-150--letter-spacing)
    }

    .sans-italic-175 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing)
    }

    .sans-italic-175,
    .sans-italic-200 {
        font-family: var(--font-inter-variable-italic);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-italic-200 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing)
    }

    .sans-italic-225 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-225);
        line-height: var(--text-sans-225--line-height);
        letter-spacing: var(--text-sans-225--letter-spacing)
    }

    .sans-italic-225,
    .sans-italic-250 {
        font-family: var(--font-inter-variable-italic);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-italic-250 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-250);
        line-height: var(--text-sans-250--line-height);
        letter-spacing: var(--text-sans-250--letter-spacing)
    }

    .sans-italic-strong-150 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-150);
        line-height: var(--text-sans-150--line-height);
        letter-spacing: var(--text-sans-150--letter-spacing)
    }

    .sans-italic-strong-150,
    .sans-italic-strong-175 {
        font-family: var(--font-inter-variable-italic);
        --tw-font-weight: var(--font-weight-semibold);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-italic-strong-175 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing)
    }

    .sans-italic-strong-200 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing)
    }

    .sans-italic-strong-200,
    .sans-italic-strong-225 {
        font-family: var(--font-inter-variable-italic);
        --tw-font-weight: var(--font-weight-semibold);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-italic-strong-225 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-225);
        line-height: var(--text-sans-225--line-height);
        letter-spacing: var(--text-sans-225--letter-spacing)
    }

    .sans-italic-strong-250 {
        font-family: var(--font-inter-variable-italic);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-250);
        line-height: var(--text-sans-250--line-height);
        letter-spacing: var(--text-sans-250--letter-spacing)
    }

    .sans-italic-strong-250,
    .sans-medium-150 {
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-medium-150 {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        font-size: var(--text-sans-150);
        line-height: var(--text-sans-150--line-height);
        letter-spacing: var(--text-sans-150--letter-spacing)
    }

    .sans-medium-175 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-medium);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing)
    }

    .sans-medium-175,
    .sans-medium-200 {
        font-family: var(--font-inter-variable);
        --tw-font-weight: var(--font-weight-medium);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-medium-200 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-medium);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing)
    }

    .sans-medium-225 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-medium);
        font-size: var(--text-sans-225);
        line-height: var(--text-sans-225--line-height);
        letter-spacing: var(--text-sans-225--letter-spacing)
    }

    .sans-medium-225,
    .sans-medium-250 {
        font-family: var(--font-inter-variable);
        --tw-font-weight: var(--font-weight-medium);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-medium-250 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-medium);
        font-size: var(--text-sans-250);
        line-height: var(--text-sans-250--line-height);
        letter-spacing: var(--text-sans-250--letter-spacing)
    }

    .sans-strong-150 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-150);
        line-height: var(--text-sans-150--line-height);
        letter-spacing: var(--text-sans-150--letter-spacing)
    }

    .sans-strong-150,
    .sans-strong-175 {
        font-family: var(--font-inter-variable);
        --tw-font-weight: var(--font-weight-semibold);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-strong-175 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing)
    }

    .sans-strong-175\! {
        --tw-font-weight: var(--font-weight-semibold);
        font-family: var(--font-inter-variable) !important;
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off !important;
        font-weight: var(--font-weight-semibold) !important;
        font-size: var(--text-sans-175) !important;
        line-height: var(--text-sans-175--line-height) !important;
        letter-spacing: var(--text-sans-175--letter-spacing) !important;
        -webkit-text-decoration-skip-ink: auto !important;
        text-decoration-skip-ink: auto !important;
        text-underline-position: from-font !important
    }

    .sans-strong-200 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing)
    }

    .sans-strong-200,
    .sans-strong-225 {
        font-family: var(--font-inter-variable);
        --tw-font-weight: var(--font-weight-semibold);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .sans-strong-225 {
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-225);
        line-height: var(--text-sans-225--line-height);
        letter-spacing: var(--text-sans-225--letter-spacing)
    }

    .sans-strong-250 {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-250);
        line-height: var(--text-sans-250--line-height);
        letter-spacing: var(--text-sans-250--letter-spacing)
    }

    .monopol-250,
    .sans-strong-250 {
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-250 {
        font-family: var(--font-monopol);
        font-feature-settings: "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-250);
        line-height: var(--text-monopol-250--line-height)
    }

    .monopol-275 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-275);
        line-height: var(--text-monopol-275--line-height)
    }

    .monopol-275,
    .monopol-300 {
        font-family: var(--font-monopol);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-300 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-300);
        line-height: var(--text-monopol-300--line-height)
    }

    .monopol-350 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-350);
        line-height: var(--text-monopol-350--line-height)
    }

    .monopol-350,
    .monopol-400 {
        font-family: var(--font-monopol);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-400 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-400);
        line-height: var(--text-monopol-400--line-height)
    }

    .monopol-500 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-500);
        line-height: var(--text-monopol-500--line-height)
    }

    .monopol-500,
    .monopol-600 {
        font-family: var(--font-monopol);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-600 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-600);
        line-height: var(--text-monopol-600--line-height)
    }

    .monopol-700 {
        font-family: var(--font-monopol);
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-700);
        line-height: var(--text-monopol-700--line-height)
    }

    .monopol-700,
    .monopol-italic-250 {
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-italic-250 {
        font-family: var(--font-monopol-italic);
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-250);
        line-height: var(--text-monopol-250--line-height)
    }

    .monopol-italic-275 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-275);
        line-height: var(--text-monopol-275--line-height)
    }

    .monopol-italic-275,
    .monopol-italic-300 {
        font-family: var(--font-monopol-italic);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-italic-300 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-300);
        line-height: var(--text-monopol-300--line-height)
    }

    .monopol-italic-350 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-350);
        line-height: var(--text-monopol-350--line-height)
    }

    .monopol-italic-350,
    .monopol-italic-400 {
        font-family: var(--font-monopol-italic);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-italic-400 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-400);
        line-height: var(--text-monopol-400--line-height)
    }

    .monopol-italic-500 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-500);
        line-height: var(--text-monopol-500--line-height)
    }

    .monopol-italic-500,
    .monopol-italic-600 {
        font-family: var(--font-monopol-italic);
        --tw-font-weight: var(--font-weight-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .monopol-italic-600 {
        font-feature-settings: "liga" off, "clig" off;
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-600);
        line-height: var(--text-monopol-600--line-height)
    }

    .monopol-italic-700 {
        font-family: var(--font-monopol-italic);
        font-feature-settings: "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-700);
        line-height: var(--text-monopol-700--line-height);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .font-inter-variable {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off
    }

    .font-monopol {
        font-family: var(--font-monopol);
        font-feature-settings: "liga" off, "clig" off
    }

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

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

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

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

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

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

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

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

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

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

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

    .leading-\[152\%\] {
        --tw-leading: 152%;
        line-height: 152%
    }

    .leading-\[160\%\] {
        --tw-leading: 160%;
        line-height: 160%
    }

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

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

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

    .\[font-weight\:500\] {
        font-weight: 500
    }

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

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

    .text-wrap {
        text-wrap: wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-\[\#009A44\] {
        color: #009a44
    }

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

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

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

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

    .text-current {
        color: currentColor
    }

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

    .text-destructive-foreground {
        color: var(--destructive-foreground)
    }

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

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

    .text-foreground\/65 {
        color: color-mix(in oklab, var(--foreground) 65%, transparent)
    }

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

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

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

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

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

    .text-inherit {
        color: inherit
    }

    .text-muted-foreground {
        color: var(--muted-foreground)
    }

    .text-popover-foreground {
        color: var(--popover-foreground)
    }

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

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

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

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

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

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

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

    .text-transparent {
        color: #0000
    }

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

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

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .underline {
        text-decoration-line: underline
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .\!opacity-0 {
        opacity: 0 !important
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-4 {
        opacity: .04
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-65 {
        opacity: .65
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.4\] {
        opacity: .4
    }

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

    .shadow-2xl,
    .shadow-\[0_2px_8px_0_black25\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_2px_8px_0_black25\] {
        --tw-shadow: 0 2px 8px 0 var(--tw-shadow-color, black25)
    }

    .shadow-\[0_2px_10px_0_black\/25\] {
        --tw-shadow: 0 2px 10px 0 var(--tw-shadow-color, black/25)
    }

    .shadow-\[0_2px_10px_0_black\/25\],
    .shadow-\[0_4px_8px_black10\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_4px_8px_black10\] {
        --tw-shadow: 0 4px 8px var(--tw-shadow-color, black10)
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d)
    }

    .shadow-inner,
    .shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

    .shadow-md,
    .shadow-none {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000
    }

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

    .ring-0,
    .shadow-sm {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor)
    }

    .inset-shadow-\[4px_0_0_0\] {
        --tw-inset-shadow: inset 4px 0 0 0 var(--tw-inset-shadow-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)
    }

    .\[box-shadow\:0_1px_4px_theme\(colors\.black\/10\)\] {
        box-shadow: 0 1px 4px oklab(26.8618% 4.47035e-8 0)
    }

    .inset-shadow-bottle-600 {
        --tw-inset-shadow-color: var(--color-bottle-600)
    }

    .inset-shadow-transparent {
        --tw-inset-shadow-color: transparent
    }

    .outline-hidden {
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline,
    .outline-1 {
        outline-width: 1px
    }

    .outline,
    .outline-1,
    .outline-2 {
        outline-style: var(--tw-outline-style)
    }

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

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

    .outline-bottle-700 {
        outline-color: var(--color-bottle-700)
    }

    .outline-destructive {
        outline-color: var(--destructive)
    }

    .outline-error {
        outline-color: var(--error)
    }

    .outline-inherit {
        outline-color: inherit
    }

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

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

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

    .filter {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .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;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,box-shadow\] {
        transition-property: color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\] {
        transition-property: color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[max-height\,min-height\] {
        transition-property: max-height, min-height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[rotate\] {
        transition-property: rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-none {
        transition-property: none
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-250 {
        --tw-duration: .25s;
        transition-duration: .25s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[--webkit-overflow-scrolling\:touch\] {
        --webkit-overflow-scrolling: touch
    }

    .\[-webkit-print-color-adjust\:exact\] {
        -webkit-print-color-adjust: exact
    }

    .\[-webkit-tap-highlight-color\:transparent\] {
        -webkit-tap-highlight-color: transparent
    }

    .\[-webkit-user-drag\:none\] {
        -webkit-user-drag: none
    }

    .\[background-position-x\:center\] {
        background-position-x: 50%
    }

    .\[background-position-y\:-1px\] {
        background-position-y: -1px
    }

    .\[background-position-y\:-2px\] {
        background-position-y: -2px
    }

    .\[background-position-y\:bottom\] {
        background-position-y: bottom
    }

    .\[background-position-y\:top\] {
        background-position-y: top
    }

    .\[direction\:rtl\] {
        direction: rtl
    }

    .\[page-break-inside\:avoid\] {
        page-break-inside: avoid
    }

    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }

    .\[transition\:bottom_200ms_ease-in-out\] {
        transition: bottom .2s ease-in-out
    }

    .\[transition\:max-height_200ms_ease-out\] {
        transition: max-height .2s ease-out
    }

    .\[transition\:top_200ms_ease-in-out\] {
        transition: top .2s ease-in-out
    }

    .\[user-drag\:none\] {
        user-drag: none
    }

    .duration-200 {
        animation-duration: .2s
    }

    .duration-250 {
        animation-duration: .25s
    }

    .duration-300 {
        animation-duration: .3s
    }

    .duration-500 {
        animation-duration: .5s
    }

    .ease-in {
        animation-timing-function: cubic-bezier(.4, 0, 1, 1)
    }

    .ease-in-out {
        animation-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-out {
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .fade-in-20 {
        --tw-enter-opacity: .2
    }

    .not-last\:border-b:not(:last-child) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .not-last\:border-black\/5:not(:last-child) {
        border-color: color-mix(in oklab, var(--color-black) 5%, transparent)
    }

    .not-last-of-type\:mr-6:not(:last-of-type) {
        margin-right: calc(var(--spacing) * 6)
    }

    .not-last-of-type\:mr-12:not(:last-of-type) {
        margin-right: calc(var(--spacing) * 12)
    }

    .not-last-of-type\:min-w-0:not(:last-of-type) {
        min-width: calc(var(--spacing) * 0)
    }

    .not-last-of-type\:border-b-1:not(:last-of-type) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .not-last-of-type\:border-black\/10:not(:last-of-type) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .not-last-of-type\:pb-2:not(:last-of-type) {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .not-empty\:flex:not(:empty) {
        display: flex
    }

    .not-disabled\:cursor-grab:not(:disabled) {
        cursor: grab
    }

    .not-has-\[svg\]\:underline:not(:has(:is(svg))) {
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .group-hover\:block:is(:where(.group):hover *) {
            display: block
        }

        .group-hover\:hidden:is(:where(.group):hover *) {
            display: none
        }

        .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) {
            scale: 1.05
        }

        .group-hover\:border-b-transparent:is(:where(.group):hover *) {
            border-bottom-color: #0000
        }

        .group-hover\:bg-barrel-300\/90:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-barrel-300) 90%, transparent)
        }

        .group-hover\:bg-black\/10:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }

        .group-hover\:bg-black\/65:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-black) 65%, transparent)
        }

        .group-hover\:bg-bottle-100:is(:where(.group):hover *) {
            background-color: var(--color-bottle-100)
        }

        .group-hover\:bg-white\/65:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-white) 65%, transparent)
        }

        .group-hover\:fill-bottle-600:is(:where(.group):hover *) {
            fill: var(--color-bottle-600)
        }

        .group-hover\:fill-bottle-700:is(:where(.group):hover *) {
            fill: var(--color-bottle-700)
        }

        .group-hover\:text-bottle-600:is(:where(.group):hover *) {
            color: var(--color-bottle-600)
        }

        .group-hover\:text-bottle-700:is(:where(.group):hover *) {
            color: var(--color-bottle-700)
        }

        .group-hover\:underline:is(:where(.group):hover *) {
            text-decoration-line: underline
        }

        .group-hover\:opacity-85:is(:where(.group):hover *) {
            opacity: .85
        }

        .group-hover\:transition:is(:where(.group):hover *) {
            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;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
        }
    }

    .group-focus-visible\:outline-2:is(:where(.group):focus-visible *) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .group-focus-visible\:outline-offset-1:is(:where(.group):focus-visible *) {
        outline-offset: 1px
    }

    .group-focus-visible\:outline-offset-2:is(:where(.group):focus-visible *) {
        outline-offset: 2px
    }

    .group-focus-visible\:outline-ring:is(:where(.group):focus-visible *) {
        outline-color: var(--ring)
    }

    .group-active\:border-b-0:is(:where(.group):active *) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .group-active\:underline:is(:where(.group):active *) {
        text-decoration-line: underline
    }

    .group-active\:outline-0:is(:where(.group):active *) {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .group-disabled\:bg-border:is(:where(.group):disabled *) {
        background-color: var(--border)
    }

    .group-disabled\:bg-white\/50:is(:where(.group):disabled *) {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent)
    }

    .group-disabled\:fill-muted-foreground:is(:where(.group):disabled *) {
        fill: var(--muted-foreground)
    }

    .group-disabled\:not-group-data-\[state\=checked\]\:flex:is(:where(.group):disabled *):not(:where(.group)[data-state=checked] *) {
        display: flex
    }

    .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events: none
    }

    .group-data-\[disabled\=true\]\:text-muted-foreground:is(:where(.group)[data-disabled=true] *) {
        color: var(--muted-foreground)
    }

    .group-data-\[icon\=leading\]\/accordion-item\:ml-8:is(:where(.group\/accordion-item)[data-icon=leading] *) {
        margin-left: calc(var(--spacing) * 8)
    }

    .group-data-\[icon\=leading\]\/accordion-item\:hidden:is(:where(.group\/accordion-item)[data-icon=leading] *),
    .group-data-\[icon\=trailing\]\/accordion-item\:hidden:is(:where(.group\/accordion-item)[data-icon=trailing] *) {
        display: none
    }

    .group-data-\[state\=checked\]\:border-2:is(:where(.group)[data-state=checked] *) {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .group-data-\[state\=checked\]\:border-primary:is(:where(.group)[data-state=checked] *) {
        border-color: var(--primary)
    }

    .group-data-\[state\=checked\]\:border-ring:is(:where(.group)[data-state=checked] *) {
        border-color: var(--ring)
    }

    .group-data-\[state\=checked\]\:bg-primary:is(:where(.group)[data-state=checked] *) {
        background-color: var(--primary)
    }

    .group-data-\[state\=checked\]\:sans-strong-200:is(:where(.group)[data-state=checked] *) {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .group-data-\[state\=checked\]\:text-primary-foreground:is(:where(.group)[data-state=checked] *) {
        color: var(--primary-foreground)
    }

    .group-data-\[state\=checked\]\:opacity-100:is(:where(.group)[data-state=checked] *) {
        opacity: 1
    }

    .group-data-\[state\=checked\]\:duration-200:is(:where(.group)[data-state=checked] *) {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .group-data-\[state\=checked\]\:animate-in:is(:where(.group)[data-state=checked] *) {
        --tw-enter-opacity: initial;
        --tw-enter-scale: initial;
        --tw-enter-rotate: initial;
        --tw-enter-translate-x: initial;
        --tw-enter-translate-y: initial;
        animation-name: enter;
        animation-duration: .15s
    }

    .group-data-\[state\=checked\]\:duration-200:is(:where(.group)[data-state=checked] *) {
        animation-duration: .2s
    }

    .group-data-\[state\=checked\]\:fade-in:is(:where(.group)[data-state=checked] *) {
        --tw-enter-opacity: 0
    }

    .group-data-\[state\=checked\]\:group-not-disabled\:bg-primary:is(:where(.group)[data-state=checked] *):is(:where(.group):not(:disabled) *) {
        background-color: var(--primary)
    }

    .group-data-\[state\=indeterminate\]\:border-primary:is(:where(.group)[data-state=indeterminate] *) {
        border-color: var(--primary)
    }

    .group-data-\[state\=indeterminate\]\:bg-primary:is(:where(.group)[data-state=indeterminate] *) {
        background-color: var(--primary)
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:top-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        top: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:right-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        right: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:left-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        left: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:h-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        height: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:w-8:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        width: calc(var(--spacing) * 8)
    }

    .group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:top-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=left] *) {
        top: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:right-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=left] *) {
        right: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:bottom-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=left] *) {
        bottom: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:h-8:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=left] *) {
        height: calc(var(--spacing) * 8)
    }

    .group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:w-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=left] *) {
        width: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:top-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=right] *) {
        top: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:bottom-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=right] *) {
        bottom: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:left-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=right] *) {
        left: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:h-8:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=right] *) {
        height: calc(var(--spacing) * 8)
    }

    .group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:w-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=right] *) {
        width: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:right-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
        right: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:bottom-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
        bottom: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:left-0:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
        left: calc(var(--spacing) * 0)
    }

    .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:h-1:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
        height: calc(var(--spacing) * 1)
    }

    .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:w-8:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
        width: calc(var(--spacing) * 8)
    }

    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
    }

    .peer-disabled\:text-muted-foreground:is(:where(.peer):disabled~*) {
        color: var(--muted-foreground)
    }

    .selection\:bg-destructive ::selection {
        background-color: var(--destructive)
    }

    .selection\:bg-destructive::selection {
        background-color: var(--destructive)
    }

    .selection\:bg-primary ::selection {
        background-color: var(--primary)
    }

    .selection\:bg-primary::selection {
        background-color: var(--primary)
    }

    .selection\:text-destructive-foreground ::selection {
        color: var(--destructive-foreground)
    }

    .selection\:text-destructive-foreground::selection {
        color: var(--destructive-foreground)
    }

    .selection\:text-primary-foreground ::selection {
        color: var(--primary-foreground)
    }

    .selection\:text-primary-foreground::selection {
        color: var(--primary-foreground)
    }

    .file\:inline-flex::file-selector-button {
        display: inline-flex
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-transparent::file-selector-button {
        background-color: #0000
    }

    .file\:text-foreground::file-selector-button {
        color: var(--foreground)
    }

    .placeholder\:text-muted-foreground::placeholder {
        color: var(--muted-foreground)
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:-top-2:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * -2)
    }

    .before\:-top-3:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * -3)
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0)
    }

    .before\:bottom-0:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0)
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0)
    }

    .before\:left-6:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 6)
    }

    .before\:size-0:before {
        width: calc(var(--spacing) * 0)
    }

    .before\:h-0:before,
    .before\:size-0:before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0)
    }

    .before\:h-\[15px\]:before {
        content: var(--tw-content);
        height: 15px
    }

    .before\:w-0:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0)
    }

    .before\:w-\[30px\]:before {
        content: var(--tw-content);
        width: 30px
    }

    .before\:border-r-\[35px\]:before {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 35px
    }

    .before\:border-b-8:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 8px
    }

    .before\:border-b-\[12px\]:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 12px
    }

    .before\:border-l-8:before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 8px
    }

    .before\:border-l-\[35px\]:before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 35px
    }

    .before\:border-transparent:before {
        content: var(--tw-content);
        border-color: #0000
    }

    .before\:border-b-\[\#fae053\]:before {
        content: var(--tw-content);
        border-bottom-color: #fae053
    }

    .before\:border-b-lemon-200:before {
        content: var(--tw-content);
        border-bottom-color: var(--color-lemon-200)
    }

    .before\:border-l-transparent:before {
        content: var(--tw-content);
        border-left-color: #0000
    }

    .before\:\[background-size\:60px\]:before {
        content: var(--tw-content);
        background-size: 60px
    }

    .before\:\[background-position\:bottom-right\]:before {
        content: var(--tw-content);
        background-position: bottom-right
    }

    .before\:\[background-position\:top-right\]:before {
        content: var(--tw-content);
        background-position: top-right
    }

    .before\:bg-no-repeat:before {
        content: var(--tw-content);
        background-repeat: no-repeat
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:top-0:after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0)
    }

    .after\:top-3:after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 3)
    }

    .after\:right-0:after {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0)
    }

    .after\:-bottom-2:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * -2)
    }

    .after\:-bottom-3:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * -3)
    }

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0)
    }

    .after\:left-0:after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0)
    }

    .after\:left-6:after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 6)
    }

    .after\:left-\[6px\]:after {
        content: var(--tw-content);
        left: 6px
    }

    .after\:size-0:after {
        width: calc(var(--spacing) * 0)
    }

    .after\:h-0:after,
    .after\:size-0:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0)
    }

    .after\:h-3:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 3)
    }

    .after\:h-\[15px\]:after {
        content: var(--tw-content);
        height: 15px
    }

    .after\:w-0:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0)
    }

    .after\:w-2:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 2)
    }

    .after\:w-\[30px\]:after {
        content: var(--tw-content);
        width: 30px
    }

    .after\:\[transform-origin\:left_top\]:after {
        content: var(--tw-content);
        transform-origin: 0 0
    }

    .after\:\[transform\:scaleX\(-1\)_rotate\(135deg\)\]:after {
        content: var(--tw-content);
        transform: scaleX(-1)rotate(135deg)
    }

    .after\:border-t-2:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
    }

    .after\:border-t-8:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 8px
    }

    .after\:border-t-\[12px\]:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 12px
    }

    .after\:border-r-2:after {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 2px
    }

    .after\:border-r-\[35px\]:after {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 35px
    }

    .after\:border-l-8:after {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 8px
    }

    .after\:border-l-\[35px\]:after {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 35px
    }

    .after\:border-transparent:after {
        content: var(--tw-content);
        border-color: #0000
    }

    .after\:border-white:after {
        content: var(--tw-content);
        border-color: var(--color-white)
    }

    .after\:border-t-\[\#fae053\]:after {
        content: var(--tw-content);
        border-top-color: #fae053
    }

    .after\:border-t-lemon-200:after {
        content: var(--tw-content);
        border-top-color: var(--color-lemon-200)
    }

    .after\:border-l-transparent:after {
        content: var(--tw-content);
        border-left-color: #0000
    }

    .after\:\[background-size\:60px\]:after {
        content: var(--tw-content);
        background-size: 60px
    }

    .after\:\[background-position\:bottom-left\]:after {
        content: var(--tw-content);
        background-position: bottom-left
    }

    .after\:\[background-position\:top-left\]:after {
        content: var(--tw-content);
        background-position: top-left
    }

    .after\:bg-no-repeat:after {
        content: var(--tw-content);
        background-repeat: no-repeat
    }

    .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0
    }

    .after\:opacity-100:after {
        content: var(--tw-content);
        opacity: 1
    }

    .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:\[transition\:opacity_200ms_ease-out\,height_200ms_ease-out\]:after {
        content: var(--tw-content);
        transition: opacity .2s ease-out, height .2s ease-out
    }

    .first\:mt-0:first-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .first\:border-t:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .first\:border-t-gray-100:first-child {
        border-top-color: var(--color-gray-100)
    }

    .first\:shadow-none:first-child {
        --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)
    }

    .last\:m-0:last-child {
        margin: calc(var(--spacing) * 0)
    }

    .last\:mr-0:last-child {
        margin-right: calc(var(--spacing) * 0)
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none
    }

    .last\:pr-4:last-child {
        padding-right: calc(var(--spacing) * 4)
    }

    :is(.\*\:last\:m-0>*):last-child {
        margin: calc(var(--spacing) * 0)
    }

    .first-of-type\:border-t-1:first-of-type {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .last-of-type\:mb-0:last-of-type {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .visited\:text-foreground:visited {
        color: var(--foreground)
    }

    .empty\:hidden:empty {
        display: none
    }

    .focus-within\:border-input-border:focus-within {
        border-color: var(--input-border)
    }

    .focus-within\:shadow-inner:focus-within {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-within\:outline-2:focus-within {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus-within\:outline-offset-2:focus-within {
        outline-offset: 2px
    }

    .focus-within\:outline-ring:focus-within {
        outline-color: var(--ring)
    }

    @media (hover:hover) {
        .hover\:translate-y-\[-2px\]:hover {
            --tw-translate-y: -2px;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .hover\:\[transform\:translate3d\(0\,-2px\,0\)\]:hover {
            transform: translateY(-2px)
        }

        .hover\:animate-hide-cursor:hover {
            animation: var(--animate-hide-cursor)
        }

        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .hover\:border-black\/50:hover {
            border-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }

        .hover\:border-bottle-600:hover {
            border-color: var(--color-bottle-600)
        }

        .hover\:border-transparent:hover {
            border-color: #0000
        }

        .hover\:border-b-bottle-700:hover {
            border-bottom-color: var(--color-bottle-700)
        }

        .hover\:bg-\[\#252525\]\/5:hover {
            background-color: oklab(26.448% 0 0/.05)
        }

        .hover\:bg-barrel-100\/90:hover {
            background-color: color-mix(in oklab, var(--color-barrel-100) 90%, transparent)
        }

        .hover\:bg-barrel-200\/90:hover {
            background-color: color-mix(in oklab, var(--color-barrel-200) 90%, transparent)
        }

        .hover\:bg-barrel-300\/90:hover {
            background-color: color-mix(in oklab, var(--color-barrel-300) 90%, transparent)
        }

        .hover\:bg-barrel-400\/90:hover {
            background-color: color-mix(in oklab, var(--color-barrel-400) 90%, transparent)
        }

        .hover\:bg-barrel-500\/90:hover {
            background-color: color-mix(in oklab, var(--color-barrel-500) 90%, transparent)
        }

        .hover\:bg-black\/5:hover {
            background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }

        .hover\:bg-black\/10:hover {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }

        .hover\:bg-black\/25:hover {
            background-color: color-mix(in oklab, var(--color-black) 25%, transparent)
        }

        .hover\:bg-border:hover {
            background-color: var(--border)
        }

        .hover\:bg-bottle-100:hover {
            background-color: var(--color-bottle-100)
        }

        .hover\:bg-bottle-200:hover {
            background-color: var(--color-bottle-200)
        }

        .hover\:bg-bottle-600:hover {
            background-color: var(--color-bottle-600)
        }

        .hover\:bg-bottle-700:hover {
            background-color: var(--color-bottle-700)
        }

        .hover\:bg-destructive\/90:hover {
            background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
        }

        .hover\:bg-foreground\/10:hover {
            background-color: color-mix(in oklab, var(--foreground) 10%, transparent)
        }

        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100)
        }

        .hover\:bg-hover:hover {
            background-color: var(--hover)
        }

        .hover\:bg-information\/90:hover {
            background-color: color-mix(in oklab, var(--information) 90%, transparent)
        }

        .hover\:bg-primary\/90:hover {
            background-color: color-mix(in oklab, var(--primary) 90%, transparent)
        }

        .hover\:bg-secondary\/90:hover {
            background-color: color-mix(in oklab, var(--secondary) 90%, transparent)
        }

        .hover\:bg-transparent:hover {
            background-color: #0000
        }

        .hover\:bg-white\/5:hover {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }

        .hover\:bg-white\/10:hover {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }

        .hover\:bg-white\/25:hover {
            background-color: color-mix(in oklab, var(--color-white) 25%, transparent)
        }

        .hover\:bg-white\/65:hover {
            background-color: color-mix(in oklab, var(--color-white) 65%, transparent)
        }

        .hover\:bg-white\/90:hover {
            background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }

        .hover\:sans-strong-200:hover {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            font-size: var(--text-sans-200);
            line-height: var(--text-sans-200--line-height);
            letter-spacing: var(--text-sans-200--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .hover\:text-black:hover {
            color: var(--color-black)
        }

        .hover\:text-black\/65:hover {
            color: color-mix(in oklab, var(--color-black) 65%, transparent)
        }

        .hover\:text-bottle-500:hover {
            color: var(--color-bottle-500)
        }

        .hover\:text-bottle-600:hover {
            color: var(--color-bottle-600)
        }

        .hover\:text-bottle-700:hover {
            color: var(--color-bottle-700)
        }

        .hover\:text-primary:hover {
            color: var(--primary)
        }

        .hover\:text-white\/65:hover {
            color: color-mix(in oklab, var(--color-white) 65%, transparent)
        }

        .hover\:no-underline:hover {
            text-decoration-line: none
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:shadow:hover {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
        }

        .hover\:shadow-lg:hover,
        .hover\:shadow:hover {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
        }

        .hover\:shadow-md:hover {
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
        }

        .hover\:shadow-md:hover,
        .hover\:shadow-none:hover {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-none:hover {
            --tw-shadow: 0 0 #0000
        }

        .hover\:\[box-shadow\:0_4px_16px_theme\(colors\.black\/10\)\]:hover {
            box-shadow: 0 4px 16px oklab(26.8618% 4.47035e-8 0)
        }

        .hover\:inset-shadow-bottle-700:hover {
            --tw-inset-shadow-color: var(--color-bottle-700)
        }

        .hover\:outline-0:hover {
            outline-style: var(--tw-outline-style);
            outline-width: 0
        }

        .hover\:transition-colors:hover {
            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))
        }

        .hover\:duration-200:hover {
            --tw-duration: .2s;
            transition-duration: .2s
        }

        .hover\:outline-none:hover {
            --tw-outline-style: none;
            outline-style: none
        }

        .hover\:duration-200:hover {
            animation-duration: .2s
        }

        .hover\:not-disabled\:bg-hover:hover:not(:disabled) {
            background-color: var(--hover)
        }

        .hover\:not-\[\&\.selected\]\:bg-black\/5:hover:not(.selected) {
            background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }

    .focus\:bg-accent:focus {
        background-color: var(--accent)
    }

    .focus\:text-accent-foreground:focus {
        color: var(--accent-foreground)
    }

    .focus\:outline-2:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus\:outline-bottle-700:focus {
        outline-color: var(--color-bottle-700)
    }

    .focus-visible\:relative:focus-visible {
        position: relative
    }

    .focus-visible\:left-0:focus-visible {
        left: calc(var(--spacing) * 0)
    }

    .focus-visible\:z-\[1\]:focus-visible {
        z-index: 1
    }

    .focus-visible\:rounded-none:focus-visible {
        border-radius: 0
    }

    .focus-visible\:border-b-0:focus-visible {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .focus-visible\:border-transparent:focus-visible {
        border-color: #0000
    }

    .focus-visible\:border-b-bottle-700:focus-visible {
        border-bottom-color: var(--color-bottle-700)
    }

    .focus-visible\:bg-black\/25:focus-visible {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .focus-visible\:bg-bottle-100:focus-visible {
        background-color: var(--color-bottle-100)
    }

    .focus-visible\:bg-bottle-700:focus-visible {
        background-color: var(--color-bottle-700)
    }

    .focus-visible\:bg-hover:focus-visible {
        background-color: var(--hover)
    }

    .focus-visible\:bg-white\/25:focus-visible {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent)
    }

    .focus-visible\:text-bottle-600:focus-visible {
        color: var(--color-bottle-600)
    }

    .focus-visible\:underline:focus-visible {
        text-decoration-line: underline
    }

    .focus-visible\:shadow-\[inset_0_0_0_2px_theme\(\'colors\.bottle-700\'\)\]:focus-visible {
        --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, #095841);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:shadow-none:focus-visible {
        --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-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-visible\:inset-shadow-\[0_0_0_2px\]:focus-visible {
        --tw-inset-shadow: inset 0 0 0 2px var(--tw-inset-shadow-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-visible\:inset-shadow-\[0_0_0_2px_bottle700\]:focus-visible {
        --tw-inset-shadow: inset 0 0 0 2px var(--tw-inset-shadow-color, bottle700);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-ring\/50:focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
    }

    .focus-visible\:inset-shadow-bottle-600:focus-visible {
        --tw-inset-shadow-color: var(--color-bottle-600)
    }

    .focus-visible\:inset-shadow-bottle-700:focus-visible {
        --tw-inset-shadow-color: var(--color-bottle-700)
    }

    .focus-visible\:outline-0:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus-visible\:-outline-offset-1:focus-visible {
        outline-offset: calc(1px * -1)
    }

    .focus-visible\:-outline-offset-2:focus-visible {
        outline-offset: calc(2px * -1)
    }

    .focus-visible\:outline-offset-1:focus-visible {
        outline-offset: 1px
    }

    .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px
    }

    .focus-visible\:outline-bottle-600:focus-visible {
        outline-color: var(--color-bottle-600)
    }

    .focus-visible\:outline-bottle-700:focus-visible {
        outline-color: var(--color-bottle-700)
    }

    .focus-visible\:outline-error:focus-visible {
        outline-color: var(--error)
    }

    .focus-visible\:outline-information:focus-visible {
        outline-color: var(--information)
    }

    .focus-visible\:outline-lemon-700:focus-visible {
        outline-color: var(--color-lemon-700)
    }

    .focus-visible\:outline-ring:focus-visible {
        outline-color: var(--ring)
    }

    .focus-visible\:outline-rose-700:focus-visible {
        outline-color: var(--color-rose-700)
    }

    .focus-visible\:outline-water-700:focus-visible {
        outline-color: var(--color-water-700)
    }

    .focus-visible\:outline-white:focus-visible {
        outline-color: var(--color-white)
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    :is(.\*\*\:focus-visible\:outline-ring *):focus-visible {
        outline-color: var(--ring)
    }

    .focus-visible\:selection\:bg-primary:focus-visible ::selection {
        background-color: var(--primary)
    }

    .focus-visible\:selection\:bg-primary:focus-visible::selection {
        background-color: var(--primary)
    }

    .focus-visible\:selection\:text-primary-foreground:focus-visible ::selection {
        color: var(--primary-foreground)
    }

    .focus-visible\:selection\:text-primary-foreground:focus-visible::selection {
        color: var(--primary-foreground)
    }

    @media (hover:hover) {
        .hover\:focus-visible\:bg-bottle-100:hover:focus-visible {
            background-color: var(--color-bottle-100)
        }

        .hover\:focus-visible\:bg-white\/25:hover:focus-visible {
            background-color: color-mix(in oklab, var(--color-white) 25%, transparent)
        }

        .hover\:focus-visible\:text-bottle-600:hover:focus-visible {
            color: var(--color-bottle-600)
        }

        .hover\:focus-visible\:text-water-700:hover:focus-visible {
            color: var(--color-water-700)
        }

        .hover\:focus-visible\:shadow-none:hover:focus-visible {
            --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)
        }
    }

    .active\:h-\[calc\(100\%-4px\)\]:active {
        height: calc(100% - 4px)
    }

    .active\:w-\[calc\(100\%-4px\)\]:active {
        width: calc(100% - 4px)
    }

    .active\:scale-98:active {
        --tw-scale-x: 98%;
        --tw-scale-y: 98%;
        --tw-scale-z: 98%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .active\:scale-99:active {
        --tw-scale-x: 99%;
        --tw-scale-y: 99%;
        --tw-scale-z: 99%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .active\:scale-100:active {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .active\:scale-\[0\.99\]:active {
        scale: .99
    }

    .active\:transform:active {
        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)
    }

    .active\:cursor-grabbing:active {
        cursor: grabbing
    }

    .active\:border-black\/65:active {
        border-color: color-mix(in oklab, var(--color-black) 65%, transparent)
    }

    .active\:bg-active:active {
        background-color: var(--active)
    }

    .active\:bg-black\/10:active {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .active\:bg-bottle-200:active {
        background-color: var(--color-bottle-200)
    }

    .active\:bg-transparent:active {
        background-color: #0000
    }

    .active\:bg-white\/65:active {
        background-color: color-mix(in oklab, var(--color-white) 65%, transparent)
    }

    .active\:no-underline:active {
        text-decoration-line: none
    }

    .active\:underline:active {
        text-decoration-line: underline
    }

    .active\:opacity-\[0\.6\]:active {
        opacity: .6
    }

    .active\:shadow-none:active {
        --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)
    }

    .active\:outline-offset-1:active {
        outline-offset: 1px
    }

    .active\:outline-ring:active {
        outline-color: var(--ring)
    }

    .active\:transition:active {
        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;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .active\:not-disabled\:bg-active:active:not(:disabled) {
        background-color: var(--active)
    }

    .active\:not-\[\&\.selected\]\:bg-black\/10:active:not(.selected) {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    @media (hover:hover) {
        .hover\:active\:bg-white\/25:hover:active {
            background-color: color-mix(in oklab, var(--color-white) 25%, transparent)
        }
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:bg-black\/10:disabled {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .disabled\:bg-gray-200:disabled {
        background-color: var(--color-gray-200)
    }

    .disabled\:bg-muted:disabled {
        background-color: var(--muted)
    }

    .disabled\:text-muted-foreground:disabled {
        color: var(--muted-foreground)
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    @media (hover:hover) {
        .disabled\:hover\:bg-transparent:disabled:hover {
            background-color: #0000
        }
    }

    .disabled\:active\:bg-transparent:disabled:active {
        background-color: #0000
    }

    .has-\[\&_button\]\:mt-4:has(* button),
    .has-\[\&_div\]\:mt-4:has(* div) {
        margin-top: calc(var(--spacing) * 4)
    }

    .has-\[\#loading\]\:pl-4:has(#loading) {
        padding-left: calc(var(--spacing) * 4)
    }

    .has-\[button\[role\=checkbox\]\]\:outline-1:has(:is(button[role=checkbox])) {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .has-\[button\[role\=checkbox\]\]\:outline-2:has(:is(button[role=checkbox])) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .has-\[button\[role\=checkbox\]\]\:outline-border:has(:is(button[role=checkbox])) {
        outline-color: var(--border)
    }

    .has-\[button\[role\=checkbox\]\]\:outline-destructive:has(:is(button[role=checkbox])) {
        outline-color: var(--destructive)
    }

    .has-\[button\[role\=checkbox\]\:focus-visible\]\:outline-2:has(:is(button[role=checkbox]:focus-visible)) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .has-\[button\[role\=checkbox\]\:focus-visible\]\:outline-primary:has(:is(button[role=checkbox]:focus-visible)) {
        outline-color: var(--primary)
    }

    .has-\[svg\]\:pl-4:has(:is(svg)) {
        padding-left: calc(var(--spacing) * 4)
    }

    .has-\[\>button\:focus-visible\]\:outline-2:has(>button:focus-visible) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .has-\[\>button\:focus-visible\]\:outline-primary:has(>button:focus-visible) {
        outline-color: var(--primary)
    }

    .has-\[\>button\[data-state\=checked\]\]\:outline-2:has(>button[data-state=checked]) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .has-\[\>button\[data-state\=checked\]\]\:outline-primary:has(>button[data-state=checked]) {
        outline-color: var(--primary)
    }

    .has-\[\>button\[data-state\=unchecked\]\]\:outline-1:has(>button[data-state=unchecked]) {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .has-\[\>button\[data-state\=unchecked\]\]\:outline-border:has(>button[data-state=unchecked]) {
        outline-color: var(--border)
    }

    .has-\[\>button\[data-state\=unchecked\]\:focus-visible\]\:outline-2:has(>button[data-state=unchecked]:focus-visible) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .has-\[\>button\[data-state\=unchecked\]\:focus-visible\]\:outline-primary:has(>button[data-state=unchecked]:focus-visible) {
        outline-color: var(--primary)
    }

    .aria-disabled\:cursor-not-allowed[aria-disabled=true] {
        cursor: not-allowed
    }

    .aria-disabled\:border-0[aria-disabled=true] {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .aria-disabled\:bg-muted[aria-disabled=true] {
        background-color: var(--muted)
    }

    .aria-disabled\:text-muted-foreground[aria-disabled=true] {
        color: var(--muted-foreground)
    }

    @media (hover:hover) {
        .aria-disabled\:hover\:bg-muted[aria-disabled=true]:hover {
            background-color: var(--muted)
        }
    }

    .aria-disabled\:active\:scale-100[aria-disabled=true]:active {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .data-\[inset\]\:pl-8[data-inset] {
        padding-left: calc(var(--spacing) * 8)
    }

    .data-\[selected\=true\]\:bg-hover[data-selected=true] {
        background-color: var(--hover)
    }

    .data-\[selected\=true\]\:bg-primary[data-selected=true] {
        background-color: var(--primary)
    }

    .data-\[selected\=true\]\:text-primary-foreground[data-selected=true] {
        color: var(--primary-foreground)
    }

    @media (hover:hover) {
        .data-\[selected\=true\]\:hover\:bg-primary\/90[data-selected=true]:hover {
            background-color: color-mix(in oklab, var(--primary) 90%, transparent)
        }
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y: -.5rem
    }

    .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
        --tw-enter-translate-x: .5rem
    }

    .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
        --tw-enter-translate-x: -.5rem
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y: .5rem
    }

    .data-\[state\=checked\]\:translate-x-6\.5[data-state=checked] {
        --tw-translate-x: calc(var(--spacing) * 6.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
        animation: var(--animate-accordion-up)
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .data-\[state\=closed\]\:animate-out[data-state=closed] {
        --tw-exit-opacity: initial;
        --tw-exit-scale: initial;
        --tw-exit-rotate: initial;
        --tw-exit-translate-x: initial;
        --tw-exit-translate-y: initial;
        animation-name: exit;
        animation-duration: .15s
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        animation-duration: .3s
    }

    .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
        --tw-exit-translate-y: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
        --tw-exit-translate-x: -100%
    }

    .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
        --tw-exit-translate-x: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
        --tw-exit-translate-y: -100%
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
        animation: var(--animate-accordion-down)
    }

    .data-\[state\=open\]\:bg-accent[data-state=open] {
        background-color: var(--accent)
    }

    .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
        color: var(--accent-foreground)
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .data-\[state\=open\]\:animate-in[data-state=open] {
        --tw-enter-opacity: initial;
        --tw-enter-scale: initial;
        --tw-enter-rotate: initial;
        --tw-enter-translate-x: initial;
        --tw-enter-translate-y: initial;
        animation-name: enter;
        animation-duration: .15s
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        animation-duration: .5s
    }

    .data-\[state\=open\]\:fade-in-0[data-state=open] {
        --tw-enter-opacity: 0
    }

    .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
        --tw-enter-translate-y: 100%
    }

    .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
        --tw-enter-translate-x: -100%
    }

    .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
        --tw-enter-translate-x: 100%
    }

    .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
        --tw-enter-translate-y: -100%
    }

    .data-\[state\=open\]\:zoom-in-95[data-state=open] {
        --tw-enter-scale: .95
    }

    .data-\[state\=unchecked\]\:translate-x-0\.5[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    @media (hover:hover) {
        .data-\[state\=unchecked\]\:hover\:bg-hover[data-state=unchecked]:hover {
            background-color: var(--hover)
        }
    }

    .data-\[state\=unchecked\]\:active\:bg-active[data-state=unchecked]:active {
        background-color: var(--active)
    }

    @media (hover:hover) {
        .data-\[state\=unchecked\]\:disabled\:hover\:bg-transparent[data-state=unchecked]:disabled:hover {
            background-color: #0000
        }
    }

    .data-\[state\=unchecked\]\:disabled\:active\:bg-transparent[data-state=unchecked]:disabled:active {
        background-color: #0000
    }

    .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
        inset-inline: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
        bottom: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
        margin-top: calc(var(--spacing) * 24)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:h-full[data-vaul-drawer-direction=bottom] {
        height: 100%
    }

    .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[calc\(100dvh-16px\)\][data-vaul-drawer-direction=bottom] {
        max-height: calc(100dvh - 16px)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[calc\(100dvh-32px\)\][data-vaul-drawer-direction=bottom] {
        max-height: calc(100dvh - 32px)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction=bottom] {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl)
    }

    .data-\[vaul-drawer-direction\=left\]\:inset-y-2[data-vaul-drawer-direction=left] {
        inset-block: calc(var(--spacing) * 2)
    }

    .data-\[vaul-drawer-direction\=left\]\:left-2[data-vaul-drawer-direction=left] {
        left: calc(var(--spacing) * 2)
    }

    .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=left\]\:max-w-md[data-vaul-drawer-direction=left] {
        max-width: var(--container-md)
    }

    .data-\[vaul-drawer-direction\=left\]\:rounded-xl[data-vaul-drawer-direction=left] {
        border-radius: var(--radius-xl)
    }

    .data-\[vaul-drawer-direction\=right\]\:inset-y-2[data-vaul-drawer-direction=right] {
        inset-block: calc(var(--spacing) * 2)
    }

    .data-\[vaul-drawer-direction\=right\]\:right-2[data-vaul-drawer-direction=right] {
        right: calc(var(--spacing) * 2)
    }

    .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=right\]\:max-w-md[data-vaul-drawer-direction=right] {
        max-width: var(--container-md)
    }

    .data-\[vaul-drawer-direction\=right\]\:rounded-xl[data-vaul-drawer-direction=right] {
        border-radius: var(--radius-xl)
    }

    .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
        inset-inline: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
        top: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
        margin-bottom: calc(var(--spacing) * 24)
    }

    .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
        max-height: 80vh
    }

    .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    @supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) {
        .supports-\[backdrop-filter\]\:bg-sidebar\/80 {
            background-color: color-mix(in oklab, var(--sidebar) 80%, transparent)
        }
    }

    @media (width>=40rem) {
        .sm\:items-center {
            align-items: center
        }
    }

    @media (width>=48rem) {
        .md\:absolute {
            position: absolute
        }

        .md\:static {
            position: static
        }

        .md\:top-auto {
            top: auto
        }

        .md\:top-full {
            top: 100%
        }

        .md\:right-16 {
            right: calc(var(--spacing) * 16)
        }

        .md\:right-auto {
            right: auto
        }

        .md\:bottom-8 {
            bottom: calc(var(--spacing) * 8)
        }

        .md\:sb-full {
            grid-column: span 4/span 4
        }

        @media (width>=48rem) {
            .md\:sb-full {
                grid-column: span 8/span 8
            }
        }

        @media (width>=64rem) {
            .md\:sb-full {
                grid-column: span 12/span 12
            }
        }

        .md\:sb-half {
            grid-column: span 4/span 4
        }

        @media (width>=64rem) {
            .md\:sb-half {
                grid-column: span 6/span 6
            }
        }

        .md\:sb-quarter {
            grid-column: span 4/span 4
        }

        @media (width>=64rem) {
            .md\:sb-quarter {
                grid-column: span 3/span 3
            }
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-4 {
            grid-column: span 4/span 4
        }

        .md\:col-span-8 {
            grid-column: span 8/span 8
        }

        .md\:col-span-\[1\/span_2\] {
            grid-column: span 1/span 2/span 1/span 2
        }

        .md\:mx-4 {
            margin-inline: calc(var(--spacing) * 4)
        }

        .md\:my-4 {
            margin-block: calc(var(--spacing) * 4)
        }

        .md\:my-20 {
            margin-block: calc(var(--spacing) * 20)
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing) * 0)
        }

        .md\:mt-5 {
            margin-top: calc(var(--spacing) * 5)
        }

        .md\:mt-6 {
            margin-top: calc(var(--spacing) * 6)
        }

        .md\:mt-8 {
            margin-top: calc(var(--spacing) * 8)
        }

        .md\:mt-13 {
            margin-top: calc(var(--spacing) * 13)
        }

        .md\:mr-0 {
            margin-right: calc(var(--spacing) * 0)
        }

        .md\:mr-4 {
            margin-right: calc(var(--spacing) * 4)
        }

        .md\:mr-6 {
            margin-right: calc(var(--spacing) * 6)
        }

        .md\:mr-8 {
            margin-right: calc(var(--spacing) * 8)
        }

        .md\:mr-16 {
            margin-right: calc(var(--spacing) * 16)
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0)
        }

        .md\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4)
        }

        .md\:mb-5 {
            margin-bottom: calc(var(--spacing) * 5)
        }

        .md\:mb-6 {
            margin-bottom: calc(var(--spacing) * 6)
        }

        .md\:-ml-2 {
            margin-left: calc(var(--spacing) * -2)
        }

        .md\:ml-4 {
            margin-left: calc(var(--spacing) * 4)
        }

        .md\:ml-84 {
            margin-left: calc(var(--spacing) * 84)
        }

        .md\:ml-\[88px\] {
            margin-left: 88px
        }

        .md\:line-clamp-3 {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:size-14 {
            width: calc(var(--spacing) * 14);
            height: calc(var(--spacing) * 14)
        }

        .md\:size-16 {
            width: calc(var(--spacing) * 16);
            height: calc(var(--spacing) * 16)
        }

        .md\:h-3 {
            height: calc(var(--spacing) * 3)
        }

        .md\:h-6 {
            height: calc(var(--spacing) * 6)
        }

        .md\:h-8 {
            height: calc(var(--spacing) * 8)
        }

        .md\:h-10 {
            height: calc(var(--spacing) * 10)
        }

        .md\:h-\[48px\] {
            height: 48px
        }

        .md\:h-\[50px\] {
            height: 50px
        }

        .md\:h-\[52px\] {
            height: 52px
        }

        .md\:h-\[80px\] {
            height: 80px
        }

        .md\:h-\[88px\] {
            height: 88px
        }

        .md\:h-\[152px\] {
            height: 152px
        }

        .md\:h-\[154px\] {
            height: 154px
        }

        .md\:h-\[208px\] {
            height: 208px
        }

        .md\:h-\[240px\] {
            height: 240px
        }

        .md\:h-\[318px\] {
            height: 318px
        }

        .md\:h-\[346px\] {
            height: 346px
        }

        .md\:h-\[450px\] {
            height: 450px
        }

        .md\:h-auto {
            height: auto
        }

        .md\:h-full {
            height: 100%
        }

        .md\:h-screen {
            height: 100vh
        }

        .md\:max-h-\[498px\] {
            max-height: 498px
        }

        .md\:max-h-auto {
            max-height: auto
        }

        .md\:max-h-full {
            max-height: 100%
        }

        .md\:max-h-none {
            max-height: none
        }

        .md\:min-h-\[72px\] {
            min-height: 72px
        }

        .md\:min-h-\[88px\] {
            min-height: 88px
        }

        .md\:min-h-\[92px\] {
            min-height: 92px
        }

        .md\:min-h-\[96px\] {
            min-height: 96px
        }

        .md\:min-h-\[300px\] {
            min-height: 300px
        }

        .md\:min-h-\[348px\] {
            min-height: 348px
        }

        .md\:min-h-\[calc\(100vh-75px\)\] {
            min-height: calc(100vh - 75px)
        }

        .md\:w-1\/2 {
            width: 50%
        }

        .md\:w-2\/10 {
            width: 20%
        }

        .md\:w-3\/12 {
            width: 25%
        }

        .md\:w-4\/6 {
            width: 66.6667%
        }

        .md\:w-8 {
            width: calc(var(--spacing) * 8)
        }

        .md\:w-9\/12 {
            width: 75%
        }

        .md\:w-10 {
            width: calc(var(--spacing) * 10)
        }

        .md\:w-\[56px\] {
            width: 56px
        }

        .md\:w-\[80px\] {
            width: 80px
        }

        .md\:w-\[86px\] {
            width: 86px
        }

        .md\:w-\[100px\] {
            width: 100px
        }

        .md\:w-\[130px\] {
            width: 130px
        }

        .md\:w-\[223px\] {
            width: 223px
        }

        .md\:w-\[233px\] {
            width: 233px
        }

        .md\:w-\[280px\] {
            width: 280px
        }

        .md\:w-\[450px\] {
            width: 450px
        }

        .md\:w-\[480px\] {
            width: 480px
        }

        .md\:w-\[680px\] {
            width: 680px
        }

        .md\:w-\[calc\(50\%\+16px\)\] {
            width: calc(50% + 16px)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-fit {
            width: fit-content
        }

        .md\:w-full {
            width: 100%
        }

        .md\:w-screen {
            width: 100vw
        }

        .md\:max-w-10\/12 {
            max-width: 83.3333%
        }

        .md\:max-w-\[294px\] {
            max-width: 294px
        }

        .md\:max-w-\[343px\] {
            max-width: 343px
        }

        .md\:max-w-\[400px\] {
            max-width: 400px
        }

        .md\:max-w-\[416px\] {
            max-width: 416px
        }

        .md\:max-w-\[432px\] {
            max-width: 432px
        }

        .md\:max-w-\[456px\] {
            max-width: 456px
        }

        .md\:max-w-\[516px\] {
            max-width: 516px
        }

        .md\:max-w-\[524px\] {
            max-width: 524px
        }

        .md\:max-w-\[1023px\] {
            max-width: 1023px
        }

        .md\:max-w-\[1024px\] {
            max-width: 1024px
        }

        .md\:max-w-full {
            max-width: 100%
        }

        .md\:min-w-\[84px\] {
            min-width: 84px
        }

        .md\:min-w-\[192px\] {
            min-width: 192px
        }

        .md\:min-w-\[620px\] {
            min-width: 620px
        }

        .md\:flex-1 {
            flex: 1
        }

        .md\:flex-\[0_0_25\%\] {
            flex: 0 0 25%
        }

        .md\:grow-0 {
            flex-grow: 0
        }

        .md\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }

        .md\:grid-cols-\[4fr_5fr\] {
            grid-template-columns: 4fr 5fr
        }

        .md\:grid-cols-\[224px_1fr_40px\] {
            grid-template-columns: 224px 1fr 40px
        }

        .md\:grid-cols-\[repeat\(8\,1fr\)\] {
            grid-template-columns: repeat(8, 1fr)
        }

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-baseline {
            justify-content: baseline
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:justify-end {
            justify-content: flex-end
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:gap-0 {
            gap: calc(var(--spacing) * 0)
        }

        .md\:gap-1 {
            gap: calc(var(--spacing) * 1)
        }

        .md\:gap-2 {
            gap: calc(var(--spacing) * 2)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .md\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }

        .md\:gap-10 {
            gap: calc(var(--spacing) * 10)
        }

        .md\:gap-16 {
            gap: calc(var(--spacing) * 16)
        }

        .md\:gap-x-4 {
            column-gap: calc(var(--spacing) * 4)
        }

        .md\:self-start {
            align-self: flex-start
        }

        .md\:overflow-x-hidden {
            overflow-x: hidden
        }

        .md\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .md\:rounded-sm {
            border-radius: var(--radius-sm)
        }

        .md\:rounded-tl-3xl {
            border-top-left-radius: var(--radius-3xl)
        }

        .md\:rounded-tr-3xl {
            border-top-right-radius: var(--radius-3xl)
        }

        .md\:rounded-tr-lg {
            border-top-right-radius: var(--radius-lg)
        }

        .md\:rounded-br-sm {
            border-bottom-right-radius: var(--radius-sm)
        }

        .md\:rounded-bl-sm {
            border-bottom-left-radius: var(--radius-sm)
        }

        .md\:border-t-0 {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }

        .md\:border-b-1 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .md\:border-l,
        .md\:border-l-1 {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .md\:border-black\/10 {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }

        .md\:bg-bottle-200 {
            background-color: var(--color-bottle-200)
        }

        .md\:bg-transparent {
            background-color: #0000
        }

        .md\:\[background-size\:74px_16px\] {
            background-size: 74px 16px
        }

        .md\:p-0 {
            padding: calc(var(--spacing) * 0)
        }

        .md\:p-1 {
            padding: calc(var(--spacing) * 1)
        }

        .md\:p-3 {
            padding: calc(var(--spacing) * 3)
        }

        .md\:p-4 {
            padding: calc(var(--spacing) * 4)
        }

        .md\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .md\:p-10 {
            padding: calc(var(--spacing) * 10)
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .md\:px-2 {
            padding-inline: calc(var(--spacing) * 2)
        }

        .md\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

        .md\:px-10 {
            padding-inline: calc(var(--spacing) * 10)
        }

        .md\:px-12 {
            padding-inline: calc(var(--spacing) * 12)
        }

        .md\:px-14 {
            padding-inline: calc(var(--spacing) * 14)
        }

        .md\:px-16 {
            padding-inline: calc(var(--spacing) * 16)
        }

        .md\:py-0 {
            padding-block: calc(var(--spacing) * 0)
        }

        .md\:py-1 {
            padding-block: calc(var(--spacing) * 1)
        }

        .md\:py-4 {
            padding-block: calc(var(--spacing) * 4)
        }

        .md\:py-5 {
            padding-block: calc(var(--spacing) * 5)
        }

        .md\:py-6 {
            padding-block: calc(var(--spacing) * 6)
        }

        .md\:py-8 {
            padding-block: calc(var(--spacing) * 8)
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing) * 10)
        }

        .md\:py-12 {
            padding-block: calc(var(--spacing) * 12)
        }

        .md\:py-14 {
            padding-block: calc(var(--spacing) * 14)
        }

        .md\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }

        .md\:pt-0 {
            padding-top: calc(var(--spacing) * 0)
        }

        .md\:pt-2 {
            padding-top: calc(var(--spacing) * 2)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing) * 6)
        }

        .md\:pt-12 {
            padding-top: calc(var(--spacing) * 12)
        }

        .md\:pt-16 {
            padding-top: calc(var(--spacing) * 16)
        }

        .md\:pt-18 {
            padding-top: calc(var(--spacing) * 18)
        }

        .md\:pt-20 {
            padding-top: calc(var(--spacing) * 20)
        }

        .md\:pr-0 {
            padding-right: calc(var(--spacing) * 0)
        }

        .md\:pr-2 {
            padding-right: calc(var(--spacing) * 2)
        }

        .md\:pr-5 {
            padding-right: calc(var(--spacing) * 5)
        }

        .md\:pr-6 {
            padding-right: calc(var(--spacing) * 6)
        }

        .md\:pr-12 {
            padding-right: calc(var(--spacing) * 12)
        }

        .md\:pb-2 {
            padding-bottom: calc(var(--spacing) * 2)
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--spacing) * 4)
        }

        .md\:pb-6 {
            padding-bottom: calc(var(--spacing) * 6)
        }

        .md\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8)
        }

        .md\:pb-12 {
            padding-bottom: calc(var(--spacing) * 12)
        }

        .md\:pb-14 {
            padding-bottom: calc(var(--spacing) * 14)
        }

        .md\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16)
        }

        .md\:pb-18 {
            padding-bottom: calc(var(--spacing) * 18)
        }

        .md\:pl-0 {
            padding-left: calc(var(--spacing) * 0)
        }

        .md\:pl-2 {
            padding-left: calc(var(--spacing) * 2)
        }

        .md\:pl-4 {
            padding-left: calc(var(--spacing) * 4)
        }

        .md\:pl-5 {
            padding-left: calc(var(--spacing) * 5)
        }

        .md\:pl-6 {
            padding-left: calc(var(--spacing) * 6)
        }

        .md\:pl-8 {
            padding-left: calc(var(--spacing) * 8)
        }

        .md\:pl-\[22px\] {
            padding-left: 22px
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-right {
            text-align: right
        }

        .md\:text-start {
            text-align: start
        }

        .md\:caption-200 {
            font-size: var(--text-caption-200);
            line-height: var(--text-caption-200--line-height);
            letter-spacing: var(--text-caption-200--letter-spacing)
        }

        .md\:caption-200,
        .md\:caption-225 {
            text-transform: uppercase;
            font-family: var(--font-bolaget-medium-condensed);
            font-weight: var(--font-weight-medium);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .md\:caption-225 {
            font-size: var(--text-caption-225);
            line-height: var(--text-caption-225--line-height);
            letter-spacing: var(--text-caption-225--letter-spacing)
        }

        .md\:sans-200 {
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-sans-200);
            line-height: var(--text-sans-200--line-height);
            letter-spacing: var(--text-sans-200--letter-spacing)
        }

        .md\:sans-200,
        .md\:sans-225 {
            font-family: var(--font-inter-variable);
            --tw-font-weight: var(--font-weight-normal);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .md\:sans-225 {
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-sans-225);
            line-height: var(--text-sans-225--line-height);
            letter-spacing: var(--text-sans-225--letter-spacing)
        }

        .md\:sans-italic-200 {
            font-family: var(--font-inter-variable-italic);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-sans-200)
        }

        .md\:sans-italic-200,
        .md\:sans-strong-200 {
            line-height: var(--text-sans-200--line-height);
            letter-spacing: var(--text-sans-200--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .md\:sans-strong-200 {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            font-size: var(--text-sans-200)
        }

        .md\:monopol-300 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-300);
            line-height: var(--text-monopol-300--line-height)
        }

        .md\:monopol-300,
        .md\:monopol-350 {
            font-family: var(--font-monopol);
            --tw-font-weight: var(--font-weight-normal);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .md\:monopol-350 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-350);
            line-height: var(--text-monopol-350--line-height)
        }

        .md\:monopol-400 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-400);
            line-height: var(--text-monopol-400--line-height)
        }

        .md\:monopol-400,
        .md\:monopol-500 {
            font-family: var(--font-monopol);
            --tw-font-weight: var(--font-weight-normal);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .md\:monopol-500 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-500);
            line-height: var(--text-monopol-500--line-height)
        }

        .md\:monopol-600 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-600);
            line-height: var(--text-monopol-600--line-height)
        }

        .md\:monopol-600,
        .md\:monopol-700 {
            font-family: var(--font-monopol);
            --tw-font-weight: var(--font-weight-normal);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .md\:monopol-700 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-700);
            line-height: var(--text-monopol-700--line-height)
        }

        .md\:monopol-italic-600 {
            font-family: var(--font-monopol-italic);
            font-feature-settings: "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-600);
            line-height: var(--text-monopol-600--line-height);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .md\:shadow-lg {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:\[background-position-y\:-4px\] {
            background-position-y: -4px
        }

        .not-empty\:md\:flex:not(:empty) {
            display: flex
        }

        .md\:before\:h-\[25px\]:before {
            content: var(--tw-content);
            height: 25px
        }

        .md\:before\:w-\[50px\]:before {
            content: var(--tw-content);
            width: 50px
        }

        .md\:before\:\[background-size\:100px\]:before {
            content: var(--tw-content);
            background-size: 100px
        }

        .md\:after\:h-\[25px\]:after {
            content: var(--tw-content);
            height: 25px
        }

        .md\:after\:w-\[50px\]:after {
            content: var(--tw-content);
            width: 50px
        }

        .md\:after\:\[background-size\:100px\]:after {
            content: var(--tw-content);
            background-size: 100px
        }
    }

    @media (width>=64rem) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:relative {
            position: relative
        }

        .lg\:static {
            position: static
        }

        .lg\:top-0 {
            top: calc(var(--spacing) * 0)
        }

        .lg\:right-0 {
            right: calc(var(--spacing) * 0)
        }

        .lg\:right-12 {
            right: calc(var(--spacing) * 12)
        }

        .lg\:left-0\.5 {
            left: calc(var(--spacing) * .5)
        }

        .lg\:left-\[10px\] {
            left: 10px
        }

        .lg\:sb-full {
            grid-column: span 4/span 4
        }

        @media (width>=48rem) {
            .lg\:sb-full {
                grid-column: span 8/span 8
            }
        }

        @media (width>=64rem) {
            .lg\:sb-full {
                grid-column: span 12/span 12
            }
        }

        .lg\:sb-half {
            grid-column: span 4/span 4
        }

        @media (width>=64rem) {
            .lg\:sb-half {
                grid-column: span 6/span 6
            }
        }

        .lg\:sb-quarter {
            grid-column: span 4/span 4
        }

        @media (width>=64rem) {
            .lg\:sb-quarter {
                grid-column: span 3/span 3
            }
        }

        .lg\:col-span-5 {
            grid-column: span 5/span 5
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .lg\:col-span-9 {
            grid-column: span 9/span 9
        }

        .lg\:col-span-12 {
            grid-column: span 12/span 12
        }

        .lg\:col-start-2 {
            grid-column-start: 2
        }

        .lg\:col-start-3 {
            grid-column-start: 3
        }

        .lg\:col-end-10 {
            grid-column-end: 10
        }

        .lg\:my-12 {
            margin-block: calc(var(--spacing) * 12)
        }

        .lg\:mt-0 {
            margin-top: calc(var(--spacing) * 0)
        }

        .lg\:mt-4 {
            margin-top: calc(var(--spacing) * 4)
        }

        .lg\:mt-6 {
            margin-top: calc(var(--spacing) * 6)
        }

        .lg\:mt-14 {
            margin-top: calc(var(--spacing) * 14)
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0)
        }

        .lg\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4)
        }

        .lg\:mb-6 {
            margin-bottom: calc(var(--spacing) * 6)
        }

        .lg\:mb-8 {
            margin-bottom: calc(var(--spacing) * 8)
        }

        .lg\:mb-\[72px\] {
            margin-bottom: 72px
        }

        .lg\:ml-0 {
            margin-left: calc(var(--spacing) * 0)
        }

        .lg\:ml-2 {
            margin-left: calc(var(--spacing) * 2)
        }

        .lg\:ml-8 {
            margin-left: calc(var(--spacing) * 8)
        }

        .lg\:ml-auto {
            margin-left: auto
        }

        .lg\:line-clamp-6 {
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:h-14 {
            height: calc(var(--spacing) * 14)
        }

        .lg\:h-\[78px\] {
            height: 78px
        }

        .lg\:h-\[200px\] {
            height: 200px
        }

        .lg\:h-\[270px\] {
            height: 270px
        }

        .lg\:h-\[340px\] {
            height: 340px
        }

        .lg\:h-\[392px\] {
            height: 392px
        }

        .lg\:h-\[calc\(100vh-150px\)\] {
            height: calc(100vh - 150px)
        }

        .lg\:h-full {
            height: 100%
        }

        .lg\:max-h-full {
            max-height: 100%
        }

        .lg\:min-h-\[470px\] {
            min-height: 470px
        }

        .lg\:min-h-\[488px\] {
            min-height: 488px
        }

        .lg\:min-h-\[calc\(100vh-147px\)\] {
            min-height: calc(100vh - 147px)
        }

        .lg\:w-1\/2 {
            width: 50%
        }

        .lg\:w-5\/6 {
            width: 83.3333%
        }

        .lg\:w-5\/12 {
            width: 41.6667%
        }

        .lg\:w-6\/12 {
            width: 50%
        }

        .lg\:w-9\/12 {
            width: 75%
        }

        .lg\:w-\[78px\] {
            width: 78px
        }

        .lg\:w-\[295px\] {
            width: 295px
        }

        .lg\:w-\[348px\] {
            width: 348px
        }

        .lg\:w-auto {
            width: auto
        }

        .lg\:w-fit {
            width: fit-content
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:max-w-204 {
            max-width: calc(var(--spacing) * 204)
        }

        .lg\:max-w-\[128px\] {
            max-width: 128px
        }

        .lg\:max-w-\[274px\] {
            max-width: 274px
        }

        .lg\:max-w-\[448px\] {
            max-width: 448px
        }

        .lg\:max-w-\[592px\] {
            max-width: 592px
        }

        .lg\:max-w-\[816px\] {
            max-width: 816px
        }

        .lg\:max-w-\[1207px\] {
            max-width: 1207px
        }

        .lg\:max-w-\[none\],
        .lg\:max-w-none {
            max-width: none
        }

        .lg\:min-w-\[140px\] {
            min-width: 140px
        }

        .lg\:flex-grow-0,
        .lg\:grow-0 {
            flex-grow: 0
        }

        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .lg\:grid-cols-\[1fr_1\.2fr_1fr\] {
            grid-template-columns: 1fr 1.2fr 1fr
        }

        .lg\:grid-cols-\[repeat\(12\,1fr\)\] {
            grid-template-columns: repeat(12, 1fr)
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .lg\:flex-nowrap {
            flex-wrap: nowrap
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:items-end {
            align-items: flex-end
        }

        .lg\:items-stretch {
            align-items: stretch
        }

        .lg\:justify-between {
            justify-content: space-between
        }

        .lg\:justify-end {
            justify-content: flex-end
        }

        .lg\:justify-start {
            justify-content: flex-start
        }

        .lg\:gap-1 {
            gap: calc(var(--spacing) * 1)
        }

        .lg\:gap-2 {
            gap: calc(var(--spacing) * 2)
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing) * 10)
        }

        .lg\:self-start {
            align-self: flex-start
        }

        .lg\:border-b-1 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .lg\:border-b-black\/10 {
            border-bottom-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }

        .lg\:bg-cover {
            background-size: cover
        }

        .lg\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .lg\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

        .lg\:px-12 {
            padding-inline: calc(var(--spacing) * 12)
        }

        .lg\:px-14 {
            padding-inline: calc(var(--spacing) * 14)
        }

        .lg\:px-16 {
            padding-inline: calc(var(--spacing) * 16)
        }

        .lg\:py-4 {
            padding-block: calc(var(--spacing) * 4)
        }

        .lg\:py-8 {
            padding-block: calc(var(--spacing) * 8)
        }

        .lg\:py-10 {
            padding-block: calc(var(--spacing) * 10)
        }

        .lg\:py-12 {
            padding-block: calc(var(--spacing) * 12)
        }

        .lg\:py-14 {
            padding-block: calc(var(--spacing) * 14)
        }

        .lg\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }

        .lg\:pt-10 {
            padding-top: calc(var(--spacing) * 10)
        }

        .lg\:pt-12 {
            padding-top: calc(var(--spacing) * 12)
        }

        .lg\:pt-14 {
            padding-top: calc(var(--spacing) * 14)
        }

        .lg\:pr-3 {
            padding-right: calc(var(--spacing) * 3)
        }

        .lg\:pb-6 {
            padding-bottom: calc(var(--spacing) * 6)
        }

        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8)
        }

        .lg\:pb-10 {
            padding-bottom: calc(var(--spacing) * 10)
        }

        .lg\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20)
        }

        .lg\:pl-5 {
            padding-left: calc(var(--spacing) * 5)
        }

        .lg\:pl-6 {
            padding-left: calc(var(--spacing) * 6)
        }

        .lg\:pl-12 {
            padding-left: calc(var(--spacing) * 12)
        }

        .lg\:text-center {
            text-align: center
        }

        .lg\:sans-225 {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-sans-225);
            line-height: var(--text-sans-225--line-height);
            letter-spacing: var(--text-sans-225--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .lg\:monopol-300 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-300);
            line-height: var(--text-monopol-300--line-height)
        }

        .lg\:monopol-300,
        .lg\:monopol-350 {
            font-family: var(--font-monopol);
            --tw-font-weight: var(--font-weight-normal);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .lg\:monopol-350 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-350);
            line-height: var(--text-monopol-350--line-height)
        }

        .lg\:monopol-400 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-400);
            line-height: var(--text-monopol-400--line-height)
        }

        .lg\:monopol-400,
        .lg\:monopol-500 {
            font-family: var(--font-monopol);
            --tw-font-weight: var(--font-weight-normal);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .lg\:monopol-500 {
            font-feature-settings: "liga" off, "clig" off;
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-500);
            line-height: var(--text-monopol-500--line-height)
        }

        .lg\:monopol-700 {
            font-family: var(--font-monopol);
            font-feature-settings: "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-700);
            line-height: var(--text-monopol-700--line-height);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    @media (width>=90.5rem) {
        .xl\:absolute {
            position: absolute
        }

        .xl\:sb-full {
            grid-column: span 4/span 4
        }

        @media (width>=48rem) {
            .xl\:sb-full {
                grid-column: span 8/span 8
            }
        }

        @media (width>=64rem) {
            .xl\:sb-full {
                grid-column: span 12/span 12
            }
        }

        .xl\:sb-half {
            grid-column: span 4/span 4
        }

        @media (width>=64rem) {
            .xl\:sb-half {
                grid-column: span 6/span 6
            }
        }

        .xl\:sb-quarter {
            grid-column: span 4/span 4
        }

        @media (width>=64rem) {
            .xl\:sb-quarter {
                grid-column: span 3/span 3
            }
        }

        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-start-4 {
            grid-column-start: 4
        }

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:hidden {
            display: none
        }

        .xl\:max-h-\[712px\] {
            max-height: 712px
        }

        .xl\:w-9\/12 {
            width: 75%
        }

        .xl\:w-\[82px\] {
            width: 82px
        }

        .xl\:w-\[88px\] {
            width: 88px
        }

        .xl\:max-w-\[512px\] {
            max-width: 512px
        }

        .xl\:max-w-\[648px\] {
            max-width: 648px
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .xl\:gap-16 {
            gap: calc(var(--spacing) * 16)
        }

        .xl\:gap-x-6 {
            column-gap: calc(var(--spacing) * 6)
        }

        .xl\:gap-x-12 {
            column-gap: calc(var(--spacing) * 12)
        }

        .xl\:rounded-3xl {
            border-radius: var(--radius-3xl)
        }

        .xl\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }

        .xl\:pt-13 {
            padding-top: calc(var(--spacing) * 13)
        }

        .xl\:pb-13 {
            padding-bottom: calc(var(--spacing) * 13)
        }
    }

    .dark\:bg-black\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .dark\:bg-white\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
    }

    @media print {
        .print\:my-1 {
            margin-block: calc(var(--spacing) * 1)
        }

        .print\:mt-0 {
            margin-top: calc(var(--spacing) * 0)
        }

        .print\:mb-0\.5 {
            margin-bottom: calc(var(--spacing) * .5)
        }

        .print\:block {
            display: block
        }

        .print\:flex {
            display: flex
        }

        .print\:hidden {
            display: none
        }

        .print\:p-2 {
            padding: calc(var(--spacing) * 2)
        }

        .print\:pl-3 {
            padding-left: calc(var(--spacing) * 3)
        }

        .print\:sans-150 {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-sans-150);
            line-height: var(--text-sans-150--line-height);
            letter-spacing: var(--text-sans-150--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }

        .print\:text-\[6px\] {
            font-size: 6px
        }

        .print\:text-\[8px\] {
            font-size: 8px
        }

        .print\:leading-3 {
            --tw-leading: calc(var(--spacing) * 3);
            line-height: calc(var(--spacing) * 3)
        }

        .print\:leading-\[152\%\] {
            --tw-leading: 152%;
            line-height: 152%
        }
    }

    .\[\&_\#loading\]\:shrink-0 #loading {
        flex-shrink: 0
    }

    .\[\&_\#loading\]\:border-black #loading {
        border-color: var(--color-black)
    }

    .\[\&_\#loading\]\:border-destructive #loading {
        border-color: var(--destructive)
    }

    .\[\&_\#loading\]\:border-destructive-foreground #loading {
        border-color: var(--destructive-foreground)
    }

    .\[\&_\#loading\]\:border-primary #loading {
        border-color: var(--primary)
    }

    .\[\&_\#loading\]\:border-primary-foreground #loading {
        border-color: var(--primary-foreground)
    }

    .\[\&_\#loading\]\:border-secondary #loading {
        border-color: var(--secondary)
    }

    .\[\&_\#loading\]\:border-secondary-foreground #loading {
        border-color: var(--secondary-foreground)
    }

    .\[\&_\#loading\]\:border-white #loading {
        border-color: var(--color-white)
    }

    .\[\&_\#loading\]\:border-b-transparent #loading {
        border-bottom-color: #0000
    }

    .aria-disabled\:\[\&_\#loading\]\:border-muted-foreground[aria-disabled=true] #loading {
        border-color: var(--muted-foreground)
    }

    .aria-disabled\:\[\&_\#loading\]\:border-b-transparent[aria-disabled=true] #loading {
        border-bottom-color: #0000
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:m-0 .adyen-checkout__button {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:mt-4 .adyen-checkout__button {
        margin-top: calc(var(--spacing) * 4)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:h-10 .adyen-checkout__button {
        height: calc(var(--spacing) * 10)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:w-full .adyen-checkout__button {
        width: 100%
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:rounded-\[24px\] .adyen-checkout__button {
        border-radius: 24px
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:border-none .adyen-checkout__button {
        --tw-border-style: none;
        border-style: none
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:bg-bottle-600 .adyen-checkout__button {
        background-color: var(--color-bottle-600)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:px-6 .adyen-checkout__button {
        padding-inline: calc(var(--spacing) * 6)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:py-2 .adyen-checkout__button {
        padding-block: calc(var(--spacing) * 2)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:sans-200 .adyen-checkout__button {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    @media (hover:hover) {
        .\[\&_\.adyen-checkout\\\\_\\\\_button\]\:hover\:bg-bottle-700 .adyen-checkout__button:hover {
            background-color: var(--color-bottle-700)
        }
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_button\\\\_\\\\_text\]\:text-white .adyen-checkout__button__text {
        color: var(--color-white)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader--swish\]\:flex .adyen-checkout__qr-loader--swish {
        display: flex
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader--swish\]\:flex-col .adyen-checkout__qr-loader--swish {
        flex-direction: column
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader--swish\]\:items-center .adyen-checkout__qr-loader--swish {
        align-items: center
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader--swish\]\:gap-2 .adyen-checkout__qr-loader--swish {
        gap: calc(var(--spacing) * 2)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_app-link\]\:flex .adyen-checkout__qr-loader__app-link {
        display: flex
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_app-link\]\:flex-col .adyen-checkout__qr-loader__app-link {
        flex-direction: column
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_app-link\]\:items-center .adyen-checkout__qr-loader__app-link {
        align-items: center
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_app-link\]\:gap-2 .adyen-checkout__qr-loader__app-link {
        gap: calc(var(--spacing) * 2)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_brand-logo\]\:hidden .adyen-checkout__qr-loader__brand-logo {
        display: none
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_brand-logo\]\:cursor-auto .adyen-checkout__qr-loader__brand-logo {
        cursor: auto
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_countdown\]\:sans-175 .adyen-checkout__qr-loader__countdown {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_countdown\]\:text-black\/65 .adyen-checkout__qr-loader__countdown {
        color: color-mix(in oklab, var(--color-black) 65%, transparent)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_instructions\]\:hidden .adyen-checkout__qr-loader__instructions {
        display: none
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_percentage\]\:block .adyen-checkout__qr-loader__percentage {
        display: block
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_percentage\]\:h-full .adyen-checkout__qr-loader__percentage {
        height: 100%
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_percentage\]\:rounded-\[24px\] .adyen-checkout__qr-loader__percentage {
        border-radius: 24px
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_percentage\]\:bg-bottle-700 .adyen-checkout__qr-loader__percentage {
        background-color: var(--color-bottle-700)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_progress\]\:mx-auto .adyen-checkout__qr-loader__progress {
        margin-inline: auto
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_progress\]\:my-2 .adyen-checkout__qr-loader__progress {
        margin-block: calc(var(--spacing) * 2)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_progress\]\:h-2 .adyen-checkout__qr-loader__progress {
        height: calc(var(--spacing) * 2)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_progress\]\:w-\[170px\] .adyen-checkout__qr-loader__progress {
        width: 170px
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_progress\]\:rounded-\[24px\] .adyen-checkout__qr-loader__progress {
        border-radius: 24px
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_progress\]\:bg-black\/10 .adyen-checkout__qr-loader__progress {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_progress\]\:pr-\[3\%\] .adyen-checkout__qr-loader__progress {
        padding-right: 3%
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_separator\]\:relative .adyen-checkout__qr-loader__separator {
        position: relative
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_separator\]\:m-0 .adyen-checkout__qr-loader__separator {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_separator\]\:overflow-hidden .adyen-checkout__qr-loader__separator {
        overflow: hidden
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_separator\]\:sans-200 .adyen-checkout__qr-loader__separator {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_separator\]\:text-black .adyen-checkout__qr-loader__separator {
        color: var(--color-black)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_subtitle\]\:mt-0 .adyen-checkout__qr-loader__subtitle {
        margin-top: calc(var(--spacing) * 0)
    }

    .\[\&_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_subtitle\]\:sans-200 .adyen-checkout__qr-loader__subtitle {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_\.image-text-format-styles\]\:-mt-8 .image-text-format-styles {
        margin-top: calc(var(--spacing) * -8)
    }

    .\[\&_\.image-text-format-styles\]\:mb-10 .image-text-format-styles {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .\[\&_\.image-text-format-styles\]\:sans-175 .image-text-format-styles {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_\.image-text-format-styles\]\:text-black\/65 .image-text-format-styles {
        color: color-mix(in oklab, var(--color-black) 65%, transparent)
    }

    .\[\&_\.image-text-format-styles\]\:last\:mb-0 .image-text-format-styles:last-child {
        margin-bottom: calc(var(--spacing) * 0)
    }

    @media (width>=64rem) {
        .lg\:\[\&_\.image-text-format-styles\]\:sans-200 .image-text-format-styles {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-sans-200);
            line-height: var(--text-sans-200--line-height);
            letter-spacing: var(--text-sans-200--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_\.react-autosuggest\\_\\_section-container\]\:px-0 .react-autosuggest__section-container {
        padding-inline: calc(var(--spacing) * 0)
    }

    .\[\&_\.react-autosuggest\\_\\_section-container\]\:py-2 .react-autosuggest__section-container {
        padding-block: calc(var(--spacing) * 2)
    }

    .\[\&_\.react-autosuggest\\_\\_section-title\]\:p-3 .react-autosuggest__section-title {
        padding: calc(var(--spacing) * 3)
    }

    .\[\&_\.react-autosuggest\\_\\_section-title\]\:caption-175 .react-autosuggest__section-title {
        text-transform: uppercase;
        font-family: var(--font-bolaget-medium-condensed);
        font-size: var(--text-caption-175);
        line-height: var(--text-caption-175--line-height);
        letter-spacing: var(--text-caption-175--letter-spacing);
        font-weight: var(--font-weight-medium);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_\.react-autosuggest\\_\\_section-container\]\:not-first-of-type\:\[\&_\.react-autosuggest\\_\\_section-title\]\:border-b-1 .react-autosuggest__section-container:not(:first-of-type) .react-autosuggest__section-title {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .\[\&_\.react-autosuggest\\_\\_section-container\]\:not-first-of-type\:\[\&_\.react-autosuggest\\_\\_section-title\]\:border-b-black\/25 .react-autosuggest__section-container:not(:first-of-type) .react-autosuggest__section-title {
        border-bottom-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .\[\&_\.react-autosuggest\\_\\_suggestion\]\:text-black .react-autosuggest__suggestion {
        color: var(--color-black)
    }

    .\[\&_\.react-autosuggest\\_\\_suggestion--highlighted\]\:bg-bottle-100 .react-autosuggest__suggestion--highlighted {
        background-color: var(--color-bottle-100)
    }

    .\[\&_\.react-autosuggest\\_\\_suggestion--highlighted\]\:text-bottle-600 .react-autosuggest__suggestion--highlighted {
        color: var(--color-bottle-600)
    }

    .\[\&_\.react-autosuggest\\_\\_suggestions-container--open\]\:relative .react-autosuggest__suggestions-container--open {
        position: relative
    }

    .\[\&_\.react-autosuggest\\_\\_suggestions-list\]\:m-0 .react-autosuggest__suggestions-list {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_\.react-autosuggest\\_\\_suggestions-list\]\:list-none .react-autosuggest__suggestions-list {
        list-style-type: none
    }

    .\[\&_\.react-autosuggest\\_\\_suggestions-list\]\:p-0 .react-autosuggest__suggestions-list {
        padding: calc(var(--spacing) * 0)
    }

    .\[\&_\.tinymce-fact-box-container\]\:relative .tinymce-fact-box-container {
        position: relative
    }

    .\[\&_\.tinymce-fact-box-container\]\:my-\[88px\] .tinymce-fact-box-container {
        margin-block: 88px
    }

    .\[\&_\.tinymce-fact-box-container\]\:inline-block .tinymce-fact-box-container {
        display: inline-block
    }

    .\[\&_\.tinymce-fact-box-container\]\:w-full .tinymce-fact-box-container {
        width: 100%
    }

    .\[\&_\.tinymce-fact-box-container\]\:bg-bottle-200 .tinymce-fact-box-container {
        background-color: var(--color-bottle-200)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-fact-box-container\]\:md\:my-\[136px\] .tinymce-fact-box-container {
            margin-block: 136px
        }
    }

    .\[\&_\.tinymce-fact-box-content\]\:px-16 .tinymce-fact-box-content {
        padding-inline: calc(var(--spacing) * 16)
    }

    .\[\&_\.tinymce-fact-box-content\]\:sans-175 .tinymce-fact-box-content {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-175);
        line-height: var(--text-sans-175--line-height);
        letter-spacing: var(--text-sans-175--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-fact-box-content\]\:md\:sans-200 .tinymce-fact-box-content {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-sans-200);
            line-height: var(--text-sans-200--line-height);
            letter-spacing: var(--text-sans-200--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_\.tinymce-information-box-container\]\:ml-1 .tinymce-information-box-container {
        margin-left: calc(var(--spacing) * 1)
    }

    .\[\&_\.tinymce-information-box-container\]\:flex .tinymce-information-box-container {
        display: flex
    }

    .\[\&_\.tinymce-information-box-container\]\:items-center .tinymce-information-box-container {
        align-items: center
    }

    .\[\&_\.tinymce-information-box-container\]\:bg-\[\#def4e4\] .tinymce-information-box-container {
        background-color: #def4e4
    }

    .\[\&_\.tinymce-information-box-container\]\:shadow .tinymce-information-box-container {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:relative .tinymce-information-box-container:before {
        content: var(--tw-content);
        position: relative
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:top-\[1px\] .tinymce-information-box-container:before {
        content: var(--tw-content);
        top: 1px
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:mx-4 .tinymce-information-box-container:before {
        content: var(--tw-content);
        margin-inline: calc(var(--spacing) * 4)
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:my-8 .tinymce-information-box-container:before {
        content: var(--tw-content);
        margin-block: calc(var(--spacing) * 8)
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:size-12 .tinymce-information-box-container:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12)
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:shrink-0 .tinymce-information-box-container:before {
        content: var(--tw-content);
        flex-shrink: 0
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:self-start .tinymce-information-box-container:before {
        content: var(--tw-content);
        align-self: flex-start
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiA2NEM0OS42NzMxIDY0IDY0IDQ5LjY3MzEgNjQgMzJDNjQgMTQuMzI2OSA0OS42NzMxIDAgMzIgMEMxNC4zMjY5IDAgMCAxNC4zMjY5IDAgMzJDMCA0OS42NzMxIDE0LjMyNjkgNjQgMzIgNjRaIiBmaWxsPSIjQkRFOUM5Ii8\+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzQuOTE1MyAzOC4yOTlMMzYuMTkyIDM4LjU0NzNDMzUuOTA4MyA0Mi41MTkxIDMzLjc4MDUgNDQuNjExNSAzMS44NjU1IDQ0LjYxMTVDMzAuNjU5NyA0NC42MTE1IDI5LjI0MTIgNDMuOTAyMiAyOS4yNDEyIDQxLjc3NDRDMjkuMjQxMiAzOS4xODU2IDMyLjExMzcgMzEuNzczOCAzMi4xMTM3IDI5LjAwNzdDMzIuMTEzNyAyOC40MDQ4IDMxLjg2NTUgMjguMDUwMSAzMS4yNjI2IDI4LjA1MDFDMzAuMzQwNiAyOC4wNTAxIDI5LjQxODUgMzAuMjEzNCAyOS4yNzY3IDMyLjUxODVMMjggMzIuMjcwM0MyOC40MjU2IDI4LjEyMTEgMzAuMTI3OCAyNi4yMDYxIDMyLjU3NDggMjYuMjA2MUMzNC4wOTk3IDI2LjIwNjEgMzUuMDIxNyAyNy4wOTI2IDM1LjAyMTcgMjkuMTQ5NUMzNS4wMjE3IDMxLjM4MzcgMzIuMDc4MyAzOS41NDAyIDMyLjA3ODMgNDEuNzM4OUMzMi4wNzgzIDQyLjM3NzMgMzIuMjU1NiA0Mi43Njc0IDMyLjg1ODUgNDIuNzY3NEMzNC4xMzUxIDQyLjc2NzQgMzQuODA4OSAzOS44NTk0IDM0LjkxNTMgMzguMjk5Wk0zNC4zNDc4IDIwQzM1LjM0MDggMjAgMzYuMDE0NiAyMC43NDQ3IDM2LjAxNDYgMjEuNjY2OEMzNi4wMTQ2IDIzLjA0OTggMzQuNzM3OSAyNC4wNDI4IDMzLjYzODYgMjQuMDQyOEMzMi42ODExIDI0LjA0MjggMzIuMDA3MyAyMy4zMzM1IDMyLjAwNzMgMjIuMzc2QzMyLjAwNzMgMjEuMTM0OCAzMy4xMDY2IDIwIDM0LjM0NzggMjBaIiBmaWxsPSIjMDA1NzNGIi8\+Cjwvc3ZnPgo\=\'\)\] .tinymce-information-box-container:before {
        content: var(--tw-content);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiA2NEM0OS42NzMxIDY0IDY0IDQ5LjY3MzEgNjQgMzJDNjQgMTQuMzI2OSA0OS42NzMxIDAgMzIgMEMxNC4zMjY5IDAgMCAxNC4zMjY5IDAgMzJDMCA0OS42NzMxIDE0LjMyNjkgNjQgMzIgNjRaIiBmaWxsPSIjQkRFOUM5Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzQuOTE1MyAzOC4yOTlMMzYuMTkyIDM4LjU0NzNDMzUuOTA4MyA0Mi41MTkxIDMzLjc4MDUgNDQuNjExNSAzMS44NjU1IDQ0LjYxMTVDMzAuNjU5NyA0NC42MTE1IDI5LjI0MTIgNDMuOTAyMiAyOS4yNDEyIDQxLjc3NDRDMjkuMjQxMiAzOS4xODU2IDMyLjExMzcgMzEuNzczOCAzMi4xMTM3IDI5LjAwNzdDMzIuMTEzNyAyOC40MDQ4IDMxLjg2NTUgMjguMDUwMSAzMS4yNjI2IDI4LjA1MDFDMzAuMzQwNiAyOC4wNTAxIDI5LjQxODUgMzAuMjEzNCAyOS4yNzY3IDMyLjUxODVMMjggMzIuMjcwM0MyOC40MjU2IDI4LjEyMTEgMzAuMTI3OCAyNi4yMDYxIDMyLjU3NDggMjYuMjA2MUMzNC4wOTk3IDI2LjIwNjEgMzUuMDIxNyAyNy4wOTI2IDM1LjAyMTcgMjkuMTQ5NUMzNS4wMjE3IDMxLjM4MzcgMzIuMDc4MyAzOS41NDAyIDMyLjA3ODMgNDEuNzM4OUMzMi4wNzgzIDQyLjM3NzMgMzIuMjU1NiA0Mi43Njc0IDMyLjg1ODUgNDIuNzY3NEMzNC4xMzUxIDQyLjc2NzQgMzQuODA4OSAzOS44NTk0IDM0LjkxNTMgMzguMjk5Wk0zNC4zNDc4IDIwQzM1LjM0MDggMjAgMzYuMDE0NiAyMC43NDQ3IDM2LjAxNDYgMjEuNjY2OEMzNi4wMTQ2IDIzLjA0OTggMzQuNzM3OSAyNC4wNDI4IDMzLjYzODYgMjQuMDQyOEMzMi42ODExIDI0LjA0MjggMzIuMDA3MyAyMy4zMzM1IDMyLjAwNzMgMjIuMzc2QzMyLjAwNzMgMjEuMTM0OCAzMy4xMDY2IDIwIDM0LjM0NzggMjBaIiBmaWxsPSIjMDA1NzNGIi8+Cjwvc3ZnPgo=)
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:bg-contain .tinymce-information-box-container:before {
        content: var(--tw-content);
        background-size: contain
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:bg-center .tinymce-information-box-container:before {
        content: var(--tw-content);
        background-position: 50%
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:bg-no-repeat .tinymce-information-box-container:before {
        content: var(--tw-content);
        background-repeat: no-repeat
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:content-\[\'\'\] .tinymce-information-box-container:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:md\:mx-8 .tinymce-information-box-container:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-information-box-container\]\:before\:md\:mx-8 .tinymce-information-box-container:before {
            margin-inline: calc(var(--spacing) * 8)
        }
    }

    .\[\&_\.tinymce-information-box-container\]\:before\:md\:size-16 .tinymce-information-box-container:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-information-box-container\]\:before\:md\:size-16 .tinymce-information-box-container:before {
            width: calc(var(--spacing) * 16);
            height: calc(var(--spacing) * 16)
        }
    }

    .\[\&_\.tinymce-information-box-content\]\:m-8 .tinymce-information-box-content {
        margin: calc(var(--spacing) * 8)
    }

    .\[\&_\.tinymce-information-box-content\]\:ml-0 .tinymce-information-box-content {
        margin-left: calc(var(--spacing) * 0)
    }

    .\[\&_\.tinymce-numbered-list\]\:list-none .tinymce-numbered-list {
        list-style-type: none
    }

    .\[\&_\.tinymce-numbered-list\]\:pl-0 .tinymce-numbered-list {
        padding-left: calc(var(--spacing) * 0)
    }

    .\[\&_a\]\:mb-3 a {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .\[\&_a\]\:text-\[16px\] a {
        font-size: 16px
    }

    .\[\&_a\]\:leading-6 a {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
    }

    .\[\&_a\]\:text-black a {
        color: var(--color-black)
    }

    .\[\&_a\]\:text-bottle-700 a {
        color: var(--color-bottle-700)
    }

    .\[\&_a\]\:text-rose-700 a {
        color: var(--color-rose-700)
    }

    .\[\&_a\]\:text-water-700 a {
        color: var(--color-water-700)
    }

    .\[\&_a\]\:underline a {
        text-decoration-line: underline
    }

    .\[\&_b\]\:font-bold b {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .\[\&_button\]\:rounded-none button {
        border-radius: 0
    }

    .\[\&_button\]\:border-1 button {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .\[\&_button\]\:border-muted-foreground button {
        border-color: var(--muted-foreground)
    }

    .\[\&_button\]\:bg-muted button {
        background-color: var(--muted)
    }

    .\[\&_button\]\:bg-primary button {
        background-color: var(--primary)
    }

    .\[\&_button\]\:text-primary-foreground button {
        color: var(--primary-foreground)
    }

    @media (hover:hover) {
        .\[\&_button\]\:hover\:bg-primary\/90 button:hover {
            background-color: color-mix(in oklab, var(--primary) 90%, transparent)
        }

        .\[\&_button\]\:hover\:bg-transparent button:hover {
            background-color: #0000
        }
    }

    .\[\&_button\]\:active\:bg-active button:active {
        background-color: var(--active)
    }

    .\[\&_button\]\:active\:bg-primary button:active {
        background-color: var(--primary)
    }

    .\[\&_div\]\:justify-center div {
        justify-content: center
    }

    .\[\&_div\]\:first-of-type\:w-full div:first-of-type {
        width: 100%
    }

    @media (width>=48rem) {
        .\[\&_div\]\:first\:md\:w-1\/2 div:first-child {
            width: 50%
        }

        .md\:\[\&_div\]\:first\:w-full div:first-child {
            width: 100%
        }
    }

    .\[\&_h1\]\:mb-6 h1 {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .\[\&_h1\]\:monopol-400 h1 {
        font-family: var(--font-monopol);
        font-feature-settings: "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-400);
        line-height: var(--text-monopol-400--line-height);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_h1\]\:last\:m-0 h1:last-child {
        margin: calc(var(--spacing) * 0)
    }

    @media (width>=64rem) {
        .lg\:\[\&_h1\]\:monopol-600 h1 {
            font-family: var(--font-monopol);
            font-feature-settings: "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-600);
            line-height: var(--text-monopol-600--line-height);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_h2\]\:mb-4 h2 {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .\[\&_h2\]\:monopol-300 h2 {
        font-family: var(--font-monopol);
        font-feature-settings: "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-300);
        line-height: var(--text-monopol-300--line-height);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_h2\]\:last\:m-0 h2:last-child {
        margin: calc(var(--spacing) * 0)
    }

    @media (width>=64rem) {
        .lg\:\[\&_h2\]\:monopol-400 h2 {
            font-family: var(--font-monopol);
            font-feature-settings: "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-400);
            line-height: var(--text-monopol-400--line-height);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_h3\]\:mb-2 h3 {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .\[\&_h3\]\:sans-strong-200 h3 {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_h3\]\:last\:m-0 h3:last-child {
        margin: calc(var(--spacing) * 0)
    }

    @media (width>=64rem) {
        .lg\:\[\&_h3\]\:sans-strong-250 h3 {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            font-size: var(--text-sans-250);
            line-height: var(--text-sans-250--line-height);
            letter-spacing: var(--text-sans-250--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_h4\]\:mb-2 h4 {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .\[\&_h4\]\:sans-strong-200 h4 {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_h4\]\:last\:m-0 h4:last-child {
        margin: calc(var(--spacing) * 0)
    }

    @media (width>=64rem) {
        .lg\:\[\&_h4\]\:sans-strong-250 h4 {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            font-size: var(--text-sans-250);
            line-height: var(--text-sans-250--line-height);
            letter-spacing: var(--text-sans-250--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_h5\]\:mb-2 h5 {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .\[\&_h5\]\:sans-strong-200 h5 {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_h5\]\:last\:m-0 h5:last-child {
        margin: calc(var(--spacing) * 0)
    }

    @media (width>=64rem) {
        .lg\:\[\&_h5\]\:sans-strong-250 h5 {
            font-family: var(--font-inter-variable);
            font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            font-size: var(--text-sans-250);
            line-height: var(--text-sans-250--line-height);
            letter-spacing: var(--text-sans-250--letter-spacing);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_hr\]\:h-\[1px\] hr {
        height: 1px
    }

    .\[\&_hr\]\:w-full hr {
        width: 100%
    }

    .\[\&_hr\]\:border-none hr {
        --tw-border-style: none;
        border-style: none
    }

    .\[\&_hr\]\:bg-black hr {
        background-color: var(--color-black)
    }

    .\[\&_hr\]\:bg-black\/10 hr {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .\[\&_hr\]\:bg-bottle-700 hr {
        background-color: var(--color-bottle-700)
    }

    .\[\&_hr\]\:bg-grape-700 hr {
        background-color: var(--color-grape-700)
    }

    .\[\&_hr\]\:bg-sustainability-400 hr {
        background-color: var(--color-sustainability-400)
    }

    .\[\&_hr\]\:bg-water-700 hr {
        background-color: var(--color-water-700)
    }

    .\[\&_iframe\]\:absolute iframe {
        position: absolute
    }

    .\[\&_iframe\]\:top-0 iframe {
        top: calc(var(--spacing) * 0)
    }

    .\[\&_iframe\]\:left-0 iframe {
        left: calc(var(--spacing) * 0)
    }

    .\[\&_iframe\]\:h-\[366px\] iframe {
        height: 366px
    }

    .\[\&_iframe\]\:h-full iframe {
        height: 100%
    }

    .\[\&_iframe\]\:w-full iframe {
        width: 100%
    }

    .\[\&_iframe\]\:max-w-full iframe {
        max-width: 100%
    }

    .\[\&_iframe\]\:border-none iframe {
        --tw-border-style: none;
        border-style: none
    }

    .\[\&_img\]\:-my-2 img {
        margin-block: calc(var(--spacing) * -2)
    }

    .\[\&_img\]\:size-\[225px\] img {
        width: 225px;
        height: 225px
    }

    .\[\&_img\]\:h-auto img {
        height: auto
    }

    .\[\&_img\]\:w-full img {
        width: 100%
    }

    .\[\&_img\]\:max-w-full img {
        max-width: 100%
    }

    .\[\&_img\]\:cursor-none img {
        cursor: none
    }

    .\[\&_img\]\:object-contain img {
        object-fit: contain
    }

    @media (hover:hover) {
        .hover\:\[\&_img\]\:\[transform\:translate3d\(0_-2px_0\)\]:hover img {
            transform: translate3d(0 -2px 0)
        }
    }

    .\[\&_img_\.adyen-checkout\\\\_\\\\_qr-loader\\\\_\\\\_icon\]\:p-\[40px\] img .adyen-checkout__qr-loader__icon {
        padding: 40px
    }

    .\[\&_input\]\:pl-12 input {
        padding-left: calc(var(--spacing) * 12)
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_li\]\:not-last\:pb-4 .tinymce-fact-box-content li:not(:last-child) {
        padding-bottom: calc(var(--spacing) * 4)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-fact-box-content\]\:\[\&_li\]\:not-last\:md\:pb-6 .tinymce-fact-box-content li:not(:last-child) {
            padding-bottom: calc(var(--spacing) * 6)
        }
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:mb-8 .tinymce-numbered-list li {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:flex .tinymce-numbered-list li {
        display: flex
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:min-h-10 .tinymce-numbered-list li {
        min-height: calc(var(--spacing) * 10)
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:items-start .tinymce-numbered-list li {
        align-items: flex-start
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:sans-225 .tinymce-numbered-list li {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-225);
        line-height: var(--text-sans-225--line-height);
        letter-spacing: var(--text-sans-225--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:text-black .tinymce-numbered-list li {
        color: var(--color-black)
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:mr-\[22px\] .tinymce-numbered-list li:before {
        content: var(--tw-content);
        margin-right: 22px
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:min-h-10 .tinymce-numbered-list li:before {
        content: var(--tw-content);
        min-height: calc(var(--spacing) * 10)
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:min-w-10 .tinymce-numbered-list li:before {
        content: var(--tw-content);
        min-width: calc(var(--spacing) * 10)
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:rounded-\[50\%\] .tinymce-numbered-list li:before {
        content: var(--tw-content);
        border-radius: 50%
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:sans-200 .tinymce-numbered-list li:before {
        content: var(--tw-content);
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:md\:mb-10 .tinymce-numbered-list li {
            margin-bottom: calc(var(--spacing) * 10)
        }

        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:md\:min-h-\[72px\] .tinymce-numbered-list li {
            min-height: 72px
        }

        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:md\:items-center .tinymce-numbered-list li {
            align-items: center
        }
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:mr-10 .tinymce-numbered-list li:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:mr-10 .tinymce-numbered-list li:before {
            margin-right: calc(var(--spacing) * 10)
        }
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:min-h-\[72px\] .tinymce-numbered-list li:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:min-h-\[72px\] .tinymce-numbered-list li:before {
            min-height: 72px
        }
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:min-w-\[72px\] .tinymce-numbered-list li:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:min-w-\[72px\] .tinymce-numbered-list li:before {
            min-width: 72px
        }
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:text-center .tinymce-numbered-list li:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:text-center .tinymce-numbered-list li:before {
            text-align: center
        }
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:text-\[40px\] .tinymce-numbered-list li:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:text-\[40px\] .tinymce-numbered-list li:before {
            font-size: 40px
        }
    }

    .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:leading-\[46px\] .tinymce-numbered-list li:before {
        content: var(--tw-content)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-numbered-list\]\:\[\&_li\]\:before\:md\:leading-\[46px\] .tinymce-numbered-list li:before {
            --tw-leading: 46px;
            line-height: 46px
        }
    }

    .\[\&_ol\]\:my-5 ol {
        margin-block: calc(var(--spacing) * 5)
    }

    .\[\&_ol\]\:mt-0 ol {
        margin-top: calc(var(--spacing) * 0)
    }

    .\[\&_ol\]\:list-decimal ol {
        list-style-type: decimal
    }

    .\[\&_ol\]\:ps-7 ol {
        padding-inline-start: calc(var(--spacing) * 7)
    }

    .\[\&_ol\]\:pl-4 ol {
        padding-left: calc(var(--spacing) * 4)
    }

    .\[\&_ol\]\:pl-10 ol {
        padding-left: calc(var(--spacing) * 10)
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ol\]\:ps-4 .tinymce-fact-box-content ol {
        padding-inline-start: calc(var(--spacing) * 4)
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ol\]\:pl-6 .tinymce-fact-box-content ol {
        padding-left: calc(var(--spacing) * 6)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-fact-box-content\]\:\[\&_ol\]\:md\:ps-5 .tinymce-fact-box-content ol {
            padding-inline-start: calc(var(--spacing) * 5)
        }
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ol\]\:\[\&_li\]\:ps-3 .tinymce-fact-box-content ol li {
        padding-inline-start: calc(var(--spacing) * 3)
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ol\]\:\[\&_li\]\:pl-3 .tinymce-fact-box-content ol li {
        padding-left: calc(var(--spacing) * 3)
    }

    .\[\&_ol_\*_\>_ol\]\:my-0 ol *>ol {
        margin-block: calc(var(--spacing) * 0)
    }

    .\[\&_option\]\:bg-input option {
        background-color: var(--input)
    }

    .\[\&_option\]\:text-foreground option {
        color: var(--foreground)
    }

    .\[\&_p\]\:m-0 p {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_p\]\:m-\[0_0_24px_0\] p {
        margin: 0 0 24px
    }

    .\[\&_p\]\:mb-0 p {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .\[\&_p\]\:mb-2 p {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .\[\&_p\]\:mb-3 p {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .\[\&_p\]\:mb-4 p {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .\[\&_p\]\:mb-10 p {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .\[\&_p\]\:mb-12 p {
        margin-bottom: calc(var(--spacing) * 12)
    }

    .\[\&_p\]\:text-left p {
        text-align: left
    }

    .\[\&_p\]\:sans-strong-200 p {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing)
    }

    .\[\&_p\]\:monopol-250 p,
    .\[\&_p\]\:sans-strong-200 p {
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_p\]\:monopol-250 p {
        font-family: var(--font-monopol);
        font-feature-settings: "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-monopol-250);
        line-height: var(--text-monopol-250--line-height)
    }

    .\[\&_p\]\:text-\[16px\] p {
        font-size: 16px
    }

    .\[\&_p\]\:leading-6 p {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
    }

    .\[\&_p\]\:text-bottle-600 p {
        color: var(--color-bottle-600)
    }

    .\[\&_p\]\:text-rose-700 p {
        color: var(--color-rose-700)
    }

    .\[\&_p\]\:text-water-700 p {
        color: var(--color-water-700)
    }

    .\[\&_p\]\:text-white p {
        color: var(--color-white)
    }

    .\[\&_p\]\:last\:m-0 p:last-child {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_p\]\:last\:mb-0 p:last-child {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .\[\&_p\]\:last-of-type\:m-0 p:last-of-type {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_p\]\:last-of-type\:mb-0 p:last-of-type {
        margin-bottom: calc(var(--spacing) * 0)
    }

    @media (hover:hover) {
        .hover\:\[\&_p\]\:text-bottle-600:hover p {
            color: var(--color-bottle-600)
        }

        .hover\:\[\&_p\]\:underline:hover p {
            text-decoration-line: underline
        }
    }

    @media (width>=64rem) {
        .lg\:\[\&_p\]\:monopol-300 p {
            font-family: var(--font-monopol);
            font-feature-settings: "liga" off, "clig" off;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            font-size: var(--text-monopol-300);
            line-height: var(--text-monopol-300--line-height);
            -webkit-text-decoration-skip-ink: auto;
            text-decoration-skip-ink: auto;
            text-underline-position: from-font
        }
    }

    .\[\&_\.tinymce-information-box-content\]\:\[\&_p\]\:m-0 .tinymce-information-box-content p {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_blockquote\]\:\[\&_p\]\:font-monopol-italic blockquote p {
        font-family: var(--font-monopol-italic);
        font-feature-settings: "liga" off, "clig" off
    }

    .\[\&_blockquote\]\:\[\&_p\]\:text-4xl blockquote p {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .\[\&_blockquote\]\:\[\&_p\]\:before\:content-\[\'\\\\201C\'\] blockquote p:before {
        --tw-content: "\\201C";
        content: var(--tw-content)
    }

    .\[\&_blockquote\]\:\[\&_p\]\:after\:content-\[\'\\\\201D\'\] blockquote p:after {
        --tw-content: "\\201D";
        content: var(--tw-content)
    }

    .\[\&_span\]\:font-bold span {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .\[\&_span\]\:text-black span {
        color: var(--color-black)
    }

    .\[\&_span\]\:text-error span {
        color: var(--error)
    }

    .\[\&_span\]\:text-information span {
        color: var(--information)
    }

    .\[\&_span\]\:text-rose-700 span {
        color: var(--color-rose-700)
    }

    .\[\&_\.react-autosuggest\\_\\_section-container\]\:not-first-of-type\:\[\&_span\.suggestion-info\]\:hidden .react-autosuggest__section-container:not(:first-of-type) span.suggestion-info {
        display: none
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:size-4 svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .\[\&_svg\]\:size-8 svg {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8)
    }

    .\[\&_svg\]\:size-9 svg {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9)
    }

    .\[\&_svg\]\:size-12 svg {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12)
    }

    .\[\&_svg\]\:size-16 svg {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16)
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_svg\]\:animate-fade-in svg {
        animation: var(--animate-fade-in)
    }

    .\[\&_svg\]\:fill-black svg {
        fill: var(--color-black)
    }

    .\[\&_svg\]\:fill-bottle-700 svg {
        fill: var(--color-bottle-700)
    }

    .\[\&_svg\]\:fill-destructive svg {
        fill: var(--destructive)
    }

    .\[\&_svg\]\:fill-destructive-foreground svg {
        fill: var(--destructive-foreground)
    }

    .\[\&_svg\]\:fill-error svg {
        fill: var(--error)
    }

    .\[\&_svg\]\:fill-information svg {
        fill: var(--information)
    }

    .\[\&_svg\]\:fill-primary svg {
        fill: var(--primary)
    }

    .\[\&_svg\]\:fill-primary-foreground svg {
        fill: var(--primary-foreground)
    }

    .\[\&_svg\]\:fill-rose-700 svg {
        fill: var(--color-rose-700)
    }

    .\[\&_svg\]\:fill-secondary svg {
        fill: var(--secondary)
    }

    .\[\&_svg\]\:fill-secondary-foreground svg {
        fill: var(--secondary-foreground)
    }

    .\[\&_svg\]\:fill-water-700 svg {
        fill: var(--color-water-700)
    }

    .\[\&_svg\]\:fill-white svg {
        fill: var(--color-white)
    }

    .peer-open\:\[\&_svg\]\:last\:rotate-180:is(:where(.peer):is([open], :popover-open, :open)~*) svg:last-child {
        rotate: 180deg
    }

    .focus-within\:\[\&_svg\]\:fill-black:focus-within svg {
        fill: var(--color-black)
    }

    @media (hover:hover) {
        .hover\:\[\&_svg\]\:fill-bottle-600:hover svg {
            fill: var(--color-bottle-600)
        }
    }

    .aria-disabled\:\[\&_svg\]\:fill-muted-foreground[aria-disabled=true] svg {
        fill: var(--muted-foreground)
    }

    .\[\&_svg\]\:data-\[slot\=popover-arrow\]\:fill-sustainability-400 svg[data-slot=popover-arrow] {
        fill: var(--color-sustainability-400)
    }

    @media print {
        .print\:\[\&_svg\]\:size-4 svg {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4)
        }
    }

    .\[\&_\.react-autosuggest\\_\\_suggestion--highlighted\]\:\[\&_svg\]\:fill-bottle-600 .react-autosuggest__suggestion--highlighted svg {
        fill: var(--color-bottle-600)
    }

    .\[\&_div\]\:\[\&_svg\]\:hidden div svg {
        display: none
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&_table\]\:w-fit table {
        width: fit-content
    }

    .\[\&_table\]\:w-full table {
        width: 100%
    }

    .\[\&_table\]\:table-auto table {
        table-layout: auto
    }

    .\[\&_table\]\:border-collapse table {
        border-collapse: collapse
    }

    .\[\&_table\]\:border-spacing-0 table {
        --tw-border-spacing-x: calc(var(--spacing) * 0);
        --tw-border-spacing-y: calc(var(--spacing) * 0);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    .\[\&_td\]\:border td {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .\[\&_td\]\:border-black\/25 td {
        border-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .\[\&_td\]\:border-border td {
        border-color: var(--border)
    }

    .\[\&_td\]\:p-1 td {
        padding: calc(var(--spacing) * 1)
    }

    .\[\&_th\]\:border th {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .\[\&_th\]\:border-black\/25 th {
        border-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .\[\&_th\]\:p-1 th {
        padding: calc(var(--spacing) * 1)
    }

    .\[\&_th\]\:sans-strong-200 th {
        font-family: var(--font-inter-variable);
        font-feature-settings: "cv05" on, "cv10" on, "liga" off, "clig" off;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-sans-200);
        line-height: var(--text-sans-200--line-height);
        letter-spacing: var(--text-sans-200--letter-spacing);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        text-underline-position: from-font
    }

    .\[\&_ul\]\:m-0 ul {
        margin: calc(var(--spacing) * 0)
    }

    .\[\&_ul\]\:my-5 ul {
        margin-block: calc(var(--spacing) * 5)
    }

    .\[\&_ul\]\:flex ul {
        display: flex
    }

    .\[\&_ul\]\:list-disc ul {
        list-style-type: disc
    }

    .\[\&_ul\]\:flex-col ul {
        flex-direction: column
    }

    .\[\&_ul\]\:gap-2 ul {
        gap: calc(var(--spacing) * 2)
    }

    .\[\&_ul\]\:ps-7 ul {
        padding-inline-start: calc(var(--spacing) * 7)
    }

    .\[\&_ul\]\:pl-10 ul {
        padding-left: calc(var(--spacing) * 10)
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ul\]\:ps-5 .tinymce-fact-box-content ul {
        padding-inline-start: calc(var(--spacing) * 5)
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ul\]\:pl-7 .tinymce-fact-box-content ul {
        padding-left: calc(var(--spacing) * 7)
    }

    @media (width>=48rem) {
        .\[\&_\.tinymce-fact-box-content\]\:\[\&_ul\]\:md\:ps-7 .tinymce-fact-box-content ul {
            padding-inline-start: calc(var(--spacing) * 7)
        }
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ul\]\:\[\&_li\]\:ps-1 .tinymce-fact-box-content ul li {
        padding-inline-start: calc(var(--spacing) * 1)
    }

    .\[\&_\.tinymce-fact-box-content\]\:\[\&_ul\]\:\[\&_li\]\:pl-1 .tinymce-fact-box-content ul li {
        padding-left: calc(var(--spacing) * 1)
    }

    .\[\&_ul_\*_\>_ul\]\:my-0 ul *>ul {
        margin-block: calc(var(--spacing) * 0)
    }

    .\[\&\.selected\]\:bg-bottle-100.selected {
        background-color: var(--color-bottle-100)
    }

    .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
        width: calc(var(--spacing) * 1.5)
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-md::-webkit-scrollbar-thumb {
        border-radius: var(--radius-md)
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-black\/10::-webkit-scrollbar-thumb {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
    }

    .\[\&\:\:-webkit-scrollbar-thumb\:vertical\:hover\]\:bg-black\/25::-webkit-scrollbar-thumb:vertical:hover {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent)
    }

    .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
    }

    .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
        display: none
    }

    .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
        appearance: none
    }

    .\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration {
        display: none
    }

    .\[\&\:\:-webkit-search-decoration\]\:appearance-none::-webkit-search-decoration {
        appearance: none
    }

    .\[\&\:\:-webkit-search-results-button\]\:hidden::-webkit-search-results-button {
        display: none
    }

    .\[\&\:\:-webkit-search-results-button\]\:appearance-none::-webkit-search-results-button {
        appearance: none
    }

    .\[\&\:\:-webkit-search-results-decoration\]\:hidden::-webkit-search-results-decoration {
        display: none
    }

    .\[\&\:\:-webkit-search-results-decoration\]\:appearance-none::-webkit-search-results-decoration {
        appearance: none
    }

    .\[\*_div\]\:fill-primary:is(* div) {
        fill: var(--primary)
    }

    .\[\&\>\*\]\:text-white>* {
        color: var(--color-white)
    }

    .\[\&\>\*\]\:first\:absolute>:first-child {
        position: absolute
    }

    .\[\&\>\*\]\:first\:top-\[13px\]>:first-child {
        top: 13px
    }

    .\[\&\>\*\]\:first\:left-4>:first-child {
        left: calc(var(--spacing) * 4)
    }

    .\[\&\>\*\]\:last\:absolute>:last-child {
        position: absolute
    }

    .\[\&\>\*\]\:last\:top-\[13px\]>:last-child {
        top: 13px
    }

    .\[\&\>\*\]\:last\:right-4>:last-child {
        right: calc(var(--spacing) * 4)
    }

    @media (hover:hover) {
        .hover\:\[\&\>button\]\:bg-bottle-100:hover>button {
            background-color: var(--color-bottle-100)
        }
    }

    .active\:\[\&\>button\]\:bg-gray-100:active>button {
        background-color: var(--color-gray-100)
    }

    .\[\&\>p\]\:mb-0>p {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .\[\&\>p\]\:mb-4>p {
        margin-bottom: calc(var(--spacing) * 4)
    }

    @media (hover:hover) {

        .\[\&\>svg\]\:hover\:fill-bottle-600>svg:hover,
        .hover\:\[\&\>svg\]\:fill-bottle-600:hover>svg {
            fill: var(--color-bottle-600)
        }
    }

    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
        rotate: 180deg
    }
}

:root {
    --background: var(--color-white);
    --secondary-background: var(--color-warm-gray-100);
    --foreground: var(--color-black);
    --card: var(--color-white);
    --card-foreground: var(--color-black);
    --popover: var(--color-white);
    --popover-foreground: var(--color-black);
    --primary: var(--color-bottle-700);
    --primary-foreground: var(--color-white);
    --secondary: var(--color-black);
    --secondary-foreground: var(--color-white);
    --muted: color-mix(in oklab, var(--color-black) 5%, transparent);
    --muted-foreground: color-mix(in oklab, var(--color-black) 70%, transparent);
    --accent: color-mix(in oklab, var(--color-black) 10%, transparent);
    --accent-foreground: color-mix(in oklab, var(--color-black) 90%, transparent);
    --destructive: var(--color-rose-700);
    --destructive-foreground: var(--color-white);
    --border: color-mix(in oklab, var(--color-black) 10%, transparent);
    --border-strong: color-mix(in oklab, var(--color-black) 25%, transparent);
    --input: var(--color-white);
    --input-border: color-mix(in oklab, var(--color-black) 25%, transparent);
    --ring: var(--color-bottle-700);
    --hover: color-mix(in oklab, var(--color-black) 5%, transparent);
    --active: color-mix(in oklab, var(--color-black) 10%, transparent);
    --secondary-hover: color-mix(in oklab, var(--color-black) 90%, transparent);
    --secondary-active: color-mix(in oklab, var(--color-black) 80%, transparent);
    --neutral: var(--color-gray-400);
    --information: var(--color-water-700);
    --warning: var(--color-yellow-400);
    --error: var(--color-red-700);
    --success: var(--color-green-700);
    --other: var(--color-grape-500);
    --cell-hover: var(--color-gray-100);
    --cell-selected: var(--color-gray-100);
    --cell-disabled: var(--color-gray-50);
    --chart-1: var(--color-black);
    --chart-2: var(--color-bottle-700);
    --chart-3: var(--color-bottle-500);
    --chart-4: var(--color-bottle-300);
    --chart-5: var(--color-bottle-100);
    --sidebar: var(--color-white)
}

.dark {
    --background: var(--color-gray-900);
    --secondary-background: var(--color-gray-950);
    --foreground: var(--color-white);
    --card: var(--color-gray-800);
    --card-foreground: var(--color-white);
    --popover: var(--color-gray-700);
    --popover-foreground: var(--color-white);
    --primary: var(--color-white);
    --primary-foreground: var(--color-black);
    --secondary: var(--color-white);
    --secondary-foreground: var(--color-black);
    --muted: color-mix(in oklab, var(--color-white) 10%, transparent);
    --muted-foreground: color-mix(in oklab, var(--color-white) 60%, transparent);
    --accent: color-mix(in oklab, var(--color-white) 10%, transparent);
    --accent-foreground: color-mix(in oklab, var(--color-white) 90%, transparent);
    --destructive: var(--color-red-800);
    --destructive-foreground: var(--color-gray-100);
    --border: color-mix(in oklab, var(--color-white) 10%, transparent);
    --border-strong: color-mix(in oklab, var(--color-white) 25%, transparent);
    --input: var(--color-gray-700);
    --input-border: transparent;
    --ring: var(--color-white);
    --hover: color-mix(in oklab, var(--color-white) 10%, transparent);
    --active: color-mix(in oklab, var(--color-white) 15%, transparent);
    --secondary-hover: color-mix(in oklab, var(--color-white) 90%, transparent);
    --secondary-active: color-mix(in oklab, var(--color-white) 80%, transparent);
    --neutral: var(--color-gray-400);
    --information: var(--color-blue-500);
    --warning: var(--color-yellow-400);
    --error: var(--color-red-600);
    --success: var(--color-green-500);
    --other: var(--color-grape-500);
    --cell-hover: var(--color-gray-700);
    --cell-selected: var(--color-gray-700);
    --cell-disabled: var(--color-gray-900);
    --chart-1: var(--color-white);
    --chart-2: var(--color-bottle-700);
    --chart-3: var(--color-bottle-500);
    --chart-4: var(--color-bottle-300);
    --chart-5: var(--color-bottle-100);
    --sidebar: var(--color-gray-900)
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-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-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-leading {
    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-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@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-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        transform: scale(0)
    }

    50% {
        opacity: .5;
        transform: scale(2)
    }

    to {
        opacity: 0;
        transform: scale(4)
    }
}

@keyframes hide-cursor {
    0% {
        cursor: auto
    }

    99% {
        cursor: auto
    }

    to {
        cursor: none
    }
}

@font-face {
    font-family: monopol;
    src: url(a5157c7fdeed98f1-s.p.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: monopol Fallback;
    src: local("Arial");
    ascent-override: 99.25%;
    descent-override: 27.42%;
    line-gap-override: 0.00%;
    size-adjust: 97.95%
}

.__className_747034 {
    font-family: monopol, monopol Fallback
}

.__variable_747034 {
    --font-monopol: "monopol", "monopol Fallback"
}

@font-face {
    font-family: monopolItalic;
    src: url(8fc328f9bc0e55e8-s.p.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: monopolItalic Fallback;
    src: local("Arial");
    ascent-override: 99.39%;
    descent-override: 25.83%;
    line-gap-override: 0.00%;
    size-adjust: 97.72%
}

.__className_803aae {
    font-family: monopolItalic, monopolItalic Fallback
}

.__variable_803aae {
    --font-monopol-italic: "monopolItalic", "monopolItalic Fallback"
}

@font-face {
    font-family: interVariable;
    src: url(ff710c092db72df4-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400 600
}

@font-face {
    font-family: interVariable Fallback;
    src: local("Arial");
    ascent-override: 89.79%;
    descent-override: 22.36%;
    line-gap-override: 0.00%;
    size-adjust: 107.89%
}

.__className_c5106c {
    font-family: interVariable, interVariable Fallback
}

.__variable_c5106c {
    --font-inter-variable: "interVariable", "interVariable Fallback"
}

@font-face {
    font-family: interVariableItalic;
    src: url(ef0ecaff9635470d-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400 600
}

@font-face {
    font-family: interVariableItalic Fallback;
    src: local("Arial");
    ascent-override: 89.21%;
    descent-override: 22.21%;
    line-gap-override: 0.00%;
    size-adjust: 108.59%
}

.__className_52f21b {
    font-family: interVariableItalic, interVariableItalic Fallback
}

.__variable_52f21b {
    --font-inter-variable-italic: "interVariableItalic", "interVariableItalic Fallback"
}

@font-face {
    font-family: bolagetMediumCondensed;
    src: url(36e77dbb58d352ec-s.p.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: bolagetMediumCondensed Fallback;
    src: local("Arial");
    ascent-override: 110.51%;
    descent-override: 26.42%;
    line-gap-override: 0.00%;
    size-adjust: 78.91%
}

.__className_64527d {
    font-family: bolagetMediumCondensed, bolagetMediumCondensed Fallback
}

.__variable_64527d {
    --font-bolaget-medium-condensed: "bolagetMediumCondensed", "bolagetMediumCondensed Fallback"
}