*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

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

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

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

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

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

.tw-container {
    width: 100%
}

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

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

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

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

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

.\!tw-typ-body-1 {
    font-size: var(--typography-body-1-mobile-font-size) !important;
    font-weight: var(--typography-body-1-mobile-font-weight) !important;
    line-height: var(--typography-body-1-mobile-line-height) !important;
    letter-spacing: var(--typography-body-1-mobile-letter-spacing) !important
}

.tw-typ-body-1 {
    font-size: var(--typography-body-1-mobile-font-size);
    font-weight: var(--typography-body-1-mobile-font-weight);
    line-height: var(--typography-body-1-mobile-line-height);
    letter-spacing: var(--typography-body-1-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-body-1 {
        font-size: var(--typography-body-1-tablet-font-size) !important;
        font-weight: var(--typography-body-1-tablet-font-weight) !important;
        line-height: var(--typography-body-1-tablet-line-height) !important;
        letter-spacing: var(--typography-body-1-tablet-letter-spacing) !important
    }

    .tw-typ-body-1 {
        font-size: var(--typography-body-1-tablet-font-size);
        font-weight: var(--typography-body-1-tablet-font-weight);
        line-height: var(--typography-body-1-tablet-line-height);
        letter-spacing: var(--typography-body-1-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-body-1 {
        font-size: var(--typography-body-1-desktop-font-size) !important;
        font-weight: var(--typography-body-1-desktop-font-weight) !important;
        line-height: var(--typography-body-1-desktop-line-height) !important;
        letter-spacing: var(--typography-body-1-desktop-letter-spacing) !important
    }

    .tw-typ-body-1 {
        font-size: var(--typography-body-1-desktop-font-size);
        font-weight: var(--typography-body-1-desktop-font-weight);
        line-height: var(--typography-body-1-desktop-line-height);
        letter-spacing: var(--typography-body-1-desktop-letter-spacing)
    }
}

.\!tw-typ-body-2 {
    font-size: var(--typography-body-2-mobile-font-size) !important;
    font-weight: var(--typography-body-2-mobile-font-weight) !important;
    line-height: var(--typography-body-2-mobile-line-height) !important;
    letter-spacing: var(--typography-body-2-mobile-letter-spacing) !important
}

.tw-typ-body-2 {
    font-size: var(--typography-body-2-mobile-font-size);
    font-weight: var(--typography-body-2-mobile-font-weight);
    line-height: var(--typography-body-2-mobile-line-height);
    letter-spacing: var(--typography-body-2-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-body-2 {
        font-size: var(--typography-body-2-tablet-font-size) !important;
        font-weight: var(--typography-body-2-tablet-font-weight) !important;
        line-height: var(--typography-body-2-tablet-line-height) !important;
        letter-spacing: var(--typography-body-2-tablet-letter-spacing) !important
    }

    .tw-typ-body-2 {
        font-size: var(--typography-body-2-tablet-font-size);
        font-weight: var(--typography-body-2-tablet-font-weight);
        line-height: var(--typography-body-2-tablet-line-height);
        letter-spacing: var(--typography-body-2-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-body-2 {
        font-size: var(--typography-body-2-desktop-font-size) !important;
        font-weight: var(--typography-body-2-desktop-font-weight) !important;
        line-height: var(--typography-body-2-desktop-line-height) !important;
        letter-spacing: var(--typography-body-2-desktop-letter-spacing) !important
    }

    .tw-typ-body-2 {
        font-size: var(--typography-body-2-desktop-font-size);
        font-weight: var(--typography-body-2-desktop-font-weight);
        line-height: var(--typography-body-2-desktop-line-height);
        letter-spacing: var(--typography-body-2-desktop-letter-spacing)
    }
}


@media (min-width: 1024px) {
    .\!tw-typ-body-3 {
        font-size: var(--typography-body-3-desktop-font-size) !important;
        font-weight: var(--typography-body-3-desktop-font-weight) !important;
        line-height: var(--typography-body-3-desktop-line-height) !important;
        letter-spacing: var(--typography-body-3-desktop-letter-spacing) !important
    }

    .tw-typ-body-3 {
        font-size: var(--typography-body-3-desktop-font-size);
        font-weight: var(--typography-body-3-desktop-font-weight);
        line-height: var(--typography-body-3-desktop-line-height);
        letter-spacing: var(--typography-body-3-desktop-letter-spacing)
    }
}

.tw-typ-buttons-a {
    font-size: var(--typography-buttons-a-mobile-font-size);
    font-weight: var(--typography-buttons-a-mobile-font-weight);
    line-height: var(--typography-buttons-a-mobile-line-height);
    letter-spacing: var(--typography-buttons-a-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .tw-typ-buttons-a {
        font-size: var(--typography-buttons-a-tablet-font-size);
        font-weight: var(--typography-buttons-a-tablet-font-weight);
        line-height: var(--typography-buttons-a-tablet-line-height);
        letter-spacing: var(--typography-buttons-a-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .tw-typ-buttons-a {
        font-size: var(--typography-buttons-a-desktop-font-size);
        font-weight: var(--typography-buttons-a-desktop-font-weight);
        line-height: var(--typography-buttons-a-desktop-line-height);
        letter-spacing: var(--typography-buttons-a-desktop-letter-spacing)
    }
}

.\!tw-typ-eyebrow-a {
    font-size: var(--typography-eyebrow-a-mobile-font-size) !important;
    font-weight: var(--typography-eyebrow-a-mobile-font-weight) !important;
    line-height: var(--typography-eyebrow-a-mobile-line-height) !important;
    letter-spacing: var(--typography-eyebrow-a-mobile-letter-spacing) !important
}

.tw-typ-eyebrow-a {
    font-size: var(--typography-eyebrow-a-mobile-font-size);
    font-weight: var(--typography-eyebrow-a-mobile-font-weight);
    line-height: var(--typography-eyebrow-a-mobile-line-height);
    letter-spacing: var(--typography-eyebrow-a-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-eyebrow-a {
        font-size: var(--typography-eyebrow-a-tablet-font-size) !important;
        font-weight: var(--typography-eyebrow-a-tablet-font-weight) !important;
        line-height: var(--typography-eyebrow-a-tablet-line-height) !important;
        letter-spacing: var(--typography-eyebrow-a-tablet-letter-spacing) !important
    }

    .tw-typ-eyebrow-a {
        font-size: var(--typography-eyebrow-a-tablet-font-size);
        font-weight: var(--typography-eyebrow-a-tablet-font-weight);
        line-height: var(--typography-eyebrow-a-tablet-line-height);
        letter-spacing: var(--typography-eyebrow-a-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-eyebrow-a {
        font-size: var(--typography-eyebrow-a-desktop-font-size) !important;
        font-weight: var(--typography-eyebrow-a-desktop-font-weight) !important;
        line-height: var(--typography-eyebrow-a-desktop-line-height) !important;
        letter-spacing: var(--typography-eyebrow-a-desktop-letter-spacing) !important
    }

    .tw-typ-eyebrow-a {
        font-size: var(--typography-eyebrow-a-desktop-font-size);
        font-weight: var(--typography-eyebrow-a-desktop-font-weight);
        line-height: var(--typography-eyebrow-a-desktop-line-height);
        letter-spacing: var(--typography-eyebrow-a-desktop-letter-spacing)
    }
}

.\!tw-typ-eyebrow-b {
    font-size: var(--typography-eyebrow-b-mobile-font-size) !important;
    font-weight: var(--typography-eyebrow-b-mobile-font-weight) !important;
    line-height: var(--typography-eyebrow-b-mobile-line-height) !important;
    letter-spacing: var(--typography-eyebrow-b-mobile-letter-spacing) !important
}

.tw-typ-eyebrow-b {
    font-size: var(--typography-eyebrow-b-mobile-font-size);
    font-weight: var(--typography-eyebrow-b-mobile-font-weight);
    line-height: var(--typography-eyebrow-b-mobile-line-height);
    letter-spacing: var(--typography-eyebrow-b-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-eyebrow-b {
        font-size: var(--typography-eyebrow-b-tablet-font-size) !important;
        font-weight: var(--typography-eyebrow-b-tablet-font-weight) !important;
        line-height: var(--typography-eyebrow-b-tablet-line-height) !important;
        letter-spacing: var(--typography-eyebrow-b-tablet-letter-spacing) !important
    }

    .tw-typ-eyebrow-b {
        font-size: var(--typography-eyebrow-b-tablet-font-size);
        font-weight: var(--typography-eyebrow-b-tablet-font-weight);
        line-height: var(--typography-eyebrow-b-tablet-line-height);
        letter-spacing: var(--typography-eyebrow-b-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-eyebrow-b {
        font-size: var(--typography-eyebrow-b-desktop-font-size) !important;
        font-weight: var(--typography-eyebrow-b-desktop-font-weight) !important;
        line-height: var(--typography-eyebrow-b-desktop-line-height) !important;
        letter-spacing: var(--typography-eyebrow-b-desktop-letter-spacing) !important
    }

    .tw-typ-eyebrow-b {
        font-size: var(--typography-eyebrow-b-desktop-font-size);
        font-weight: var(--typography-eyebrow-b-desktop-font-weight);
        line-height: var(--typography-eyebrow-b-desktop-line-height);
        letter-spacing: var(--typography-eyebrow-b-desktop-letter-spacing)
    }
}

.\!tw-typ-eyebrow-c {
    font-size: var(--typography-eyebrow-c-mobile-font-size) !important;
    font-weight: var(--typography-eyebrow-c-mobile-font-weight) !important;
    line-height: var(--typography-eyebrow-c-mobile-line-height) !important;
    letter-spacing: var(--typography-eyebrow-c-mobile-letter-spacing) !important
}

.tw-typ-eyebrow-c {
    font-size: var(--typography-eyebrow-c-mobile-font-size);
    font-weight: var(--typography-eyebrow-c-mobile-font-weight);
    line-height: var(--typography-eyebrow-c-mobile-line-height);
    letter-spacing: var(--typography-eyebrow-c-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-eyebrow-c {
        font-size: var(--typography-eyebrow-c-tablet-font-size) !important;
        font-weight: var(--typography-eyebrow-c-tablet-font-weight) !important;
        line-height: var(--typography-eyebrow-c-tablet-line-height) !important;
        letter-spacing: var(--typography-eyebrow-c-tablet-letter-spacing) !important
    }

    .tw-typ-eyebrow-c {
        font-size: var(--typography-eyebrow-c-tablet-font-size);
        font-weight: var(--typography-eyebrow-c-tablet-font-weight);
        line-height: var(--typography-eyebrow-c-tablet-line-height);
        letter-spacing: var(--typography-eyebrow-c-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-eyebrow-c {
        font-size: var(--typography-eyebrow-c-desktop-font-size) !important;
        font-weight: var(--typography-eyebrow-c-desktop-font-weight) !important;
        line-height: var(--typography-eyebrow-c-desktop-line-height) !important;
        letter-spacing: var(--typography-eyebrow-c-desktop-letter-spacing) !important
    }

    .tw-typ-eyebrow-c {
        font-size: var(--typography-eyebrow-c-desktop-font-size);
        font-weight: var(--typography-eyebrow-c-desktop-font-weight);
        line-height: var(--typography-eyebrow-c-desktop-line-height);
        letter-spacing: var(--typography-eyebrow-c-desktop-letter-spacing)
    }
}

.tw-typ-h1-title {
    font-size: var(--typography-h1-title-mobile-font-size);
    font-weight: var(--typography-h1-title-mobile-font-weight);
    line-height: var(--typography-h1-title-mobile-line-height);
    letter-spacing: var(--typography-h1-title-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .tw-typ-h1-title {
        font-size: var(--typography-h1-title-tablet-font-size);
        font-weight: var(--typography-h1-title-tablet-font-weight);
        line-height: var(--typography-h1-title-tablet-line-height);
        letter-spacing: var(--typography-h1-title-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .tw-typ-h1-title {
        font-size: var(--typography-h1-title-desktop-font-size);
        font-weight: var(--typography-h1-title-desktop-font-weight);
        line-height: var(--typography-h1-title-desktop-line-height);
        letter-spacing: var(--typography-h1-title-desktop-letter-spacing)
    }
}

.tw-typ-h2-subheading-a {
    font-size: var(--typography-h2-subheading-a-mobile-font-size);
    font-weight: var(--typography-h2-subheading-a-mobile-font-weight);
    line-height: var(--typography-h2-subheading-a-mobile-line-height);
    letter-spacing: var(--typography-h2-subheading-a-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .tw-typ-h2-subheading-a {
        font-size: var(--typography-h2-subheading-a-tablet-font-size);
        font-weight: var(--typography-h2-subheading-a-tablet-font-weight);
        line-height: var(--typography-h2-subheading-a-tablet-line-height);
        letter-spacing: var(--typography-h2-subheading-a-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .tw-typ-h2-subheading-a {
        font-size: var(--typography-h2-subheading-a-desktop-font-size);
        font-weight: var(--typography-h2-subheading-a-desktop-font-weight);
        line-height: var(--typography-h2-subheading-a-desktop-line-height);
        letter-spacing: var(--typography-h2-subheading-a-desktop-letter-spacing)
    }
}

.tw-typ-h2-subheading-b {
    font-size: var(--typography-h2-subheading-b-mobile-font-size);
    font-weight: var(--typography-h2-subheading-b-mobile-font-weight);
    line-height: var(--typography-h2-subheading-b-mobile-line-height);
    letter-spacing: var(--typography-h2-subheading-b-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .tw-typ-h2-subheading-b {
        font-size: var(--typography-h2-subheading-b-tablet-font-size);
        font-weight: var(--typography-h2-subheading-b-tablet-font-weight);
        line-height: var(--typography-h2-subheading-b-tablet-line-height);
        letter-spacing: var(--typography-h2-subheading-b-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .tw-typ-h2-subheading-b {
        font-size: var(--typography-h2-subheading-b-desktop-font-size);
        font-weight: var(--typography-h2-subheading-b-desktop-font-weight);
        line-height: var(--typography-h2-subheading-b-desktop-line-height);
        letter-spacing: var(--typography-h2-subheading-b-desktop-letter-spacing)
    }
}

.tw-typ-h3-subtopic-1-a {
    font-size: var(--typography-h3-subtopic-1-a-mobile-font-size);
    font-weight: var(--typography-h3-subtopic-1-a-mobile-font-weight);
    line-height: var(--typography-h3-subtopic-1-a-mobile-line-height);
    letter-spacing: var(--typography-h3-subtopic-1-a-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .tw-typ-h3-subtopic-1-a {
        font-size: var(--typography-h3-subtopic-1-a-tablet-font-size);
        font-weight: var(--typography-h3-subtopic-1-a-tablet-font-weight);
        line-height: var(--typography-h3-subtopic-1-a-tablet-line-height);
        letter-spacing: var(--typography-h3-subtopic-1-a-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .tw-typ-h3-subtopic-1-a {
        font-size: var(--typography-h3-subtopic-1-a-desktop-font-size);
        font-weight: var(--typography-h3-subtopic-1-a-desktop-font-weight);
        line-height: var(--typography-h3-subtopic-1-a-desktop-line-height);
        letter-spacing: var(--typography-h3-subtopic-1-a-desktop-letter-spacing)
    }
}

.\!tw-typ-h3-subtopic-1-b {
    font-size: var(--typography-h3-subtopic-1-b-mobile-font-size) !important;
    font-weight: var(--typography-h3-subtopic-1-b-mobile-font-weight) !important;
    line-height: var(--typography-h3-subtopic-1-b-mobile-line-height) !important;
    letter-spacing: var(--typography-h3-subtopic-1-b-mobile-letter-spacing) !important
}

.tw-typ-h3-subtopic-1-b {
    font-size: var(--typography-h3-subtopic-1-b-mobile-font-size);
    font-weight: var(--typography-h3-subtopic-1-b-mobile-font-weight);
    line-height: var(--typography-h3-subtopic-1-b-mobile-line-height);
    letter-spacing: var(--typography-h3-subtopic-1-b-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-h3-subtopic-1-b {
        font-size: var(--typography-h3-subtopic-1-b-tablet-font-size) !important;
        font-weight: var(--typography-h3-subtopic-1-b-tablet-font-weight) !important;
        line-height: var(--typography-h3-subtopic-1-b-tablet-line-height) !important;
        letter-spacing: var(--typography-h3-subtopic-1-b-tablet-letter-spacing) !important
    }

    .tw-typ-h3-subtopic-1-b {
        font-size: var(--typography-h3-subtopic-1-b-tablet-font-size);
        font-weight: var(--typography-h3-subtopic-1-b-tablet-font-weight);
        line-height: var(--typography-h3-subtopic-1-b-tablet-line-height);
        letter-spacing: var(--typography-h3-subtopic-1-b-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-h3-subtopic-1-b {
        font-size: var(--typography-h3-subtopic-1-b-desktop-font-size) !important;
        font-weight: var(--typography-h3-subtopic-1-b-desktop-font-weight) !important;
        line-height: var(--typography-h3-subtopic-1-b-desktop-line-height) !important;
        letter-spacing: var(--typography-h3-subtopic-1-b-desktop-letter-spacing) !important
    }

    .tw-typ-h3-subtopic-1-b {
        font-size: var(--typography-h3-subtopic-1-b-desktop-font-size);
        font-weight: var(--typography-h3-subtopic-1-b-desktop-font-weight);
        line-height: var(--typography-h3-subtopic-1-b-desktop-line-height);
        letter-spacing: var(--typography-h3-subtopic-1-b-desktop-letter-spacing)
    }
}

.\!tw-typ-h4-subtopic-2 {
    font-size: var(--typography-h4-subtopic-2-mobile-font-size) !important;
    font-weight: var(--typography-h4-subtopic-2-mobile-font-weight) !important;
    line-height: var(--typography-h4-subtopic-2-mobile-line-height) !important;
    letter-spacing: var(--typography-h4-subtopic-2-mobile-letter-spacing) !important
}

.tw-typ-h4-subtopic-2 {
    font-size: var(--typography-h4-subtopic-2-mobile-font-size);
    font-weight: var(--typography-h4-subtopic-2-mobile-font-weight);
    line-height: var(--typography-h4-subtopic-2-mobile-line-height);
    letter-spacing: var(--typography-h4-subtopic-2-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-h4-subtopic-2 {
        font-size: var(--typography-h4-subtopic-2-tablet-font-size) !important;
        font-weight: var(--typography-h4-subtopic-2-tablet-font-weight) !important;
        line-height: var(--typography-h4-subtopic-2-tablet-line-height) !important;
        letter-spacing: var(--typography-h4-subtopic-2-tablet-letter-spacing) !important
    }

    .tw-typ-h4-subtopic-2 {
        font-size: var(--typography-h4-subtopic-2-tablet-font-size);
        font-weight: var(--typography-h4-subtopic-2-tablet-font-weight);
        line-height: var(--typography-h4-subtopic-2-tablet-line-height);
        letter-spacing: var(--typography-h4-subtopic-2-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-h4-subtopic-2 {
        font-size: var(--typography-h4-subtopic-2-desktop-font-size) !important;
        font-weight: var(--typography-h4-subtopic-2-desktop-font-weight) !important;
        line-height: var(--typography-h4-subtopic-2-desktop-line-height) !important;
        letter-spacing: var(--typography-h4-subtopic-2-desktop-letter-spacing) !important
    }

    .tw-typ-h4-subtopic-2 {
        font-size: var(--typography-h4-subtopic-2-desktop-font-size);
        font-weight: var(--typography-h4-subtopic-2-desktop-font-weight);
        line-height: var(--typography-h4-subtopic-2-desktop-line-height);
        letter-spacing: var(--typography-h4-subtopic-2-desktop-letter-spacing)
    }
}

.\!tw-typ-h5-subtopic-3-a {
    font-size: var(--typography-h5-subtopic-3-a-mobile-font-size) !important;
    font-weight: var(--typography-h5-subtopic-3-a-mobile-font-weight) !important;
    line-height: var(--typography-h5-subtopic-3-a-mobile-line-height) !important;
    letter-spacing: var(--typography-h5-subtopic-3-a-mobile-letter-spacing) !important
}

.tw-typ-h5-subtopic-3-a {
    font-size: var(--typography-h5-subtopic-3-a-mobile-font-size);
    font-weight: var(--typography-h5-subtopic-3-a-mobile-font-weight);
    line-height: var(--typography-h5-subtopic-3-a-mobile-line-height);
    letter-spacing: var(--typography-h5-subtopic-3-a-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-h5-subtopic-3-a {
        font-size: var(--typography-h5-subtopic-3-a-tablet-font-size) !important;
        font-weight: var(--typography-h5-subtopic-3-a-tablet-font-weight) !important;
        line-height: var(--typography-h5-subtopic-3-a-tablet-line-height) !important;
        letter-spacing: var(--typography-h5-subtopic-3-a-tablet-letter-spacing) !important
    }

    .tw-typ-h5-subtopic-3-a {
        font-size: var(--typography-h5-subtopic-3-a-tablet-font-size);
        font-weight: var(--typography-h5-subtopic-3-a-tablet-font-weight);
        line-height: var(--typography-h5-subtopic-3-a-tablet-line-height);
        letter-spacing: var(--typography-h5-subtopic-3-a-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-h5-subtopic-3-a {
        font-size: var(--typography-h5-subtopic-3-a-desktop-font-size) !important;
        font-weight: var(--typography-h5-subtopic-3-a-desktop-font-weight) !important;
        line-height: var(--typography-h5-subtopic-3-a-desktop-line-height) !important;
        letter-spacing: var(--typography-h5-subtopic-3-a-desktop-letter-spacing) !important
    }

    .tw-typ-h5-subtopic-3-a {
        font-size: var(--typography-h5-subtopic-3-a-desktop-font-size);
        font-weight: var(--typography-h5-subtopic-3-a-desktop-font-weight);
        line-height: var(--typography-h5-subtopic-3-a-desktop-line-height);
        letter-spacing: var(--typography-h5-subtopic-3-a-desktop-letter-spacing)
    }
}

.tw-typ-h5-subtopic-3-b {
    font-size: var(--typography-h5-subtopic-3-b-mobile-font-size);
    font-weight: var(--typography-h5-subtopic-3-b-mobile-font-weight);
    line-height: var(--typography-h5-subtopic-3-b-mobile-line-height);
    letter-spacing: var(--typography-h5-subtopic-3-b-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .tw-typ-h5-subtopic-3-b {
        font-size: var(--typography-h5-subtopic-3-b-tablet-font-size);
        font-weight: var(--typography-h5-subtopic-3-b-tablet-font-weight);
        line-height: var(--typography-h5-subtopic-3-b-tablet-line-height);
        letter-spacing: var(--typography-h5-subtopic-3-b-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .tw-typ-h5-subtopic-3-b {
        font-size: var(--typography-h5-subtopic-3-b-desktop-font-size);
        font-weight: var(--typography-h5-subtopic-3-b-desktop-font-weight);
        line-height: var(--typography-h5-subtopic-3-b-desktop-line-height);
        letter-spacing: var(--typography-h5-subtopic-3-b-desktop-letter-spacing)
    }
}

.\!tw-typ-small-1 {
    font-size: var(--typography-small-1-mobile-font-size) !important;
    font-weight: var(--typography-small-1-mobile-font-weight) !important;
    line-height: var(--typography-small-1-mobile-line-height) !important;
    letter-spacing: var(--typography-small-1-mobile-letter-spacing) !important
}

.tw-typ-small-1 {
    font-size: var(--typography-small-1-mobile-font-size);
    font-weight: var(--typography-small-1-mobile-font-weight);
    line-height: var(--typography-small-1-mobile-line-height);
    letter-spacing: var(--typography-small-1-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\!tw-typ-small-1 {
        font-size: var(--typography-small-1-tablet-font-size) !important;
        font-weight: var(--typography-small-1-tablet-font-weight) !important;
        line-height: var(--typography-small-1-tablet-line-height) !important;
        letter-spacing: var(--typography-small-1-tablet-letter-spacing) !important
    }

    .tw-typ-small-1 {
        font-size: var(--typography-small-1-tablet-font-size);
        font-weight: var(--typography-small-1-tablet-font-weight);
        line-height: var(--typography-small-1-tablet-line-height);
        letter-spacing: var(--typography-small-1-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\!tw-typ-small-1 {
        font-size: var(--typography-small-1-desktop-font-size) !important;
        font-weight: var(--typography-small-1-desktop-font-weight) !important;
        line-height: var(--typography-small-1-desktop-line-height) !important;
        letter-spacing: var(--typography-small-1-desktop-letter-spacing) !important
    }

    .tw-typ-small-1 {
        font-size: var(--typography-small-1-desktop-font-size);
        font-weight: var(--typography-small-1-desktop-font-weight);
        line-height: var(--typography-small-1-desktop-line-height);
        letter-spacing: var(--typography-small-1-desktop-letter-spacing)
    }
}

.\!tw-grid-system {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.tw-grid-system {
    margin-left: 1rem;
    margin-right: 1rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

@media (min-width: 640px) {
    .\!tw-grid-system {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important
    }

    .tw-grid-system {
        margin-left: 2rem;
        margin-right: 2rem;
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .\!tw-grid-system {
        margin-left: 120px !important;
        margin-right: 120px !important;
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
        -moz-column-gap: 1.25rem !important;
        column-gap: 1.25rem !important
    }

    .tw-grid-system {
        margin-left: 120px;
        margin-right: 120px;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
}

@media (min-width: 1536px) {
    .\!tw-grid-system {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 1296px !important
    }

    .tw-grid-system {
        margin-left: auto;
        margin-right: auto;
        max-width: 1296px
    }
}

.tw-button {
    width: 100%;
    border-width: 1px;
    border-color: transparent;
    padding: 14px 20px;
    text-align: center
}

.tw-button-text {
    padding: 2px;
    text-decoration: underline
}

.tw-button-with-icon {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center
}

.tw-button-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-primary) / var(--tw-bg-opacity));
    color: rgb(var(--tw-color-background) / var(--tw-bg-opacity))
}

.tw-button-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-secondary) / var(--tw-bg-opacity))
}

.tw-button-primary:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-tertiary) / var(--tw-bg-opacity))
}

.tw-button-secondary {
    --tw-border-opacity: 1;
    border: 1px solid;
    border-color: rgb(var(--tw-color-primary) / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity))
}

.tw-button-fill {
    --tw-border-opacity: 1;
    border: 1px solid;
    border-color: rgb(var(--tw-color-primary) / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-background) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-bg-opacity))
}

.tw-button-fill:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-secondary) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-secondary) / var(--tw-bg-opacity))
}

.tw-button-primary-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-background) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-bg-opacity))
}

.tw-button-primary-dark:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-tertiary) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-bg-opacity))
}

.tw-button-secondary-dark {
    --tw-border-opacity: 1;
    border: 1px solid;
    border-color: rgb(var(--tw-color-brand-secondary) / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-brand-secondary) / var(--tw-text-opacity))
}

.tw-button-secondary-dark:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-tertiary) / var(--tw-border-opacity));
    background-color: rgb(var(--tw-color-tertiary) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity))
}

.tw-button-fill-dark {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-background) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-background) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-bg-opacity))
}

.tw-button-fill-dark:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-tertiary) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-tertiary) / var(--tw-bg-opacity))
}

.tw-custom-scrollbar::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.tw-custom-scrollbar::-webkit-scrollbar-track {
    background-color: rgb(var(--tw-color-box-background) / 1);
    border-radius: 4px
}

.tw-custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgb(var(--tw-color-primary) / 1);
    border-radius: 4px
}

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

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

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

.tw-invisible {
    visibility: hidden
}

.\!tw-static {
    position: static !important
}

.tw-fixed {
    position: fixed
}

.\!tw-absolute {
    position: absolute !important
}

.tw-absolute {
    position: absolute
}

.\!tw-relative {
    position: relative !important
}

.tw-relative {
    position: relative
}

.tw-sticky {
    position: sticky
}

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

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

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

.\!tw-left-0 {
    left: 0 !important
}

.\!tw-top-0 {
    top: 0 !important
}

.\!tw-top-\[40px\] {
    top: 40px !important
}

.-tw-right-\[3px\] {
    right: -3px
}

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

.tw-bottom-0 {
    bottom: 0
}

.tw-bottom-\[10px\] {
    bottom: 10px
}

.tw-bottom-\[40px\] {
    bottom: 40px
}

.tw-bottom-\[80px\] {
    bottom: 80px
}

.tw-left-0 {
    left: 0
}

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

.tw-left-2 {
    left: 8px
}

.tw-left-4 {
    left: 16px
}

.tw-left-8 {
    left: 32px
}

.tw-left-\[-80px\] {
    left: -80px
}

.tw-left-\[1\%\] {
    left: 1%
}

.tw-left-\[11\%\] {
    left: 11%
}

.tw-left-\[17\%\] {
    left: 17%
}

.tw-left-\[45\%\] {
    left: 45%
}

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

.tw-left-\[50px\] {
    left: 50px
}

.tw-right-0 {
    right: 0
}

.tw-right-14 {
    right: 56px
}

.tw-right-2 {
    right: 8px
}

.tw-right-4 {
    right: 16px
}

.tw-right-5 {
    right: 20px
}

.tw-right-\[25px\] {
    right: 25px
}

.tw-top-0 {
    top: 0
}

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

.tw-top-10 {
    top: 40px
}

.tw-top-2 {
    top: 8px
}

.tw-top-2\.5 {
    top: 10px
}

.tw-top-36 {
    top: 144px
}

.tw-top-4 {
    top: 16px
}

.tw-top-5 {
    top: 20px
}

.tw-top-\[-12px\] {
    top: -12px
}

.tw-top-\[-22px\] {
    top: -22px
}

.tw-top-\[23\%\] {
    top: 23%
}

.tw-top-\[25\%\] {
    top: 25%
}

.tw-top-\[43\%\] {
    top: 43%
}

.tw-top-\[46px\] {
    top: 46px
}

.tw-top-\[5\%\] {
    top: 5%
}

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

.tw-top-\[59px\] {
    top: 59px
}

.tw-top-\[87px\] {
    top: 87px
}

.tw-top-\[var\(--top\)\] {
    top: var(--top)
}

.\!tw-z-10,
.\!tw-z-\[10\] {
    z-index: 10 !important
}

.\!tw-z-\[2\] {
    z-index: 2 !important
}

.\!tw-z-\[4\] {
    z-index: 4 !important
}

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

.tw-z-10 {
    z-index: 10
}

.tw-z-20 {
    z-index: 20
}

.tw-z-50 {
    z-index: 50
}

.tw-z-\[1000\] {
    z-index: 1000
}

.tw-z-\[102\] {
    z-index: 102
}

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

.tw-z-\[12\] {
    z-index: 12
}

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

.tw-z-\[2\] {
    z-index: 2
}

.tw-z-\[3\] {
    z-index: 3
}

.tw-z-\[4\] {
    z-index: 4
}

.tw-z-\[5\] {
    z-index: 5
}

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

.tw-z-\[99\] {
    z-index: 99
}

.\!tw-order-last {
    order: 9999 !important
}

.-tw-order-1 {
    order: -1
}

.tw-order-1 {
    order: 1
}

.tw-order-2 {
    order: 2
}

.tw-order-8 {
    order: 8
}

.tw-order-\[var\(--element-order\)\] {
    order: var(--element-order)
}

.tw-order-\[var\(--sort\)\] {
    order: var(--sort)
}

.tw-order-last {
    order: 9999
}

.\!tw-col-span-2 {
    grid-column: span 2 / span 2 !important
}

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

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

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

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

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

.tw-col-span-9 {
    grid-column: span 9 / span 9
}

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

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

.tw-col-start-2 {
    grid-column-start: 2
}

.tw-col-start-5 {
    grid-column-start: 5
}

.tw-row-span-1 {
    grid-row: span 1 / span 1
}

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

.tw-row-start-2 {
    grid-row-start: 2
}

.tw-row-start-3 {
    grid-row-start: 3
}

.tw-row-start-auto {
    grid-row-start: auto
}

.tw-clear-both {
    clear: both
}

.\!tw-m-0 {
    margin: 0 !important
}

.\!tw-m-2 {
    margin: 8px !important
}

.tw-m-0 {
    margin: 0
}

.tw-m-auto {
    margin: auto
}

.\!tw-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.\!tw-mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.\!tw-mx-\[22px\] {
    margin-left: 22px !important;
    margin-right: 22px !important
}

.\!tw-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.\!tw-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.\!tw-my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.\!tw-my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.\!tw-my-\[22px\] {
    margin-top: 22px !important;
    margin-bottom: 22px !important
}

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

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

.tw-mx-3 {
    margin-left: 12px;
    margin-right: 12px
}

.tw-mx-4 {
    margin-left: 16px;
    margin-right: 16px
}

.tw-mx-5 {
    margin-left: 20px;
    margin-right: 20px
}

.tw-mx-\[22px\] {
    margin-left: 22px;
    margin-right: 22px
}

.tw-mx-\[32px\] {
    margin-left: 32px;
    margin-right: 32px
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

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

.tw-my-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.tw-my-16 {
    margin-top: 64px;
    margin-bottom: 64px
}

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

.tw-my-4 {
    margin-top: 16px;
    margin-bottom: 16px
}

.tw-my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px
}

.tw-my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px
}

.tw-my-\[50px\] {
    margin-top: 50px;
    margin-bottom: 50px
}

.tw-my-\[60px\] {
    margin-top: 60px;
    margin-bottom: 60px
}

.tw-my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!-tw-mt-2 {
    margin-top: -8px !important
}

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

.\!tw-mb-1 {
    margin-bottom: 4px !important
}

.\!tw-mb-10 {
    margin-bottom: 40px !important
}

.\!tw-mb-2 {
    margin-bottom: 8px !important
}

.\!tw-mb-2\.5 {
    margin-bottom: 10px !important
}

.\!tw-mb-4 {
    margin-bottom: 16px !important
}

.\!tw-mb-5 {
    margin-bottom: 20px !important
}

.\!tw-mb-\[14px\] {
    margin-bottom: 14px !important
}

.\!tw-mb-\[5px\] {
    margin-bottom: 5px !important
}

.\!tw-ml-0 {
    margin-left: 0 !important
}

.\!tw-ml-5 {
    margin-left: 20px !important
}

.\!tw-mr-1 {
    margin-right: 4px !important
}

.\!tw-mr-5 {
    margin-right: 20px !important
}

.\!tw-mt-0 {
    margin-top: 0 !important
}

.\!tw-mt-1 {
    margin-top: 4px !important
}

.\!tw-mt-10 {
    margin-top: 40px !important
}

.\!tw-mt-16 {
    margin-top: 64px !important
}

.\!tw-mt-2 {
    margin-top: 8px !important
}

.\!tw-mt-3 {
    margin-top: 12px !important
}

.\!tw-mt-4 {
    margin-top: 16px !important
}

.\!tw-mt-5 {
    margin-top: 20px !important
}

.\!tw-mt-6 {
    margin-top: 24px !important
}

.\!tw-mt-8 {
    margin-top: 32px !important
}

.\!tw-mt-9 {
    margin-top: 36px !important
}

.\!tw-mt-\[14px\] {
    margin-top: 14px !important
}

.\!tw-mt-auto {
    margin-top: auto !important
}

.-tw-mt-16 {
    margin-top: -64px
}

.tw-mb-1 {
    margin-bottom: 4px
}

.tw-mb-10 {
    margin-bottom: 40px
}

.tw-mb-12 {
    margin-bottom: 48px
}

.tw-mb-14 {
    margin-bottom: 56px
}

.tw-mb-16 {
    margin-bottom: 64px
}

.tw-mb-2 {
    margin-bottom: 8px
}

.tw-mb-2\.5 {
    margin-bottom: 10px
}

.tw-mb-20 {
    margin-bottom: 80px
}

.tw-mb-3 {
    margin-bottom: 12px
}

.tw-mb-4 {
    margin-bottom: 16px
}

.tw-mb-5 {
    margin-bottom: 20px
}

.tw-mb-6 {
    margin-bottom: 24px
}

.tw-mb-7 {
    margin-bottom: 28px
}

.tw-mb-8 {
    margin-bottom: 32px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-ml-28 {
    margin-left: 112px
}

.tw-ml-4 {
    margin-left: 16px
}

.tw-ml-5 {
    margin-left: 20px
}

.tw-ml-\[15px\] {
    margin-left: 15px
}

.tw-ml-\[33\%\] {
    margin-left: 33%
}

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

.tw-mr-1 {
    margin-right: 4px
}

.tw-mr-2 {
    margin-right: 8px
}

.tw-mr-4 {
    margin-right: 16px
}

.tw-mr-5 {
    margin-right: 20px
}

.tw-mr-\[8px\] {
    margin-right: 8px
}

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

.tw-mt-10 {
    margin-top: 40px
}

.tw-mt-11 {
    margin-top: 44px
}

.tw-mt-12 {
    margin-top: 48px
}

.tw-mt-2 {
    margin-top: 8px
}

.tw-mt-2\.5 {
    margin-top: 10px
}

.tw-mt-28 {
    margin-top: 112px
}

.tw-mt-3 {
    margin-top: 12px
}

.tw-mt-3\.5 {
    margin-top: 14px
}

.tw-mt-4 {
    margin-top: 16px
}

.tw-mt-5 {
    margin-top: 20px
}

.tw-mt-6 {
    margin-top: 24px
}

.tw-mt-8 {
    margin-top: 32px
}

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

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

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

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

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

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

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

.tw-mt-auto {
    margin-top: auto
}

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

.\!tw-block {
    display: block !important
}

.tw-block {
    display: block
}

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

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

.\!tw-inline {
    display: inline !important
}

.tw-inline {
    display: inline
}

.\!tw-flex {
    display: flex !important
}

.tw-flex {
    display: flex
}

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

.\!tw-grid {
    display: grid !important
}

.tw-grid {
    display: grid
}

.tw-contents {
    display: contents
}

.\!tw-hidden {
    display: none !important
}

.tw-hidden {
    display: none
}

.tw-aspect-\[4\/5\] {
    aspect-ratio: 4/5
}

.tw-aspect-\[9\/10\] {
    aspect-ratio: 9/10
}

.tw-aspect-square {
    aspect-ratio: 1 / 1
}

.tw-aspect-video {
    aspect-ratio: 16 / 9
}

.\!tw-h-0 {
    height: 0px !important
}

.\!tw-h-10 {
    height: 40px !important
}

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

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

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

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

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

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

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

.\!tw-h-max {
    height: -moz-max-content !important;
    height: max-content !important
}

.tw-h-1 {
    height: 4px
}

.tw-h-1\.5 {
    height: 6px
}

.tw-h-10 {
    height: 40px
}

.tw-h-11 {
    height: 44px
}

.tw-h-12 {
    height: 48px
}

.tw-h-20 {
    height: 80px
}

.tw-h-24 {
    height: 96px
}

.tw-h-28 {
    height: 112px
}

.tw-h-3 {
    height: 12px
}

.tw-h-3\.5 {
    height: 14px
}

.tw-h-4 {
    height: 16px
}

.tw-h-44 {
    height: 176px
}

.tw-h-48 {
    height: 192px
}

.tw-h-5 {
    height: 20px
}

.tw-h-6 {
    height: 24px
}

.tw-h-64 {
    height: 256px
}

.tw-h-7 {
    height: 28px
}

.tw-h-8 {
    height: 32px
}

.tw-h-9 {
    height: 36px
}

.tw-h-\[0\.875rem\] {
    height: .875rem
}

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

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

.tw-h-\[112px\] {
    height: 112px
}

.tw-h-\[13px\] {
    height: 13px
}

.tw-h-\[150px\] {
    height: 150px
}

.tw-h-\[15px\] {
    height: 15px
}

.tw-h-\[165px\] {
    height: 165px
}

.tw-h-\[1em\] {
    height: 1em
}

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

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

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

.tw-h-\[262px\] {
    height: 262px
}

.tw-h-\[269px\] {
    height: 269px
}

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

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

.tw-h-\[330px\] {
    height: 330px
}

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

.tw-h-\[368px\] {
    height: 368px
}

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

.tw-h-\[545px\] {
    height: 545px
}

.tw-h-\[594px\] {
    height: 594px
}

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

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

.tw-h-\[640px\] {
    height: 640px
}

.tw-h-\[75px\] {
    height: 75px
}

.tw-h-\[98vh\] {
    height: 98vh
}

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

.tw-h-auto {
    height: auto
}

.tw-h-dvh {
    height: 100vh;
    height: 100dvh
}

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

.tw-h-max {
    height: -moz-max-content;
    height: max-content
}

.tw-h-px {
    height: 1px
}

.\!tw-max-h-\[87px\] {
    max-height: 87px !important
}

.tw-max-h-0 {
    max-height: 0px
}

.tw-max-h-6 {
    max-height: 24px
}

.tw-max-h-96 {
    max-height: 384px
}

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

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

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

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

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

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

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

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

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

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

.tw-max-h-dvh {
    max-height: 100dvh
}

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

.\!tw-min-h-\[36px\] {
    min-height: 36px !important
}

.tw-min-h-8 {
    min-height: 32px
}

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

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

.tw-min-h-\[2lh\] {
    min-height: 2lh
}

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

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

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

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

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

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

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

.\!tw-w-10\/12 {
    width: 83.333333% !important
}

.\!tw-w-2\/12 {
    width: 16.666667% !important
}

.\!tw-w-4 {
    width: 16px !important
}

.\!tw-w-\[10rem\] {
    width: 10rem !important
}

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

.\!tw-w-auto {
    width: auto !important
}

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

.tw-w-0 {
    width: 0px
}

.tw-w-1 {
    width: 4px
}

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

.tw-w-1\/3 {
    width: 33.333333%
}

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

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

.tw-w-1\/6 {
    width: 16.666667%
}

.tw-w-10 {
    width: 40px
}

.tw-w-10\/12 {
    width: 83.333333%
}

.tw-w-11 {
    width: 44px
}

.tw-w-12 {
    width: 48px
}

.tw-w-14 {
    width: 56px
}

.tw-w-20 {
    width: 80px
}

.tw-w-24 {
    width: 96px
}

.tw-w-3 {
    width: 12px
}

.tw-w-3\.5 {
    width: 14px
}

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

.tw-w-3\/5 {
    width: 60%
}

.tw-w-36 {
    width: 144px
}

.tw-w-4 {
    width: 16px
}

.tw-w-4\/6 {
    width: 66.666667%
}

.tw-w-48 {
    width: 192px
}

.tw-w-5 {
    width: 20px
}

.tw-w-6 {
    width: 24px
}

.tw-w-7 {
    width: 28px
}

.tw-w-8 {
    width: 32px
}

.tw-w-9 {
    width: 36px
}

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

.tw-w-\[125px\] {
    width: 125px
}

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

.tw-w-\[13px\] {
    width: 13px
}

.tw-w-\[15px\] {
    width: 15px
}

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

.tw-w-\[162px\] {
    width: 162px
}

.tw-w-\[166px\] {
    width: 166px
}

.tw-w-\[17px\] {
    width: 17px
}

.tw-w-\[1920px\] {
    width: 1920px
}

.tw-w-\[1em\] {
    width: 1em
}

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

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

.tw-w-\[211px\] {
    width: 211px
}

.tw-w-\[253px\] {
    width: 253px
}

.tw-w-\[269px\] {
    width: 269px
}

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

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

.tw-w-\[2px\] {
    width: 2px
}

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

.tw-w-\[405px\] {
    width: 405px
}

.tw-w-\[48px\] {
    width: 48px
}

.tw-w-\[50px\] {
    width: 50px
}

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

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

.tw-w-\[92px\] {
    width: 92px
}

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

.tw-w-\[calc\(25\%-16px\)\] {
    width: calc(25% - 16px)
}

.tw-w-\[calc\(25\%-calc\(16px-calc\(16px\/3\)\)\)\] {
    width: calc(25% - calc(16px - calc(16px / 3)))
}

.tw-w-\[calc\(50\%_-_16px\)\] {
    width: calc(50% - 16px)
}

.tw-w-auto {
    width: auto
}

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

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

.tw-w-screen {
    width: 100vw
}

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

.\!tw-min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important
}

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

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

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

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

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

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

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

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

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

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

.tw-min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width)
}

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

.\!tw-max-w-\[1130px\] {
    max-width: 1130px !important
}

.\!tw-max-w-\[1296px\] {
    max-width: 1296px !important
}

.\!tw-max-w-\[150px\] {
    max-width: 150px !important
}

.\!tw-max-w-\[198px\] {
    max-width: 198px !important
}

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

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

.\!tw-max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important
}

.\!tw-max-w-screen-lg {
    max-width: 1024px !important
}

.tw-max-w-3xl {
    max-width: 768px
}

.tw-max-w-\[100\%\] {
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.tw-max-w-\[min\(196px\,_15vh\)\] {
    max-width: min(196px, 15vh)
}

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

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

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

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

.tw-max-w-screen-lg {
    max-width: 1024px
}

.tw-max-w-xl {
    max-width: 576px
}

.tw-max-w-xs {
    max-width: 320px
}

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

.tw-flex-auto {
    flex: 1 1 auto
}

.\!tw-flex-shrink {
    flex-shrink: 1 !important
}

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

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

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

.tw-basis-2\/3 {
    flex-basis: 66.666667%
}

.tw-basis-\[226px\] {
    flex-basis: 226px
}

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

.\!tw-border-collapse {
    border-collapse: collapse !important
}

.tw-origin-center {
    transform-origin: center
}

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

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

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

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

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

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

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

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

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

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

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

.tw-cursor-default {
    cursor: default
}

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

.tw-cursor-pointer {
    cursor: pointer
}

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

.tw-select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

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

.tw-grid-flow-col {
    grid-auto-flow: column
}

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

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

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

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

.tw-grid-cols-\[min-content_auto\] {
    grid-template-columns: min-content auto
}

.tw-grid-cols-\[repeat\(3\,minmax\(230px\,_1fr\)\)\] {
    grid-template-columns: repeat(3, minmax(230px, 1fr))
}

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

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

.\!tw-flex-col {
    flex-direction: column !important
}

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

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

.\!tw-flex-wrap {
    flex-wrap: wrap !important
}

.tw-flex-wrap {
    flex-wrap: wrap
}

.tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

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

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

.\!tw-items-end {
    align-items: flex-end !important
}

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

.\!tw-items-center {
    align-items: center !important
}

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

.tw-items-baseline {
    align-items: baseline
}

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

.\!tw-justify-end {
    justify-content: flex-end !important
}

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

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

.\!tw-justify-between {
    justify-content: space-between !important
}

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

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

.tw-gap-0 {
    gap: 0px
}

.tw-gap-0\.5 {
    gap: 2px
}

.tw-gap-1 {
    gap: 4px
}

.tw-gap-1\.5 {
    gap: 6px
}

.tw-gap-10 {
    gap: 40px
}

.tw-gap-12 {
    gap: 48px
}

.tw-gap-16 {
    gap: 64px
}

.tw-gap-2 {
    gap: 8px
}

.tw-gap-2\.5 {
    gap: 10px
}

.tw-gap-3 {
    gap: 12px
}

.tw-gap-3\.5 {
    gap: 14px
}

.tw-gap-4 {
    gap: 16px
}

.tw-gap-5 {
    gap: 20px
}

.tw-gap-6 {
    gap: 24px
}

.tw-gap-7 {
    gap: 28px
}

.tw-gap-8 {
    gap: 32px
}

.tw-gap-9 {
    gap: 36px
}

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

.tw-gap-\[18px\] {
    gap: 18px
}

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

.tw-gap-x-1\.5 {
    -moz-column-gap: 6px;
    column-gap: 6px
}

.tw-gap-x-16 {
    -moz-column-gap: 64px;
    column-gap: 64px
}

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

.tw-gap-x-2\.5 {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.tw-gap-x-3 {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.tw-gap-x-4 {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.tw-gap-x-5 {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.tw-gap-x-6 {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.tw-gap-x-\[1\.25rem\] {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.tw-gap-x-\[14px\] {
    -moz-column-gap: 14px;
    column-gap: 14px
}

.tw-gap-x-\[44px\] {
    -moz-column-gap: 44px;
    column-gap: 44px
}

.tw-gap-y-10 {
    row-gap: 40px
}

.tw-gap-y-2 {
    row-gap: 8px
}

.tw-gap-y-24 {
    row-gap: 96px
}

.tw-gap-y-4 {
    row-gap: 16px
}

.tw-gap-y-5 {
    row-gap: 20px
}

.tw-gap-y-6 {
    row-gap: 24px
}

.tw-gap-y-7 {
    row-gap: 28px
}

.tw-gap-y-8 {
    row-gap: 32px
}

.tw-gap-y-\[30px\] {
    row-gap: 30px
}

.tw-gap-y-\[40px\] {
    row-gap: 40px
}

.tw-gap-y-\[50px\] {
    row-gap: 50px
}

.tw-gap-y-\[58px\] {
    row-gap: 58px
}

.tw-gap-y-\[5px\] {
    row-gap: 5px
}

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

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

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

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

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

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

.tw-self-center {
    align-self: center
}

.tw-self-stretch {
    align-self: stretch
}

.\!tw-overflow-auto {
    overflow: auto !important
}

.tw-overflow-auto {
    overflow: auto
}

.\!tw-overflow-hidden {
    overflow: hidden !important
}

.tw-overflow-hidden {
    overflow: hidden
}

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

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

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

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

.tw-overflow-y-visible {
    overflow-y: visible
}

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

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

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

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

.tw-whitespace-nowrap {
    white-space: nowrap
}

.tw-text-wrap {
    text-wrap: wrap
}

.tw-break-words {
    overflow-wrap: break-word
}

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

.tw-rounded {
    border-radius: 4px
}

.tw-rounded-3xl {
    border-radius: 24px
}

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

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

.tw-rounded-md {
    border-radius: 6px
}

.tw-rounded-sm {
    border-radius: 2px
}

.tw-rounded-r-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.\!tw-border {
    border-width: 1px !important
}

.\!tw-border-0 {
    border-width: 0px !important
}

.tw-border {
    border-width: 1px
}

.tw-border-0 {
    border-width: 0px
}

.tw-border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.tw-border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 2px
}

.\!tw-border-b {
    border-bottom-width: 1px !important
}

.\!tw-border-b-0 {
    border-bottom-width: 0px !important
}

.\!tw-border-l-0 {
    border-left-width: 0px !important
}

.\!tw-border-r-0 {
    border-right-width: 0px !important
}

.\!tw-border-t {
    border-top-width: 1px !important
}

.\!tw-border-t-0 {
    border-top-width: 0px !important
}

.tw-border-b {
    border-bottom-width: 1px
}

.tw-border-b-0 {
    border-bottom-width: 0px
}

.tw-border-b-2,
.tw-border-b-\[2px\] {
    border-bottom-width: 2px
}

.tw-border-l {
    border-left-width: 1px
}

.tw-border-r {
    border-right-width: 1px
}

.tw-border-t {
    border-top-width: 1px
}

.tw-border-t-2 {
    border-top-width: 2px
}

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

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

.\!tw-border-none {
    border-style: none !important
}

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

.\!tw-border-border {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--tw-color-border) / var(--tw-border-opacity)) !important
}

.\!tw-border-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--tw-color-primary) / var(--tw-border-opacity)) !important
}

.tw-border-\[\#000\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.tw-border-\[\#595959\] {
    --tw-border-opacity: 1;
    border-color: rgb(89 89 89 / var(--tw-border-opacity))
}

.tw-border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.tw-border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity))
}

.tw-border-border {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-border) / var(--tw-border-opacity))
}

.tw-border-box-background {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-box-background) / var(--tw-border-opacity))
}

.tw-border-brand-primary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-brand-primary) / var(--tw-border-opacity))
}

.tw-border-brand-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-brand-secondary) / var(--tw-border-opacity))
}

.tw-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.tw-border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-primary) / var(--tw-border-opacity))
}

.tw-border-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-secondary) / var(--tw-border-opacity))
}

.tw-border-tertiary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-tertiary) / var(--tw-border-opacity))
}

.tw-border-transparent {
    border-color: transparent
}

.tw-border-b-border {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--tw-color-border) / var(--tw-border-opacity))
}

.tw-border-opacity-50 {
    --tw-border-opacity: .5
}

.\!tw-bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important
}



.\!tw-bg-brand-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--tw-color-brand-secondary) / var(--tw-bg-opacity)) !important
}

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

.\!tw-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

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

.tw-bg-\[\#CCCCCC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(204 204 204 / var(--tw-bg-opacity))
}



.tw-bg-\[var\(--color\)\] {
    background-color: var(--color)
}

.tw-bg-background {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-background) / var(--tw-bg-opacity))
}

.tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.tw-bg-black\/30 {
    background-color: #0000004d
}

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

.tw-bg-black\/80 {
    background-color: #000c
}

.tw-bg-border {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-border) / var(--tw-bg-opacity))
}

.tw-bg-box-background {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-box-background) / var(--tw-bg-opacity))
}

.tw-bg-brand-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-brand-primary) / var(--tw-bg-opacity))
}

.tw-bg-brand-primary-accent {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-brand-primary-accent) / var(--tw-bg-opacity))
}

.tw-bg-brand-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-brand-secondary) / var(--tw-bg-opacity))
}

.tw-bg-brand-tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-brand-tertiary) / var(--tw-bg-opacity))
}

.tw-bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.tw-bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(255, 255, 255);
}

.tw-bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(153, 137, 124);
}

.tw-bg-tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-tertiary) / var(--tw-bg-opacity));
}

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

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.\!tw-bg-opacity-50 {
    --tw-bg-opacity: .5 !important
}

.tw-bg-opacity-40 {
    --tw-bg-opacity: .4
}

.tw-bg-opacity-75 {
    --tw-bg-opacity: .75
}

.tw-bg-cover {
    background-size: cover
}

.tw-bg-scroll {
    background-attachment: scroll
}

.tw-bg-center {
    background-position: center
}

.tw-fill-current {
    fill: currentColor
}

.tw-object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.tw-object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

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

.\!tw-p-5 {
    padding: 20px !important
}

.\!tw-p-6 {
    padding: 24px !important
}

.\!tw-p-\[20px\] {
    padding: 20px !important
}

.\!tw-p-\[2px\] {
    padding: 2px !important
}

.tw-p-0 {
    padding: 0
}

.tw-p-1 {
    padding: 4px
}

.tw-p-10 {
    padding: 40px
}

.tw-p-2 {
    padding: 8px
}

.tw-p-2\.5 {
    padding: 10px
}

.tw-p-3 {
    padding: 12px
}

.tw-p-4 {
    padding: 16px
}

.tw-p-5 {
    padding: 20px
}

.tw-p-6 {
    padding: 24px
}

.tw-p-8 {
    padding: 32px
}

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

.tw-p-\[19px\] {
    padding: 19px
}

.tw-p-\[1px\] {
    padding: 1px
}

.tw-p-\[20px\] {
    padding: 20px
}

.tw-p-\[34px\] {
    padding: 34px
}

.\!tw-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\!tw-px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.\!tw-py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.\!tw-py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.\!tw-py-\[3px\] {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.tw-px-0 {
    padding-left: 0;
    padding-right: 0
}

.tw-px-1 {
    padding-left: 4px;
    padding-right: 4px
}

.tw-px-1\.5 {
    padding-left: 6px;
    padding-right: 6px
}

.tw-px-10 {
    padding-left: 40px;
    padding-right: 40px
}

.tw-px-11 {
    padding-left: 44px;
    padding-right: 44px
}

.tw-px-12 {
    padding-left: 48px;
    padding-right: 48px
}

.tw-px-2 {
    padding-left: 8px;
    padding-right: 8px
}

.tw-px-2\.5 {
    padding-left: 10px;
    padding-right: 10px
}

.tw-px-24 {
    padding-left: 96px;
    padding-right: 96px
}

.tw-px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.tw-px-4 {
    padding-left: 16px;
    padding-right: 16px
}

.tw-px-5 {
    padding-left: 20px;
    padding-right: 20px
}

.tw-px-6 {
    padding-left: 24px;
    padding-right: 24px
}

.tw-px-7 {
    padding-left: 28px;
    padding-right: 28px
}

.tw-px-\[120px\] {
    padding-left: 120px;
    padding-right: 120px
}

.tw-px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.tw-px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.tw-px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.tw-px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px
}

.tw-px-\[38px\] {
    padding-left: 38px;
    padding-right: 38px
}

.tw-px-\[39px\] {
    padding-left: 39px;
    padding-right: 39px
}

.tw-px-\[45px\] {
    padding-left: 45px;
    padding-right: 45px
}

.tw-px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px
}

.tw-py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.tw-py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px
}

.tw-py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.tw-py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px
}

.tw-py-10 {
    padding-top: 40px;
    padding-bottom: 40px
}

.tw-py-16 {
    padding-top: 64px;
    padding-bottom: 64px
}

.tw-py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.tw-py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px
}

.tw-py-20 {
    padding-top: 80px;
    padding-bottom: 80px
}

.tw-py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.tw-py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.tw-py-40 {
    padding-top: 160px;
    padding-bottom: 160px
}

.tw-py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}

.tw-py-6 {
    padding-top: 24px;
    padding-bottom: 24px
}

.tw-py-7 {
    padding-top: 28px;
    padding-bottom: 28px
}

.tw-py-8 {
    padding-top: 32px;
    padding-bottom: 32px
}

.tw-py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px
}

.tw-py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.tw-py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px
}

.tw-py-\[35px\] {
    padding-top: 35px;
    padding-bottom: 35px
}

.tw-py-\[40px\] {
    padding-top: 40px;
    padding-bottom: 40px
}

.tw-py-\[45px\] {
    padding-top: 45px;
    padding-bottom: 45px
}

.tw-py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px
}

.tw-py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
}

.tw-py-\[95px\] {
    padding-top: 95px;
    padding-bottom: 95px
}

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

.\!tw-pb-10 {
    padding-bottom: 40px !important
}

.\!tw-pb-2 {
    padding-bottom: 8px !important
}

.\!tw-pb-7 {
    padding-bottom: 28px !important
}

.\!tw-pb-\[20px\] {
    padding-bottom: 20px !important
}

.\!tw-pb-\[26px\] {
    padding-bottom: 26px !important
}

.\!tw-pb-\[34px\] {
    padding-bottom: 34px !important
}

.\!tw-pb-\[45px\] {
    padding-bottom: 45px !important
}

.\!tw-pb-\[92px\] {
    padding-bottom: 92px !important
}

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

.\!tw-pl-5 {
    padding-left: 20px !important
}

.\!tw-pr-0 {
    padding-right: 0 !important
}

.\!tw-pr-5 {
    padding-right: 20px !important
}

.\!tw-pt-0 {
    padding-top: 0 !important
}

.\!tw-pt-10 {
    padding-top: 40px !important
}

.\!tw-pt-5 {
    padding-top: 20px !important
}

.\!tw-pt-8 {
    padding-top: 32px !important
}

.\!tw-pt-\[14px\] {
    padding-top: 14px !important
}

.\!tw-pt-\[34px\] {
    padding-top: 34px !important
}

.\!tw-pt-\[42px\] {
    padding-top: 42px !important
}

.tw-pb-10 {
    padding-bottom: 40px
}

.tw-pb-12 {
    padding-bottom: 48px
}

.tw-pb-2 {
    padding-bottom: 8px
}

.tw-pb-2\.5 {
    padding-bottom: 10px
}

.tw-pb-3 {
    padding-bottom: 12px
}

.tw-pb-4 {
    padding-bottom: 16px
}

.tw-pb-44 {
    padding-bottom: 176px
}

.tw-pb-6 {
    padding-bottom: 24px
}

.tw-pb-7 {
    padding-bottom: 28px
}

.tw-pb-8 {
    padding-bottom: 32px
}

.tw-pb-\[26px\] {
    padding-bottom: 26px
}

.tw-pb-\[38px\] {
    padding-bottom: 38px
}

.tw-pb-\[58px\] {
    padding-bottom: 58px
}

.tw-pb-\[60px\] {
    padding-bottom: 60px
}

.tw-pl-2 {
    padding-left: 8px
}

.tw-pl-2\.5 {
    padding-left: 10px
}

.tw-pl-5 {
    padding-left: 20px
}

.tw-pl-7 {
    padding-left: 28px
}

.tw-pl-\[10px\] {
    padding-left: 10px
}

.tw-pl-\[11px\] {
    padding-left: 11px
}

.tw-pl-\[40px\] {
    padding-left: 40px
}

.tw-pr-2 {
    padding-right: 8px
}

.tw-pr-8 {
    padding-right: 32px
}

.tw-pr-\[10px\] {
    padding-right: 10px
}

.tw-pr-\[20px\] {
    padding-right: 20px
}

.tw-pt-10 {
    padding-top: 40px
}

.tw-pt-12 {
    padding-top: 48px
}

.tw-pt-2 {
    padding-top: 8px
}

.tw-pt-3 {
    padding-top: 12px
}

.tw-pt-4 {
    padding-top: 16px
}

.tw-pt-44 {
    padding-top: 176px
}

.tw-pt-5 {
    padding-top: 20px
}

.tw-pt-6 {
    padding-top: 24px
}

.tw-pt-7 {
    padding-top: 28px
}

.tw-pt-8 {
    padding-top: 32px
}

.tw-pt-\[1px\] {
    padding-top: 1px
}

.tw-pt-\[22px\] {
    padding-top: 22px
}

.tw-pt-\[25px\] {
    padding-top: 25px
}

.tw-pt-\[30px\] {
    padding-top: 30px
}

.tw-pt-\[42px\] {
    padding-top: 42px
}

.tw-pt-\[60px\] {
    padding-top: 60px
}

.\!tw-text-left {
    text-align: left !important
}

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

.\!tw-text-center {
    text-align: center !important
}

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

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

.tw-text-start {
    text-align: start
}

.tw-text-end {
    text-align: end
}

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

.\!tw-text-xs {
    font-size: 12px !important;
    line-height: 16px !important
}

.tw-text-2xl {
    font-size: 24px;
    line-height: 32px
}

.tw-text-\[1\.6rem\] {
    font-size: 1.6rem
}

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

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

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

.tw-text-base {
    font-size: 16px;
    line-height: 24px
}

.tw-text-lg {
    font-size: 18px;
    line-height: 28px
}

.tw-text-sm {
    font-size: 14px;
    line-height: 20px
}

.tw-text-xs {
    font-size: 12px;
    line-height: 16px
}

.\!tw-font-bold {
    font-weight: 700 !important
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-light {
    font-weight: 300
}

.tw-font-normal {
    font-weight: 400
}

.tw-font-semibold {
    font-weight: 600
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-lowercase {
    text-transform: lowercase
}

.tw-capitalize {
    text-transform: capitalize
}

.tw-leading-\[12px\] {
    line-height: 12px
}

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

.tw-leading-tight {
    line-height: 1.25
}

.\!tw-text-brand-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--tw-color-brand-primary) / var(--tw-text-opacity)) !important
}

.\!tw-text-brand-secondary {
    --tw-text-opacity: 1 !important;
    color: rgb(0, 0, 0) / var(--tw-text-opacity);
}

.\!tw-text-error {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--tw-color-status-error) / var(--tw-text-opacity)) !important
}

.\!tw-text-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity)) !important
}

.\!tw-text-secondary {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--tw-color-secondary) / var(--tw-text-opacity)) !important
}

.\!tw-text-tertiary {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--tw-color-tertiary) / var(--tw-text-opacity)) !important
}

.\!tw-text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.tw-text-\[\#595959\] {
    --tw-text-opacity: 1;
    color: rgb(89 89 89 / var(--tw-text-opacity))
}



.tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.tw-text-border {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-border) / var(--tw-text-opacity))
}

.tw-text-box-background {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-box-background) / var(--tw-text-opacity))
}

.tw-text-brand-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-brand-primary) / var(--tw-text-opacity))
}

.tw-text-brand-primary-accent {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-brand-primary-accent) / var(--tw-text-opacity))
}

.tw-text-brand-secondary {
    --tw-text-opacity: 1;
    color: rgb(0, 0, 0) / var(--tw-text-opacity);
}

.tw-text-brand-tertiary {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-brand-tertiary) / var(--tw-text-opacity))
}

.tw-text-current {
    color: currentColor
}

.tw-text-error {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-status-error) / var(--tw-text-opacity))
}

.tw-text-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity))
}

.tw-text-secondary {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-secondary) / var(--tw-text-opacity))
}

.tw-text-tertiary {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-tertiary) / var(--tw-text-opacity))
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.\!tw-underline {
    text-decoration-line: underline !important
}

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

.tw-line-through {
    text-decoration-line: line-through
}

.\!tw-no-underline {
    text-decoration-line: none !important
}

.tw-accent-background {
    accent-color: rgb(var(--tw-color-background) / 1)
}

.tw-accent-white {
    accent-color: #fff
}

.\!tw-opacity-0 {
    opacity: 0 !important
}

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

.tw-opacity-0 {
    opacity: 0
}

.tw-opacity-100 {
    opacity: 1
}

.tw-opacity-30 {
    opacity: .3
}

.tw-opacity-50 {
    opacity: .5
}

.tw-opacity-70 {
    opacity: .7
}

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

.tw-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tw-ring-offset-background {
    --tw-ring-offset-color: rgb(var(--tw-color-background) / 1)
}

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

.tw-transition-\[padding\,border-color\] {
    transition-property: padding, border-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-transition-\[visibility\] {
    transition-property: visibility;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-duration-200 {
    transition-duration: .2s
}

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

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

.tw-ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.tw-ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@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))
    }
}

.tw-duration-200 {
    animation-duration: .2s
}

.tw-duration-300 {
    animation-duration: .3s
}

.tw-duration-500 {
    animation-duration: .5s
}

.tw-ease-in {
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.tw-ease-in-out {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-ease-out {
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
}

html {
    scroll-behavior: smooth
}

.shopify-payment-button button {
    width: 100% !important;
    border-width: 1px !important;
    border-color: transparent !important;
    padding: 14px 20px !important;
    text-align: center !important;
    --tw-border-opacity: 1 !important;
    border: 1px solid !important;
    border-color: rgb(var(--tw-color-primary) / var(--tw-border-opacity)) !important;
    background-color: transparent !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity)) !important;
    border-style: solid !important
}

.after\:tw-typ-small-1:after {
    content: var(--tw-content);
    font-size: var(--typography-small-1-mobile-font-size);
    font-weight: var(--typography-small-1-mobile-font-weight);
    line-height: var(--typography-small-1-mobile-line-height);
    letter-spacing: var(--typography-small-1-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .after\:tw-typ-small-1:after {
        content: var(--tw-content);
        font-size: var(--typography-small-1-tablet-font-size);
        font-weight: var(--typography-small-1-tablet-font-weight);
        line-height: var(--typography-small-1-tablet-line-height);
        letter-spacing: var(--typography-small-1-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .after\:tw-typ-small-1:after {
        content: var(--tw-content);
        font-size: var(--typography-small-1-desktop-font-size);
        font-weight: var(--typography-small-1-desktop-font-weight);
        line-height: var(--typography-small-1-desktop-line-height);
        letter-spacing: var(--typography-small-1-desktop-letter-spacing)
    }
}

.hover\:tw-button-secondary:hover {
    --tw-border-opacity: 1;
    border: 1px solid;
    border-color: rgb(var(--tw-color-primary) / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .md\:\!tw-typ-h3-subtopic-1-a {
        font-size: var(--typography-h3-subtopic-1-a-desktop-font-size) !important;
        font-weight: var(--typography-h3-subtopic-1-a-desktop-font-weight) !important;
        line-height: var(--typography-h3-subtopic-1-a-desktop-line-height) !important;
        letter-spacing: var(--typography-h3-subtopic-1-a-desktop-letter-spacing) !important
    }
}


@media (min-width: 1024px) {
    .lg\:tw-typ-h3-subtopic-1-b {
        font-size: var(--typography-h3-subtopic-1-b-mobile-font-size);
        font-weight: var(--typography-h3-subtopic-1-b-mobile-font-weight);
        line-height: var(--typography-h3-subtopic-1-b-mobile-line-height);
        letter-spacing: var(--typography-h3-subtopic-1-b-mobile-letter-spacing)
    }

    @media (min-width: 640px) {
        .lg\:tw-typ-h3-subtopic-1-b {
            font-size: var(--typography-h3-subtopic-1-b-tablet-font-size);
            font-weight: var(--typography-h3-subtopic-1-b-tablet-font-weight);
            line-height: var(--typography-h3-subtopic-1-b-tablet-line-height);
            letter-spacing: var(--typography-h3-subtopic-1-b-tablet-letter-spacing)
        }
    }

    .lg\:tw-typ-h3-subtopic-1-b {
        font-size: var(--typography-h3-subtopic-1-b-desktop-font-size);
        font-weight: var(--typography-h3-subtopic-1-b-desktop-font-weight);
        line-height: var(--typography-h3-subtopic-1-b-desktop-line-height);
        letter-spacing: var(--typography-h3-subtopic-1-b-desktop-letter-spacing)
    }

    .lg\:tw-grid-system {
        margin-left: 1rem;
        margin-right: 1rem;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    @media (min-width: 640px) {
        .lg\:tw-grid-system {
            margin-left: 2rem;
            margin-right: 2rem;
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
    }

    .lg\:tw-grid-system {
        margin-left: 120px;
        margin-right: 120px;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    @media (min-width: 1536px) {
        .lg\:tw-grid-system {
            margin-left: auto;
            margin-right: auto;
            max-width: 1296px
        }
    }
}

.\[\&\>a\>span\>span\]\:\!tw-typ-h5-subtopic-3-a>a>span>span {
    font-size: var(--typography-h5-subtopic-3-a-mobile-font-size) !important;
    font-weight: var(--typography-h5-subtopic-3-a-mobile-font-weight) !important;
    line-height: var(--typography-h5-subtopic-3-a-mobile-line-height) !important;
    letter-spacing: var(--typography-h5-subtopic-3-a-mobile-letter-spacing) !important
}

@media (min-width: 640px) {
    .\[\&\>a\>span\>span\]\:\!tw-typ-h5-subtopic-3-a>a>span>span {
        font-size: var(--typography-h5-subtopic-3-a-tablet-font-size) !important;
        font-weight: var(--typography-h5-subtopic-3-a-tablet-font-weight) !important;
        line-height: var(--typography-h5-subtopic-3-a-tablet-line-height) !important;
        letter-spacing: var(--typography-h5-subtopic-3-a-tablet-letter-spacing) !important
    }
}

@media (min-width: 1024px) {
    .\[\&\>a\>span\>span\]\:\!tw-typ-h5-subtopic-3-a>a>span>span {
        font-size: var(--typography-h5-subtopic-3-a-desktop-font-size) !important;
        font-weight: var(--typography-h5-subtopic-3-a-desktop-font-weight) !important;
        line-height: var(--typography-h5-subtopic-3-a-desktop-line-height) !important;
        letter-spacing: var(--typography-h5-subtopic-3-a-desktop-letter-spacing) !important
    }
}

.\[\&\>th\]\:\!tw-typ-h5-subtopic-3-a>th {
    font-size: var(--typography-h5-subtopic-3-a-mobile-font-size) !important;
    font-weight: var(--typography-h5-subtopic-3-a-mobile-font-weight) !important;
    line-height: var(--typography-h5-subtopic-3-a-mobile-line-height) !important;
    letter-spacing: var(--typography-h5-subtopic-3-a-mobile-letter-spacing) !important
}

@media (min-width: 640px) {
    .\[\&\>th\]\:\!tw-typ-h5-subtopic-3-a>th {
        font-size: var(--typography-h5-subtopic-3-a-tablet-font-size) !important;
        font-weight: var(--typography-h5-subtopic-3-a-tablet-font-weight) !important;
        line-height: var(--typography-h5-subtopic-3-a-tablet-line-height) !important;
        letter-spacing: var(--typography-h5-subtopic-3-a-tablet-letter-spacing) !important
    }
}

@media (min-width: 1024px) {
    .\[\&\>th\]\:\!tw-typ-h5-subtopic-3-a>th {
        font-size: var(--typography-h5-subtopic-3-a-desktop-font-size) !important;
        font-weight: var(--typography-h5-subtopic-3-a-desktop-font-weight) !important;
        line-height: var(--typography-h5-subtopic-3-a-desktop-line-height) !important;
        letter-spacing: var(--typography-h5-subtopic-3-a-desktop-letter-spacing) !important
    }
}

.\[\&\>ul\]\:tw-typ-body-2>ul {
    font-size: var(--typography-body-2-mobile-font-size);
    font-weight: var(--typography-body-2-mobile-font-weight);
    line-height: var(--typography-body-2-mobile-line-height);
    letter-spacing: var(--typography-body-2-mobile-letter-spacing)
}

@media (min-width: 640px) {
    .\[\&\>ul\]\:tw-typ-body-2>ul {
        font-size: var(--typography-body-2-tablet-font-size);
        font-weight: var(--typography-body-2-tablet-font-weight);
        line-height: var(--typography-body-2-tablet-line-height);
        letter-spacing: var(--typography-body-2-tablet-letter-spacing)
    }
}

@media (min-width: 1024px) {
    .\[\&\>ul\]\:tw-typ-body-2>ul {
        font-size: var(--typography-body-2-desktop-font-size);
        font-weight: var(--typography-body-2-desktop-font-weight);
        line-height: var(--typography-body-2-desktop-line-height);
        letter-spacing: var(--typography-body-2-desktop-letter-spacing)
    }
}

.placeholder\:tw-text-secondary::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-secondary) / var(--tw-text-opacity))
}

.placeholder\:tw-text-secondary::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-secondary) / var(--tw-text-opacity))
}

.before\:tw-absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:tw-inset-0:before {
    content: var(--tw-content);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.before\:tw-top-\[120px\]:before {
    content: var(--tw-content);
    top: 120px
}

.before\:-tw-z-10:before {
    content: var(--tw-content);
    z-index: -10
}

.before\:tw-rounded-t-\[150px\]:before {
    content: var(--tw-content);
    border-top-left-radius: 150px;
    border-top-right-radius: 150px
}

.before\:tw-shadow-md:before {
    content: var(--tw-content);
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.before\:tw-transition-all:before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.before\:tw-content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:tw-invisible:after {
    content: var(--tw-content);
    visibility: hidden
}

.after\:\!tw-hidden:after {
    content: var(--tw-content);
    display: none !important
}

.first\:tw-border-t-0:first-child {
    border-top-width: 0px
}

.last\:tw-border-b-2:last-child {
    border-bottom-width: 2px
}

.last\:tw-border-box-background:last-child {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-box-background) / var(--tw-border-opacity))
}

.odd\:tw-bg-box-background:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-box-background) / var(--tw-bg-opacity))
}

.open\:tw-border-b[open] {
    border-bottom-width: 1px
}

.open\:tw-border-b-border[open] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--tw-color-border) / var(--tw-border-opacity))
}

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

.empty\:tw-block:empty {
    display: block
}

.empty\:tw-hidden:empty {
    display: none
}

.empty\:after\:tw-content-\[\'hidden\'\]:empty:after {
    --tw-content: "hidden";
    content: var(--tw-content)
}

.hover\:\!tw-block:hover {
    display: block !important
}

.hover\:tw-border-b:hover {
    border-bottom-width: 1px
}

.hover\:tw-border-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-primary) / var(--tw-border-opacity))
}

.hover\:tw-bg-box-background:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-box-background) / var(--tw-bg-opacity))
}

.hover\:tw-underline:hover {
    text-decoration-line: underline
}

.hover\:\!tw-no-underline:hover {
    text-decoration-line: none !important
}

.hover\:tw-opacity-100:hover {
    opacity: 1
}

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

.focus\:tw-bg-box-background:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-box-background) / var(--tw-bg-opacity))
}

.focus\:tw-text-primary:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity))
}

.focus\:tw-underline:focus {
    text-decoration-line: underline
}

.focus\:tw-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

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

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

.focus\:tw-ring-secondary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--tw-color-secondary) / var(--tw-ring-opacity))
}

.focus\:tw-ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus-visible\:tw-outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.disabled\:tw-pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:tw-hidden:disabled {
    display: none
}

.disabled\:tw-cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:tw-opacity-50:disabled {
    opacity: .5
}

.tw-group[open] .group-open\:-tw-rotate-180 {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-group[open] .group-open\:tw-rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-group[open] .group-open\:tw-pb-7 {
    padding-bottom: 28px
}

.tw-group\/comparator:hover .group-hover\/comparator\:tw-ml-2 {
    margin-left: 8px
}

.tw-group:hover .group-hover\:\!tw-block {
    display: block !important
}

.tw-group:hover .group-hover\:tw-block {
    display: block
}

.tw-group\/comparator:hover .group-hover\/comparator\:tw-w-\[200px\] {
    width: 200px
}

.tw-group:hover .group-hover\:\!tw-opacity-100 {
    opacity: 1 !important
}

.tw-group:hover .group-hover\:tw-opacity-0 {
    opacity: 0
}

.tw-group:hover .group-hover\:tw-opacity-100 {
    opacity: 1
}

.tw-group:hover .group-hover\:tw-shadow-\[0_9999px_0_9999px_rgba\(89\,89\,89\,0\.7\)\] {
    --tw-shadow: 0 9999px 0 9999px rgba(89, 89, 89, .7);
    --tw-shadow-colored: 0 9999px 0 9999px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-peer\/airline:checked~.peer-checked\/airline\:tw-block {
    display: block
}

.tw-peer\/description:checked~.peer-checked\/description\:tw-block {
    display: block
}

.tw-peer\/features:checked~.peer-checked\/features\:tw-block {
    display: block
}

.tw-peer\/imperial-modal:checked~.peer-checked\/imperial-modal\:tw-block {
    display: block
}

.tw-peer\/mateniance:checked~.peer-checked\/mateniance\:tw-block {
    display: block
}

.tw-peer\/metric-modal:checked~.peer-checked\/metric-modal\:tw-block {
    display: block
}

.tw-peer\/specifications:checked~.peer-checked\/specifications\:tw-block {
    display: block
}

.tw-peer:checked~.peer-checked\:tw-block {
    display: block
}

.tw-peer\/imperial:checked~.peer-checked\/imperial\:tw-table {
    display: table
}

.tw-peer\/metric:checked~.peer-checked\/metric\:tw-table {
    display: table
}

.tw-peer:checked~.peer-checked\:tw-hidden {
    display: none
}

.tw-peer:checked~.peer-checked\:tw-border {
    border-width: 1px
}

.tw-peer:checked~.peer-checked\:tw-border-b-2 {
    border-bottom-width: 2px
}

.tw-peer:checked~.peer-checked\:tw-border-border {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-border) / var(--tw-border-opacity))
}

.tw-peer:checked~.peer-checked\:tw-border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--tw-color-primary) / var(--tw-border-opacity))
}

.tw-peer:checked~.peer-checked\:tw-p-1 {
    padding: 4px
}

.tw-peer:checked~.peer-checked\:tw-pb-\[7px\] {
    padding-bottom: 7px
}

.tw-peer:disabled~.peer-disabled\:tw-block {
    display: block
}

.tw-peer:disabled~.peer-disabled\:tw-cursor-not-allowed {
    cursor: not-allowed
}

.data-\[disabled\]\:tw-pointer-events-none[data-disabled] {
    pointer-events: none
}

.data-\[side\=bottom\]\:tw-translate-y-1[data-side=bottom] {
    --tw-translate-y: 4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=left\]\:tw--translate-x-1[data-side=left] {
    --tw-translate-x: -4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=right\]\:tw-translate-x-1[data-side=right] {
    --tw-translate-x: 4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=top\]\:tw--translate-y-1[data-side=top] {
    --tw-translate-y: -4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[disabled\]\:tw-cursor-not-allowed[data-disabled] {
    cursor: not-allowed
}

.data-\[state\=open\]\:tw-bg-secondary[data-state=open] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-secondary) / var(--tw-bg-opacity))
}

.data-\[disabled\]\:tw-opacity-50[data-disabled] {
    opacity: .5
}

.data-\[state\=closed\]\:tw-duration-300[data-state=closed] {
    transition-duration: .3s
}

.data-\[state\=open\]\:tw-duration-500[data-state=open] {
    transition-duration: .5s
}

.data-\[state\=open\]\:tw-animate-in[data-state=open] {
    animation-name: enter;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.data-\[state\=closed\]\:tw-animate-out[data-state=closed] {
    animation-name: exit;
    animation-duration: .15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial
}

.data-\[state\=closed\]\:tw-fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0
}

.data-\[state\=open\]\:tw-fade-in-0[data-state=open] {
    --tw-enter-opacity: 0
}

.data-\[state\=closed\]\:tw-zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95
}

.data-\[state\=open\]\:tw-zoom-in-95[data-state=open] {
    --tw-enter-scale: .95
}

.data-\[side\=bottom\]\:tw-slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: -8px
}

.data-\[side\=left\]\:tw-slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: 8px
}

.data-\[side\=right\]\:tw-slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: -8px
}

.data-\[side\=top\]\:tw-slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: 8px
}

.data-\[state\=closed\]\:tw-slide-out-to-bottom[data-state=closed] {
    --tw-exit-translate-y: 100%
}

.data-\[state\=closed\]\:tw-slide-out-to-left[data-state=closed] {
    --tw-exit-translate-x: -100%
}

.data-\[state\=closed\]\:tw-slide-out-to-right[data-state=closed] {
    --tw-exit-translate-x: 100%
}

.data-\[state\=closed\]\:tw-slide-out-to-top[data-state=closed] {
    --tw-exit-translate-y: -100%
}

.data-\[state\=open\]\:tw-slide-in-from-bottom[data-state=open] {
    --tw-enter-translate-y: 100%
}

.data-\[state\=open\]\:tw-slide-in-from-left[data-state=open] {
    --tw-enter-translate-x: -100%
}

.data-\[state\=open\]\:tw-slide-in-from-right[data-state=open] {
    --tw-enter-translate-x: 100%
}

.data-\[state\=open\]\:tw-slide-in-from-top[data-state=open] {
    --tw-enter-translate-y: -100%
}

.data-\[state\=closed\]\:tw-duration-300[data-state=closed] {
    animation-duration: .3s
}

.data-\[state\=open\]\:tw-duration-500[data-state=open] {
    animation-duration: .5s
}

.tw-group[data-indeterminate] .group-data-\[indeterminate\]\:tw-bg-box-background {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-box-background) / var(--tw-bg-opacity))
}

.tw-group[data-focus-visible] .group-data-\[focus-visible\]\:tw-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tw-group[data-focus-visible] .group-data-\[focus-visible\]\:tw-ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.tw-group[data-focus-visible] .group-data-\[focus-visible\]\:tw-ring-offset-2 {
    --tw-ring-offset-width: 2px
}

@media (hover:hover) and (pointer:fine) {
    .supports-hover\:tw-block {
        display: block
    }

    .supports-hover\:tw-opacity-0 {
        opacity: 0
    }

    .supports-hover\:hover\:tw-bg-background:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--tw-color-background) / var(--tw-bg-opacity))
    }

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

    .tw-group:hover .supports-hover\:group-hover\:\!tw-visible {
        visibility: visible !important
    }

    .tw-group:hover .supports-hover\:group-hover\:tw-visible {
        visibility: visible
    }

    .tw-group:hover .supports-hover\:group-hover\:tw-max-h-16 {
        max-height: 64px
    }

    .tw-group:hover .supports-hover\:group-hover\:tw-opacity-100 {
        opacity: 1
    }
}

@media not all and (min-width: 1024px) {
    .max-lg\:\!tw-hidden {
        display: none !important
    }
}

@media not all and (min-width: 768px) {
    .max-md\:tw-hidden {
        display: none
    }
}

@media not all and (min-width: 640px) {
    .max-sm\:tw-flex-col {
        flex-direction: column
    }
}

@media (min-width: 640px) {
    .sm\:\!tw-relative {
        position: relative !important
    }

    .sm\:tw-col-auto {
        grid-column: auto
    }

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

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

    .sm\:tw-col-span-5 {
        grid-column: span 5 / span 5
    }

    .sm\:tw-col-span-8 {
        grid-column: span 8 / span 8
    }

    .sm\:tw-row-start-3 {
        grid-row-start: 3
    }

    .sm\:\!tw-m-0 {
        margin: 0 !important
    }

    .sm\:tw-mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:tw-mx-8 {
        margin-left: 32px;
        margin-right: 32px
    }

    .sm\:\!tw-mb-5 {
        margin-bottom: 20px !important
    }

    .sm\:\!tw-ml-0 {
        margin-left: 0 !important
    }

    .sm\:\!tw-ml-8 {
        margin-left: 32px !important
    }

    .sm\:\!tw-mr-0 {
        margin-right: 0 !important
    }

    .sm\:\!tw-mr-8 {
        margin-right: 32px !important
    }

    .sm\:tw-mb-0 {
        margin-bottom: 0
    }

    .sm\:tw-mb-5 {
        margin-bottom: 20px
    }

    .sm\:tw-ml-8 {
        margin-left: 32px
    }

    .sm\:tw-mr-8 {
        margin-right: 32px
    }

    .sm\:tw-mt-0 {
        margin-top: 0
    }

    .sm\:tw-mt-10 {
        margin-top: 40px
    }

    .sm\:tw-mt-24 {
        margin-top: 96px
    }

    .sm\:tw-mt-5 {
        margin-top: 20px
    }

    .sm\:\!tw-block {
        display: block !important
    }

    .sm\:tw-block {
        display: block
    }

    .sm\:\!tw-flex {
        display: flex !important
    }

    .sm\:tw-flex {
        display: flex
    }

    .sm\:\!tw-hidden {
        display: none !important
    }

    .sm\:tw-hidden {
        display: none
    }

    .sm\:tw-h-20 {
        height: 80px
    }

    .sm\:tw-max-h-\[278px\] {
        max-height: 278px
    }

    .sm\:\!tw-w-1\/2 {
        width: 50% !important
    }

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

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

    .sm\:tw-w-10\/12 {
        width: 83.333333%
    }

    .sm\:tw-w-16 {
        width: 64px
    }

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

    .sm\:\!tw-max-w-\[226px\] {
        max-width: 226px !important
    }

    .sm\:\!tw-max-w-md {
        max-width: 448px !important
    }

    .sm\:tw-max-w-sm {
        max-width: 384px
    }

    .sm\:\!tw-basis-full {
        flex-basis: 100% !important
    }

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

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

    .sm\:tw-basis-2\/3 {
        flex-basis: 66.666667%
    }

    .sm\:tw-basis-2\/5 {
        flex-basis: 40%
    }

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

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

    .sm\:tw-flex-col {
        flex-direction: column
    }

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

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

    .sm\:tw-justify-center {
        justify-content: center
    }

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

    .sm\:tw-gap-x-12 {
        -moz-column-gap: 48px;
        column-gap: 48px
    }

    .sm\:tw-gap-x-32 {
        -moz-column-gap: 128px;
        column-gap: 128px
    }

    .sm\:tw-gap-x-5 {
        -moz-column-gap: 20px;
        column-gap: 20px
    }

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

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

    .sm\:tw-border {
        border-width: 1px
    }

    .sm\:tw-border-t {
        border-top-width: 1px
    }

    .sm\:tw-border-solid {
        border-style: solid
    }

    .sm\:tw-border-none {
        border-style: none
    }

    .sm\:tw-border-border {
        --tw-border-opacity: 1;
        border-color: rgb(var(--tw-color-border) / var(--tw-border-opacity))
    }

    .sm\:tw-p-20 {
        padding: 80px
    }

    .sm\:tw-p-5 {
        padding: 20px
    }

    .sm\:tw-p-8 {
        padding: 32px
    }

    .sm\:\!tw-py-7 {
        padding-top: 28px !important;
        padding-bottom: 28px !important
    }

    .sm\:tw-px-16 {
        padding-left: 64px;
        padding-right: 64px
    }

    .sm\:tw-px-4 {
        padding-left: 16px;
        padding-right: 16px
    }

    .sm\:tw-px-5 {
        padding-left: 20px;
        padding-right: 20px
    }

    .sm\:tw-py-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .sm\:tw-py-2\.5 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .sm\:tw-py-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .sm\:\!tw-pl-8 {
        padding-left: 32px !important
    }

    .sm\:\!tw-pr-8 {
        padding-right: 32px !important
    }

    .sm\:tw-pt-10 {
        padding-top: 40px
    }

    .sm\:tw-pt-2 {
        padding-top: 8px
    }

    .sm\:tw-pt-2\.5 {
        padding-top: 10px
    }

    .sm\:tw-text-left {
        text-align: left
    }

    .sm\:tw-text-right {
        text-align: right
    }

    .sm\:\!tw-opacity-0 {
        opacity: 0 !important
    }
}

@media (hover:hover) and (pointer:fine) {
    @media (min-width: 640px) {
        .supports-hover\:sm\:tw-flex {
            display: flex
        }
    }
}

@media (min-width: 768px) {
    .md\:tw-left-\[-2rem\] {
        left: -2rem
    }

    .md\:tw-left-\[12\%\] {
        left: 12%
    }

    .md\:tw-right-\[-2rem\] {
        right: -2rem
    }

    .md\:tw-top-\[35\%\] {
        top: 35%
    }

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

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

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

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

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

    .md\:tw-col-start-1 {
        grid-column-start: 1
    }

    .md\:tw-col-start-2 {
        grid-column-start: 2
    }

    .md\:tw-col-start-3 {
        grid-column-start: 3
    }

    .md\:tw-col-start-5 {
        grid-column-start: 5
    }

    .md\:tw-col-start-6 {
        grid-column-start: 6
    }

    .md\:tw-m-0 {
        margin: 0
    }

    .md\:tw-mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:tw-my-\[65px\] {
        margin-top: 65px;
        margin-bottom: 65px
    }

    .md\:\!tw-mr-0 {
        margin-right: 0 !important
    }

    .md\:tw-mb-16 {
        margin-bottom: 64px
    }

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

    .md\:tw-mb-\[24px\] {
        margin-bottom: 24px
    }

    .md\:tw-ml-4 {
        margin-left: 16px
    }

    .md\:tw-mt-0 {
        margin-top: 0
    }

    .md\:tw-mt-3 {
        margin-top: 12px
    }

    .md\:tw-mt-\[32px\] {
        margin-top: 32px
    }

    .md\:\!tw-block {
        display: block !important
    }

    .md\:tw-block {
        display: block
    }

    .md\:\!tw-flex {
        display: flex !important
    }

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

    .md\:\!tw-inline-table {
        display: inline-table !important
    }

    .md\:\!tw-table-cell {
        display: table-cell !important
    }

    .md\:tw-table-cell {
        display: table-cell
    }

    .md\:\!tw-table-header-group {
        display: table-header-group !important
    }

    .md\:\!tw-table-row {
        display: table-row !important
    }

    .md\:\!tw-hidden {
        display: none !important
    }

    .md\:tw-hidden {
        display: none
    }

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

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

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

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

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

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

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

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

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

    .md\:tw-h-auto {
        height: auto
    }

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

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

    .md\:tw-w-1\/3 {
        width: 33.333333%
    }

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

    .md\:tw-w-3\/5 {
        width: 60%
    }

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

    .md\:tw-w-\[178px\] {
        width: 178px
    }

    .md\:tw-w-\[211px\] {
        width: 211px
    }

    .md\:tw-w-\[250px\] {
        width: 250px
    }

    .md\:tw-w-\[25px\] {
        width: 25px
    }

    .md\:tw-w-\[361px\] {
        width: 361px
    }

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

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

    .md\:tw-w-\[83px\] {
        width: 83px
    }

    .md\:tw-w-\[calc\(25\%_-_16px\)\] {
        width: calc(25% - 16px)
    }

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

    .md\:\!tw-min-w-\[240px\] {
        min-width: 240px !important
    }

    .md\:tw-min-w-\[216px\] {
        min-width: 216px
    }

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

    .md\:tw-min-w-max {
        min-width: -moz-max-content;
        min-width: max-content
    }

    .md\:\!tw-max-w-\[160px\] {
        max-width: 160px !important
    }

    .md\:tw-max-w-3xl {
        max-width: 768px
    }

    .md\:tw-flex-\[0_0_33\%\] {
        flex: 0 0 33%
    }

    .md\:\!tw-basis-full {
        flex-basis: 100% !important
    }

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

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

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

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

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

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

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

    .md\:tw-flex-col {
        flex-direction: column
    }

    .md\:tw-items-baseline {
        align-items: baseline
    }

    .md\:tw-justify-end {
        justify-content: flex-end
    }

    .md\:tw-justify-center {
        justify-content: center
    }

    .md\:tw-justify-between {
        justify-content: space-between
    }

    .md\:tw-gap-0 {
        gap: 0px
    }

    .md\:tw-gap-3 {
        gap: 12px
    }

    .md\:tw-gap-y-\[40px\] {
        row-gap: 40px
    }

    .md\:tw-gap-y-\[54px\] {
        row-gap: 54px
    }

    .md\:tw-overflow-x-auto {
        overflow-x: auto
    }

    .md\:tw-overflow-x-hidden {
        overflow-x: hidden
    }

    .md\:tw-border-transparent {
        border-color: transparent
    }

    .md\:tw-bg-\[\#fafafa\] {
        --tw-bg-opacity: 1;
        background-color: rgb(250 250 250 / var(--tw-bg-opacity))
    }

    .md\:tw-bg-transparent {
        background-color: transparent
    }

    .md\:tw-p-0 {
        padding: 0
    }

    .md\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:tw-px-7 {
        padding-left: 28px;
        padding-right: 28px
    }

    .md\:tw-px-\[0px\] {
        padding-left: 0;
        padding-right: 0
    }

    .md\:tw-px-\[47px\] {
        padding-left: 47px;
        padding-right: 47px
    }

    .md\:tw-px-\[90px\] {
        padding-left: 90px;
        padding-right: 90px
    }

    .md\:tw-py-52 {
        padding-top: 208px;
        padding-bottom: 208px
    }

    .md\:tw-py-\[65px\] {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .md\:tw-pb-\[100px\] {
        padding-bottom: 100px
    }

    .md\:tw-pb-\[50px\] {
        padding-bottom: 50px
    }

    .md\:tw-pl-0 {
        padding-left: 0
    }

    .md\:tw-pl-4 {
        padding-left: 16px
    }

    .md\:tw-pl-8 {
        padding-left: 32px
    }

    .md\:tw-pr-10 {
        padding-right: 40px
    }

    .md\:tw-pr-4 {
        padding-right: 16px
    }

    .md\:tw-pt-10 {
        padding-top: 40px
    }

    .md\:tw-pt-\[50px\] {
        padding-top: 50px
    }

    .md\:tw-pt-\[60px\] {
        padding-top: 60px
    }

    .md\:tw-text-center {
        text-align: center
    }

    .md\:tw-text-start {
        text-align: start
    }

    .md\:tw-text-\[15px\] {
        font-size: 15px
    }
}

@media (min-width: 1024px) {
    .lg\:tw-relative {
        position: relative
    }

    .lg\:-tw-left-10 {
        left: -40px
    }

    .lg\:-tw-right-10 {
        right: -40px
    }

    .lg\:tw-left-\[8\%\] {
        left: 8%
    }

    .lg\:\!tw-col-span-1 {
        grid-column: span 1 / span 1 !important
    }

    .lg\:\!tw-col-span-2 {
        grid-column: span 2 / span 2 !important
    }

    .lg\:\!tw-col-span-9 {
        grid-column: span 9 / span 9 !important
    }

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

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

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

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

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

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

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

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

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

    .lg\:tw-col-start-2 {
        grid-column-start: 2
    }

    .lg\:tw-col-start-3 {
        grid-column-start: 3
    }

    .lg\:tw-col-start-5 {
        grid-column-start: 5
    }

    .lg\:tw-col-start-7 {
        grid-column-start: 7
    }

    .lg\:tw-col-start-8 {
        grid-column-start: 8
    }

    .lg\:tw-col-end-12 {
        grid-column-end: 12
    }

    .lg\:tw-row-start-1 {
        grid-row-start: 1
    }

    .lg\:tw-row-start-auto {
        grid-row-start: auto
    }

    .lg\:\!tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .lg\:tw-mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:tw-mx-5 {
        margin-left: 20px;
        margin-right: 20px
    }

    .lg\:tw-mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:\!tw-ml-0 {
        margin-left: 0 !important
    }

    .lg\:\!tw-ml-32 {
        margin-left: 128px !important
    }

    .lg\:\!tw-ml-auto {
        margin-left: auto !important
    }

    .lg\:\!tw-mr-32 {
        margin-right: 128px !important
    }

    .lg\:\!tw-mr-auto {
        margin-right: auto !important
    }

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

    .lg\:tw-mb-2 {
        margin-bottom: 8px
    }

    .lg\:tw-mb-3 {
        margin-bottom: 12px
    }

    .lg\:tw-mb-5 {
        margin-bottom: 20px
    }

    .lg\:tw-mb-\[32px\] {
        margin-bottom: 32px
    }

    .lg\:tw-mb-\[40px\] {
        margin-bottom: 40px
    }

    .lg\:tw-mb-\[45px\] {
        margin-bottom: 45px
    }

    .lg\:tw-mb-\[46px\] {
        margin-bottom: 46px
    }

    .lg\:tw-mb-\[60px\] {
        margin-bottom: 60px
    }

    .lg\:tw-mb-\[68px\] {
        margin-bottom: 68px
    }

    .lg\:tw-mb-\[74px\] {
        margin-bottom: 74px
    }

    .lg\:tw-ml-4 {
        margin-left: 16px
    }

    .lg\:tw-ml-auto {
        margin-left: auto
    }

    .lg\:tw-mr-auto {
        margin-right: auto
    }

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

    .lg\:tw-mt-10 {
        margin-top: 40px
    }

    .lg\:tw-mt-2 {
        margin-top: 8px
    }

    .lg\:tw-mt-4 {
        margin-top: 16px
    }

    .lg\:tw-mt-\[44px\] {
        margin-top: 44px
    }

    .lg\:tw-mt-\[50px\] {
        margin-top: 50px
    }

    .lg\:\!tw-block {
        display: block !important
    }

    .lg\:tw-block {
        display: block
    }

    .lg\:\!tw-flex {
        display: flex !important
    }

    .lg\:tw-flex {
        display: flex
    }

    .lg\:\!tw-grid {
        display: grid !important
    }

    .lg\:tw-grid {
        display: grid
    }

    .lg\:\!tw-hidden {
        display: none !important
    }

    .lg\:tw-hidden {
        display: none
    }

    .lg\:tw-h-\[1040px\] {
        height: 1040px
    }

    .lg\:tw-h-\[245px\] {
        height: 245px
    }

    .lg\:tw-h-\[510px\] {
        height: 510px
    }

    .lg\:tw-h-\[515px\] {
        height: 515px
    }

    .lg\:tw-h-\[754px\] {
        height: 754px
    }

    .lg\:tw-h-\[800px\] {
        height: 800px
    }

    .lg\:tw-max-h-40 {
        max-height: 160px
    }

    .lg\:tw-max-h-full {
        max-height: 100%
    }

    .lg\:\!tw-w-1\/4 {
        width: 25% !important
    }

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

    .lg\:tw-w-1\/3 {
        width: 33.333333%
    }

    .lg\:tw-w-2\/5 {
        width: 40%
    }

    .lg\:tw-w-32 {
        width: 128px
    }

    .lg\:tw-w-\[10\%\] {
        width: 10%
    }

    .lg\:tw-w-\[216px\] {
        width: 216px
    }

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

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

    .lg\:tw-w-\[405px\] {
        width: 405px
    }

    .lg\:tw-w-\[450px\] {
        width: 450px
    }

    .lg\:tw-w-\[calc\(16\%_-_16px\)\] {
        width: calc(16% - 16px)
    }

    .lg\:tw-min-w-\[245px\] {
        min-width: 245px
    }

    .lg\:tw-min-w-\[400px\] {
        min-width: 400px
    }

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

    .lg\:tw-max-w-\[391px\] {
        max-width: 391px
    }

    .lg\:tw-flex-\[0_0_25\%\] {
        flex: 0 0 25%
    }

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

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

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

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

    .lg\:tw-flex-col {
        flex-direction: column
    }

    .lg\:tw-flex-wrap {
        flex-wrap: wrap
    }

    .lg\:tw-flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:tw-items-start {
        align-items: flex-start
    }

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

    .lg\:\!tw-justify-center {
        justify-content: center !important
    }

    .lg\:tw-justify-center {
        justify-content: center
    }

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

    .lg\:tw-justify-items-center {
        justify-items: center
    }

    .lg\:tw-gap-14 {
        gap: 56px
    }

    .lg\:tw-gap-2 {
        gap: 8px
    }

    .lg\:tw-gap-2\.5 {
        gap: 10px
    }

    .lg\:tw-gap-5 {
        gap: 20px
    }

    .lg\:tw-gap-6 {
        gap: 24px
    }

    .lg\:tw-gap-8 {
        gap: 32px
    }

    .lg\:tw-gap-x-28 {
        -moz-column-gap: 112px;
        column-gap: 112px
    }

    .lg\:tw-gap-x-5 {
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .lg\:tw-gap-x-60 {
        -moz-column-gap: 240px;
        column-gap: 240px
    }

    .lg\:tw-gap-x-8 {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .lg\:tw-gap-y-0 {
        row-gap: 0px
    }

    .lg\:tw-gap-y-16 {
        row-gap: 64px
    }

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

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

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

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

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

    .lg\:tw-justify-self-auto {
        justify-self: auto
    }

    .lg\:tw-justify-self-center {
        justify-self: center
    }

    .lg\:tw-overflow-x-hidden {
        overflow-x: hidden
    }

    .lg\:tw-bg-box-background {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--tw-color-box-background) / var(--tw-bg-opacity))
    }

    .lg\:tw-p-0 {
        padding: 0
    }

    .lg\:tw-p-5 {
        padding: 20px
    }

    .lg\:\!tw-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

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

    .lg\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:tw-px-11 {
        padding-left: 44px;
        padding-right: 44px
    }

    .lg\:tw-px-5 {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:tw-px-60 {
        padding-left: 240px;
        padding-right: 240px
    }

    .lg\:tw-px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px
    }

    .lg\:tw-px-\[110px\] {
        padding-left: 110px;
        padding-right: 110px
    }

    .lg\:tw-px-\[120px\] {
        padding-left: 120px;
        padding-right: 120px
    }

    .lg\:tw-px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .lg\:tw-px-\[75px\] {
        padding-left: 75px;
        padding-right: 75px
    }

    .lg\:tw-px-\[84px\] {
        padding-left: 84px;
        padding-right: 84px
    }

    .lg\:tw-py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .lg\:tw-py-\[110px\] {
        padding-top: 110px;
        padding-bottom: 110px
    }

    .lg\:tw-py-\[130px\] {
        padding-top: 130px;
        padding-bottom: 130px
    }

    .lg\:tw-py-\[132px\] {
        padding-top: 132px;
        padding-bottom: 132px
    }

    .lg\:tw-py-\[70px\] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .lg\:tw-py-\[90px\] {
        padding-top: 90px;
        padding-bottom: 90px
    }

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

    .lg\:\!tw-pl-32 {
        padding-left: 128px !important
    }

    .lg\:\!tw-pr-0 {
        padding-right: 0 !important
    }

    .lg\:\!tw-pr-32 {
        padding-right: 128px !important
    }

    .lg\:tw-pb-5 {
        padding-bottom: 20px
    }

    .lg\:tw-pb-\[70px\] {
        padding-bottom: 70px
    }

    .lg\:tw-pl-6 {
        padding-left: 24px
    }

    .lg\:tw-pl-\[120px\] {
        padding-left: 120px
    }

    .lg\:tw-pr-14 {
        padding-right: 56px
    }

    .lg\:tw-pr-\[108px\] {
        padding-right: 108px
    }

    .lg\:tw-pt-\[100px\] {
        padding-top: 100px
    }

    .lg\:tw-pt-\[50px\] {
        padding-top: 50px
    }

    .lg\:tw-text-2xl {
        font-size: 24px;
        line-height: 32px
    }

    .lg\:\!tw-opacity-0 {
        opacity: 0 !important
    }

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

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

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

    .lg\:hover\:tw-border-transparent:hover {
        border-color: transparent
    }

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

    .tw-group:hover .lg\:group-hover\:tw-block {
        display: block
    }

    .tw-group:hover .lg\:group-hover\:tw-opacity-100 {
        opacity: 1
    }
}

@media (min-width: 1280px) {
    .xl\:tw-order-1 {
        order: 1
    }

    .xl\:tw-order-2 {
        order: 2
    }

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

    .xl\:tw-col-span-5 {
        grid-column: span 5 / span 5
    }

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

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

    .xl\:tw-col-start-2 {
        grid-column-start: 2
    }

    .xl\:tw-mx-\[120px\] {
        margin-left: 120px;
        margin-right: 120px
    }

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

    .xl\:tw-w-1\/3 {
        width: 33.333333%
    }

    .xl\:tw-w-\[119px\] {
        width: 119px
    }

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

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

    .xl\:tw-flex-row-reverse {
        flex-direction: row-reverse
    }

    .xl\:tw-gap-8 {
        gap: 32px
    }

    .xl\:tw-gap-\[91px\] {
        gap: 91px
    }

    .xl\:tw-p-24 {
        padding: 96px
    }

    .xl\:tw-p-5 {
        padding: 20px
    }

    .xl\:tw-px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 1536px) {
    .\32xl\:tw-w-3\/12 {
        width: 25%
    }

    .\32xl\:tw-max-w-\[420px\] {
        max-width: 420px
    }
}

.\[\&\+img\]\:hover\:tw-opacity-100:hover+img {
    opacity: 1
}

.\[\&\+label\]\:tw-bg-box-background+label {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-box-background) / var(--tw-bg-opacity))
}

.\[\&\+picture\>img\]\:tw-opacity-0+picture>img {
    opacity: 0
}

.\[\&\.open\>\#customization-drawer-content\]\:tw-translate-x-0.open>#customization-drawer-content {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\.open\>\#customization-drawer-overlay\]\:tw-opacity-50.open>#customization-drawer-overlay {
    opacity: .5
}

.\[\&\.open\]\:tw-visible.open {
    visibility: visible
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:tw-rounded-full::-webkit-scrollbar-thumb {
    border-radius: 9999px
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:tw-bg-secondary::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-secondary) / var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-scrollbar-track\]\:tw-rounded-full::-webkit-scrollbar-track {
    border-radius: 9999px
}

.\[\&\:\:-webkit-scrollbar-track\]\:tw-bg-tertiary::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-tertiary) / var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-scrollbar\]\:tw-h-2::-webkit-scrollbar {
    height: 8px
}

.\[\&\:checked\+label\]\:tw-bg-brand-tertiary:checked+label {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-brand-tertiary) / var(--tw-bg-opacity))
}

.\[\&\:checked\+label\]\:tw-text-background:checked+label {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-background) / var(--tw-text-opacity))
}

.\[\&\:checked\+label\]\:tw-text-white:checked+label {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.\[\&\:disabled\+label\]\:tw-cursor-not-allowed:disabled+label {
    cursor: not-allowed
}

.\[\&\:disabled\+label\]\:tw-bg-gray-400:disabled+label {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.\[\&\:disabled\+label\]\:tw-opacity-60:disabled+label {
    opacity: .6
}

.\[\&\:empty\~div\]\:tw-hidden:empty~div {
    display: none
}

.\[\&\:has\(\~li\:hover\)_div\.tabs-menu_div\.collection-list\]\:tw-hidden:has(~li:hover) div.tabs-menu div.collection-list {
    display: none
}

.\[\&\:hover\+picture\>img\]\:tw-opacity-100:hover+picture>img {
    opacity: 1
}

.\[\&\:hover\>span\]\:tw-flex:hover>span {
    display: flex
}

.\[\&\:hover_div\.tabs-menu_div\.collection-list\]\:tw-grid:hover div.tabs-menu div.collection-list {
    display: grid
}

.\[\&\:hover\~\.product-img\]\:\!tw-opacity-0:hover~.product-img {
    opacity: 0 !important
}

.\[\&\>\*\:not\(\.active\)\]\:tw-hidden>*:not(.active) {
    display: none
}

.\[\&\>\*\]\:tw-pointer-events-none>* {
    pointer-events: none
}

.\[\&\>\*\]\:tw-h-full>* {
    height: 100%
}

.\[\&\>\*\]\:tw-w-full>* {
    width: 100%
}

.\[\&\>\*\]\:tw-text-primary>* {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity))
}

.\[\&\>\.card\>\.card-content\>\.tw-button\]\:tw-hidden>.card>.card-content>.tw-button {
    display: none
}

.\[\&\>\.card\>\.card-content\>\.tw-button\]\:hover\:tw-opacity-100:hover>.card>.card-content>.tw-button {
    opacity: 1
}

@media (hover:hover) and (pointer:fine) {
    .\[\&\>\.card\>\.card-content\>\.tw-button\]\:supports-hover\:tw-block>.card>.card-content>.tw-button {
        display: block
    }

    .\[\&\>\.card\>\.card-content\>\.tw-button\]\:supports-hover\:tw-opacity-0>.card>.card-content>.tw-button {
        opacity: 0
    }
}

.\[\&\>\.icon-caret\]\:tw-w-3>.icon-caret {
    width: 12px
}

.\[\&\>\.icon-caret\]\:tw-w-4>.icon-caret {
    width: 16px
}

.\[\&\>\.icon-caret\]\:-tw-rotate-90>.icon-caret {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\>\.icon\]\:tw-w-2>.icon {
    width: 8px
}

.\[\&\>\.ss\\_\\_autocomplete--target\]\:tw-flex>.ss__autocomplete--target {
    display: flex
}

.\[\&\>\.ss\\_\\_autocomplete--target\]\:tw-flex-grow>.ss__autocomplete--target {
    flex-grow: 1
}

.\[\&\>\.ss\\_\\_autocomplete--target\]\:tw-flex-col>.ss__autocomplete--target {
    flex-direction: column
}

.\[\&\>\.ss\\_\\_autocomplete--target\]\:tw-overflow-hidden>.ss__autocomplete--target {
    overflow: hidden
}

.\[\&\>a\:hover\]\:\!tw-no-underline>a:hover {
    text-decoration-line: none !important
}

.\[\&\>a\>span\>span\]\:tw-text-primary>a>span>span {
    --tw-text-opacity: 1;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity))
}

.\[\&\>div\:first-child\>section\>div\>div\>h4\]\:tw-visible>div:first-child>section>div>div>h4 {
    visibility: visible
}

.\[\&\>div\>div\>div\>div\]\:\!tw-max-h-\[300px\]>div>div>div>div {
    max-height: 300px !important
}

.\[\&\>div\>div\>div\]\:\!tw-max-h-\[775px\]>div>div>div {
    max-height: 775px !important
}

.\[\&\>div\>div\>div\]\:\!tw-max-h-\[794px\]>div>div>div {
    max-height: 794px !important
}

.\[\&\>div\>div\]\:tw-items-center>div>div {
    align-items: center
}

.tw-peer:hover~.peer-hover\:\[\&\>div\>span\]\:tw-bg-black>div>span {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.\[\&\>div\]\:tw-flex>div {
    display: flex
}

.\[\&\>div\]\:tw-max-w-xs>div {
    max-width: 320px
}

.\[\&\>div\]\:tw-flex-col>div {
    flex-direction: column
}

.\[\&\>div\]\:tw-items-center>div {
    align-items: center
}

.\[\&\>div\]\:tw-bg-background>div {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--tw-color-background) / var(--tw-bg-opacity))
}

.\[\&\>img\]\:tw-object-contain>img {
    -o-object-fit: contain;
    object-fit: contain
}

.\[\&\>li\:first-child\]\:\!tw-col-span-2>li:first-child {
    grid-column: span 2 / span 2 !important
}

.\[\&\>li\:last-child\]\:tw-border-b-0>li:last-child {
    border-bottom-width: 0px
}

.\[\&\>p\]\:\!tw-max-w-none>p {
    max-width: none !important
}

.\[\&\>span\]\:tw-line-clamp-1>span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.\[\&\>span\]\:tw-hidden>span {
    display: none
}

.\[\&\>svg\]\:tw-h-full>svg {
    height: 100%
}

.\[\&\>svg\]\:tw-w-2\/3>svg {
    width: 66.666667%
}

.\[\&\>svg\]\:tw-w-full>svg {
    width: 100%
}

.\[\&\>td\]\:\!tw-p-2>td {
    padding: 8px !important
}

.\[\&\>td\]\:\!tw-align-middle>td {
    vertical-align: middle !important
}

.\[\&\>th\]\:\!tw-border-none>th {
    border-style: none !important
}

.\[\&\>th\]\:\!tw-normal-case>th {
    text-transform: none !important
}

.\[\&\>th\]\:\!tw-text-primary>th {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--tw-color-primary) / var(--tw-text-opacity)) !important
}

.\[\&\>ul\]\:tw-list-disc>ul {
    list-style-type: disc
}

.\[\&\>ul\]\:tw-pt-5>ul {
    padding-top: 20px
}

.\[\&\>video\]\:\!tw-h-full>video {
    height: 100% !important
}

.\[\&\>video\]\:tw-h-full>video {
    height: 100%
}

.\[\&\>video\]\:\!tw-object-cover>video {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.\[\&\>video\]\:tw-object-cover>video {
    -o-object-fit: cover;
    object-fit: cover
}

.\[\&\>video\]\:tw-object-center>video {
    -o-object-position: center;
    object-position: center
}

.\[\&\[open\]\>summary\>\.minus-icon\]\:tw-block[open]>summary>.minus-icon {
    display: block
}

.\[\&\[open\]\>summary\>\.plus-icon\]\:tw-hidden[open]>summary>.plus-icon {
    display: none
}

.\[\&_\.icon\]\:tw-h-7 .icon {
    height: 28px
}

.\[\&_\.icon\]\:tw-w-7 .icon {
    width: 28px
}

.\[\&_\.product\\_\\_xr-button\]\:\!tw-m-0 .product__xr-button {
    margin: 0 !important
}

.\[\&_a\]\:\!tw-p-0 a {
    padding: 0 !important
}

.\[\&_div\.tabs-menu_div\.collection-list\]\:tw-grid div.tabs-menu div.collection-list {
    display: grid
}

.\[\&_div\]\:tw-pr-2 div {
    padding-right: 8px
}

.\[\&_product-model\]\:tw-w-full product-model {
    width: 100%
}

.\[\&_product-model\]\:tw-grow product-model {
    flex-grow: 1
}

.\[\&_product-model\]\:\!tw-border-none product-model {
    border-style: none !important
}

.\[\&_svg\]\:tw-h-6 svg {
    height: 24px
}

.\[\&_svg\]\:tw-h-8 svg {
    height: 32px
}

.\[\&_svg\]\:tw-w-6 svg {
    width: 24px
}

.\[\&_svg\]\:tw-w-8 svg {
    width: 32px
}

.\[\&_svg\]\:data-\[state\=open\]\:tw-rotate-180[data-state=open] svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\~div\>div\>span\.slide-0\]\:hover\:tw-bg-black:hover~div>div>span.slide-0 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.\[\&\~div\>div\>span\.slide-1\]\:hover\:tw-bg-black:hover~div>div>span.slide-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.\[\&\~div\>div\>span\.slide-2\]\:hover\:tw-bg-black:hover~div>div>span.slide-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.\[\&\~div\>div\>span\.slide-3\]\:hover\:tw-bg-black:hover~div>div>span.slide-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.\[\&\~div\>div\>span\.slide-4\]\:hover\:tw-bg-black:hover~div>div>span.slide-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

/*# sourceMappingURL=/cdn/shop/t/94/assets/app.css.map?v=16183726196350167171725464045 */