*,

:after,

:before {

    box-sizing: border-box;

    border: 0 solid #e5e7eb;

}

:after,

:before {

    --tw-content: "";

}

:host,

html {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

    -o-tab-size: 4;

    tab-size: 4;

    font-family: var(--font-sans), 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,

pre,

samp {

    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: -0.25em;

}

sup {

    top: -0.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,

dd,

dl,

figure,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

pre {

    margin: 0;

}

fieldset {

    margin: 0;

}

fieldset,

legend {

    padding: 0;

}

menu,

ol,

ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

dialog {

    padding: 0;

}

textarea {

    resize: vertical;

}

input::-moz-placeholder,

textarea::-moz-placeholder {

    color: #9ca3af;

}

input::placeholder,

textarea::placeholder {

    color: #9ca3af;

}

[role="button"],

button {

    cursor: pointer;

}

:disabled {

    cursor: default;

}

audio,

canvas,

embed,

iframe,

img,

object,

svg,

video {

    display: block;

    vertical-align: middle;

}

img,

video {

    max-width: 100%;

    height: auto;

}

[hidden] {

    display: none;

}

[multiple],

[type="date"],

[type="datetime-local"],

[type="email"],

[type="month"],

[type="number"],

[type="password"],

[type="search"],

[type="tel"],

[type="text"],

[type="time"],

[type="url"],

[type="week"],

select,

textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: #fff;

    border-color: #6b7280;

    border-width: 1px;

    border-radius: 0;

    padding: 0.5rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;

}

[multiple]:focus,

[type="date"]:focus,

[type="datetime-local"]:focus,

[type="email"]:focus,

[type="month"]:focus,

[type="number"]:focus,

[type="password"]:focus,

[type="search"]:focus,

[type="tel"]:focus,

[type="text"]:focus,

[type="time"]:focus,

[type="url"]:focus,

[type="week"]:focus,

select:focus,

textarea:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: #2563eb;

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

        var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

        var(--tw-shadow);

    border-color: #2563eb;

}

input::-moz-placeholder,

textarea::-moz-placeholder {

    color: #6b7280;

    opacity: 1;

}

input::placeholder,

textarea::placeholder {

    color: #6b7280;

    opacity: 1;

}

::-webkit-datetime-edit-fields-wrapper {

    padding: 0;

}

::-webkit-date-and-time-value {

    min-height: 1.5em;

}

::-webkit-datetime-edit,

::-webkit-datetime-edit-day-field,

::-webkit-datetime-edit-hour-field,

::-webkit-datetime-edit-meridiem-field,

::-webkit-datetime-edit-millisecond-field,

::-webkit-datetime-edit-minute-field,

::-webkit-datetime-edit-month-field,

::-webkit-datetime-edit-second-field,

::-webkit-datetime-edit-year-field {

    padding-top: 0;

    padding-bottom: 0;

}

select {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjNmI3MjgwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdNNiA4bDQgNCA0LTQnLz48L3N2Zz4=);

    background-position: right 0.5rem center;

    background-repeat: no-repeat;

    background-size: 1.5em 1.5em;

    padding-right: 2.5rem;

    -webkit-print-color-adjust: exact;

    print-color-adjust: exact;

}

[multiple] {

    background-image: none;

    background-position: 0 0;

    background-repeat: unset;

    background-size: initial;

    padding-right: 0.75rem;

    -webkit-print-color-adjust: unset;

    print-color-adjust: unset;

}

[type="checkbox"],

[type="radio"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    padding: 0;

    -webkit-print-color-adjust: exact;

    print-color-adjust: exact;

    display: inline-block;

    vertical-align: middle;

    background-origin: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

    flex-shrink: 0;

    height: 1rem;

    width: 1rem;

    color: #2563eb;

    background-color: #fff;

    border-color: #6b7280;

    border-width: 1px;

    --tw-shadow: 0 0 #0000;

}

[type="checkbox"] {

    border-radius: 0;

}

[type="radio"] {

    border-radius: 100%;

}

[type="checkbox"]:focus,

[type="radio"]:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);

    --tw-ring-offset-width: 2px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: #2563eb;

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

        var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

        var(--tw-shadow);

}

[type="checkbox"]:checked,

[type="radio"]:checked {

    border-color: transparent;

    background-color: currentColor;

    background-size: 100% 100%;

    background-position: 50%;

    background-repeat: no-repeat;

}

[type="checkbox"]:checked {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4=);

}

[type="radio"]:checked {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxjaXJjbGUgY3g9JzgnIGN5PSc4JyByPSczJy8+PC9zdmc+);

}

[type="checkbox"]:checked:focus,

[type="checkbox"]:checked:hover,

[type="radio"]:checked:focus,

[type="radio"]:checked:hover {

    border-color: transparent;

    background-color: currentColor;

}

[type="checkbox"]:indeterminate {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIGQ9J000IDhoOCcvPjwvc3ZnPg==);

    border-color: transparent;

    background-color: currentColor;

    background-size: 100% 100%;

    background-position: 50%;

    background-repeat: no-repeat;

}

[type="checkbox"]:indeterminate:focus,

[type="checkbox"]:indeterminate:hover {

    border-color: transparent;

    background-color: currentColor;

}

[type="file"] {

    background: unset;

    border-color: inherit;

    border-width: 0;

    border-radius: 0;

    padding: 0;

    font-size: unset;

    line-height: inherit;

}

[type="file"]:focus {

    outline: 1px solid ButtonText;

    outline: 1px auto -webkit-focus-ring-color;

}

html {

    height: 100%;

    font-feature-settings: "cv02", "cv03", "cv04", "cv11";

}

body {

    min-height: 100%;

}

* {

    border-color: hsl(var(--border));

}

input[type="color"] {

    -webkit-appearance: none;

    height: 2rem;

    width: 2rem;

    border-radius: calc(var(--radius) - 2px);

    border-width: 1px;

}

input[type="color"]::-webkit-color-swatch-wrapper {

    border-radius: calc(var(--radius) - 2px);

    padding: 0;

}

input[type="color"]::-webkit-color-swatch {

    border-radius: calc(var(--radius) - 2px);

    border-style: none;

}

*,

:after,

:before {

    --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: rgba(59, 130, 246, 0.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: rgba(59, 130, 246, 0.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: ;

}

input::-webkit-inner-spin-button,

input::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type="number"] {

    -moz-appearance: textfield;

}

.hide-scrollbar {

    -ms-overflow-style: none;

    scrollbar-width: none;

}

.hide-scrollbar::-webkit-scrollbar {

    display: none;

}

.grecaptcha-badge {

    visibility: hidden;

    background-color: transparent;

    box-shadow: none !important;

}

.swiper-button {

    color: hsl(var(--foreground)) !important;

}

.swiper-button-next:after,

.swiper-button-prev:after,

.swiper-rtl .swiper-button-next:after,

.swiper-rtl .swiper-button-prev:after {

    content: "" !important;

}

.PhoneInput > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));

}

.PhoneInput {

    border-radius: var(--radius);

    border-width: 1px;

    border-color: transparent;

    padding-left: 1rem;

}

.PhoneInput,

.PhoneInputInput {

    background-color: hsl(var(--secondary));

    font-size: 0.75rem;

    line-height: 1rem;

}

.PhoneInputInput {

    display: block;

    width: 100%;

    min-width: 0;

    flex: 1 1 0%;

    border-top-right-radius: var(--radius);

    border-bottom-right-radius: var(--radius);

    border-width: 1px;

    border-color: transparent;

    color: hsl(var(--secondary-foreground));

    outline: 2px solid transparent !important;

    outline-offset: 2px !important;

}

.PhoneInputInput::-moz-placeholder {

    color: hsl(var(--secondary-foreground));

}

.PhoneInputInput::placeholder {

    color: hsl(var(--secondary-foreground));

}

.PhoneInputInput:focus {

    border-color: transparent;

    outline: 2px solid transparent;

    outline-offset: 2px;

    --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-ring-color: hsl(var(--primary));

}

.PhoneInputCountrySelectArrow {

    display: none !important;

}

.PhoneInputCountrySelect {

    background-color: hsl(var(--secondary));

    font-size: 0.75rem;

    line-height: 1rem;

}

.bg-title-product {

    background-color: hsl(var(--secondary-foreground));

    color: hsl(var(--foreground));

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);

    background-repeat: repeat-x;

    background-position: top;

    background-size: clamp(60em, 100rem, 100em) auto, cover;

}

.ql-align-right {

    text-align: right;

}

.ql-align-center {

    text-align: center;

}

.ql-align-left {

    text-align: left;

}

:root {

    --react-international-phone-border-radius: var(--radius);

    --react-international-phone-border-color: #d1d5db;

    --react-international-phone-background-color: #f3f4f6;

    --react-international-phone-text-color: #1f2937;

    --react-international-phone-selected-dropdown-item-background-color: #e5e7eb;

    --react-international-phone-country-selector-background-color-hover: #e5e7eb;

}

.react-international-phone-country-selector > button {

    border-top-left-radius: var(--radius) !important;

    border-bottom-left-radius: var(--radius) !important;

    border-color: hsl(var(--border)) !important;

    background-color: hsl(var(--input)) !important;

    padding-left: 0.5rem;

    padding-right: 0.5rem;

}

.react-international-phone-country-selector-dropdown {

    z-index: 50 !important;

}

.react-international-phone-dial-code-preview {

    border-color: hsl(var(--border)) !important;

    padding-right: 0 !important;

}

.react-international-phone-dial-code-preview,

.react-international-phone-input {

    background-color: hsl(var(--input)) !important;

    font-size: 0.75rem !important;

    line-height: 1rem !important;

    color: hsl(var(--foreground)) !important;

}

.react-international-phone-input {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    appearance: none !important;

    border-radius: var(--radius) !important;

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important;

    border-width: 1px 1px 1px 0 !important;

    border-color: hsl(var(--border)) !important;

    padding: 0.5rem 0.75rem 0.5rem 0.25rem !important;

}

.react-international-phone-input::-moz-placeholder {

    color: hsl(var(--muted-foreground) / 0.75) !important;

}

.react-international-phone-input::placeholder {

    color: hsl(var(--muted-foreground) / 0.75) !important;

}

.react-international-phone-input:focus {

    z-index: 10 !important;

    outline: 2px solid transparent !important;

    outline-offset: 2px !important;

    --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(0px + 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);

}

.react-international-phone-input:disabled {

    cursor: not-allowed !important;

    opacity: 0.75 !important;

}

.react-international-phone-country-selector-button__dropdown-arrow {

    display: none;

}

.geetest_captcha .geetest_holder {

    width: 100% !important;

    height: 40px !important;

}

.geetest_box .geetest_footer > .geetest_footer_right,

.geetest_captcha .geetest_logo {

    display: none !important;

}

.geetest_btn,

.geetest_captcha.geetest_customTheme .geetest_bind_status_bar,

.geetest_captcha.geetest_customTheme .geetest_box_btn:after,

.geetest_captcha.geetest_customTheme .geetest_box_btn:before,

.geetest_captcha.geetest_customTheme .geetest_gradient_bar,

.geetest_captcha.geetest_customTheme .geetest_status_bar,

.geetest_popup_wrap.geetest_customTheme .geetest_bind_status_bar,

.geetest_popup_wrap.geetest_customTheme .geetest_box_btn:after,

.geetest_popup_wrap.geetest_customTheme .geetest_box_btn:before,

.geetest_popup_wrap.geetest_customTheme .geetest_gradient_bar,

.geetest_popup_wrap.geetest_customTheme .geetest_status_bar {

    background-image: none !important;

    background-color: hsl(var(--primary)) !important;

}

.container {

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    padding-right: 1rem;

    padding-left: 1rem;

}

@media (min-width: 1400px) {

    .container {

        max-width: 1400px;

    }

}

.prose {

    color: hsl(var(--foreground));

    max-width: none;

}

.prose :where(p):not(:where([class~="not-prose"] *)) {

    margin-top: 6px !important;

    margin-bottom: 6px !important;

}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-lead);

    font-size: 1.25em;

    line-height: 1.6;

    margin-top: 1.2em;

    margin-bottom: 1.2em;

}

.prose :where(a):not(:where([class~="not-prose"] *)) {

    color: #fff;

    text-decoration: none;

    font-weight: 600;

    border-bottom: 1px solid hsl(var(--primary));

}

.prose :where(strong):not(:where([class~="not-prose"] *)) {

    color: hsl(var(--primary));

    font-weight: 600;

}

.prose :where(a strong):not(:where([class~="not-prose"] *)) {

    color: inherit;

    font-weight: inherit;

}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {

    color: inherit;

}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {

    color: inherit;

}

.prose :where(ol):not(:where([class~="not-prose"] *)) {

    list-style-type: decimal;

    margin-top: 1.25em;

    margin-bottom: 1.25em;

    padding-left: 1.625em;

}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {

    list-style-type: upper-alpha;

}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {

    list-style-type: lower-alpha;

}

.prose :where(ol[type="As"]):not(:where([class~="not-prose"] *)) {

    list-style-type: upper-alpha;

}

.prose :where(ol[type="as"]):not(:where([class~="not-prose"] *)) {

    list-style-type: lower-alpha;

}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {

    list-style-type: upper-roman;

}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {

    list-style-type: lower-roman;

}

.prose :where(ol[type="Is"]):not(:where([class~="not-prose"] *)) {

    list-style-type: upper-roman;

}

.prose :where(ol[type="is"]):not(:where([class~="not-prose"] *)) {

    list-style-type: lower-roman;

}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {

    list-style-type: decimal;

}

.prose :where(ul):not(:where([class~="not-prose"] *)) {

    list-style-type: none;

    margin-top: 1.25em;

    margin-bottom: 1.25em;

    padding-left: 0 !important;

}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {

    font-weight: 400;

    color: hsl(var(--primary));

}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {

    color: var(--tw-prose-bullets);

}

.prose :where(hr):not(:where([class~="not-prose"] *)) {

    border-color: #f1f5f9;

    border-top-width: 1px;

    margin-top: 3em;

    margin-bottom: 3em;

}

.prose :where(blockquote):not(:where([class~="not-prose"] *)) {

    font-weight: 500;

    font-style: italic;

    color: var(--tw-prose-quotes);

    border-left-width: 0.25rem;

    border-left-color: var(--tw-prose-quote-borders);

    quotes: "\201C""\201D""\2018""\2019";

    margin-top: 1.6em;

    margin-bottom: 1.6em;

    padding-left: 1em;

}

.prose

    :where(blockquote p:first-of-type):not(

        :where([class~="not-prose"] *)

    ):before {

    content: open-quote;

}

.prose

    :where(blockquote p:last-of-type):not(

        :where([class~="not-prose"] *)

    ):after {

    content: close-quote;

}

.prose :where(h1):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 800;

    font-size: 2.25em;

    margin-top: 0;

    margin-bottom: 0.8888889em;

    line-height: 1.1111111;

}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {

    font-weight: 900;

    color: inherit;

}

.prose :where(h2):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 700;

    font-size: 1.5em;

    margin-top: 2em;

    margin-bottom: 0.6666666666666666em;

    line-height: 1.3333333;

}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {

    font-weight: 800;

    color: inherit;

}

.prose :where(h3):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 600;

    font-size: 1.25em;

    margin-top: 2.4em;

    margin-bottom: 0.6em;

    line-height: 1.4;

}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {

    font-weight: 700;

    color: inherit;

}

.prose :where(h4):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 600;

    margin-top: 2em;

    margin-bottom: 0.5em;

    line-height: 1.5;

    font-size: 1.125em;

}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {

    font-weight: 700;

    color: inherit;

}

.prose :where(img):not(:where([class~="not-prose"] *)) {

    margin-top: 2em;

    margin-bottom: 2em;

}

.prose :where(figure > *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

    margin-bottom: 0;

}

.prose :where(figcaption):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-captions);

    font-size: 0.875em;

    line-height: 1.4285714;

    margin-top: 0.8571429em;

}

.prose :where(code):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-code);

    font-weight: 500;

    font-size: 0.875em;

    font-variant-ligatures: none;

}

.prose :where(code):not(:where([class~="not-prose"] *)):before {

    content: "`";

}

.prose :where(code):not(:where([class~="not-prose"] *)):after {

    content: "`";

}

.prose :where(a code):not(:where([class~="not-prose"] *)) {

    color: inherit;

    font-weight: inherit;

}

.prose :where(h1 code):not(:where([class~="not-prose"] *)) {

    color: inherit;

}

.prose :where(h2 code):not(:where([class~="not-prose"] *)) {

    color: inherit;

    font-size: 0.875em;

}

.prose :where(h3 code):not(:where([class~="not-prose"] *)) {

    color: inherit;

    font-size: 0.9em;

}

.prose :where(h4 code):not(:where([class~="not-prose"] *)) {

    color: inherit;

}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {

    color: inherit;

}

.prose :where(thead th code):not(:where([class~="not-prose"] *)) {

    color: inherit;

}

.prose :where(pre):not(:where([class~="not-prose"] *)) {

    color: #f8fafc;

    background-color: var(--tw-prose-pre-bg);

    overflow-x: auto;

    font-weight: 400;

    font-size: 0.875em;

    line-height: 1.7142857;

    margin-top: 1.4285714285714286em;

    margin-bottom: 2.2857142857142856em;

    border-radius: 0.75rem;

    padding: 1.25rem;

    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

        0 2px 4px -2px rgba(0, 0, 0, 0.1);

    display: flex;

}

.prose :where(pre code):not(:where([class~="not-prose"] *)) {

    background-color: transparent;

    border-width: 0;

    border-radius: 0;

    padding: 0;

    font-weight: inherit;

    color: inherit;

    font-size: inherit;

    font-family: inherit;

    line-height: inherit;

    flex: none;

    min-width: 100%;

}

.prose :where(pre code):not(:where([class~="not-prose"] *)):before {

    content: none;

}

.prose :where(pre code):not(:where([class~="not-prose"] *)):after {

    content: none;

}

.prose :where(table):not(:where([class~="not-prose"] *)) {

    width: 100%;

    table-layout: auto;

    text-align: left;

    margin-top: 2em;

    margin-bottom: 2em;

    font-size: 0.875rem;

    line-height: 1.25rem;

}

.prose :where(thead):not(:where([class~="not-prose"] *)) {

    border-bottom-width: 1px;

    border-bottom-color: #e2e8f0;

    color: #334155;

}

.prose :where(thead th):not(:where([class~="not-prose"] *)) {

    color: var(--tw-prose-headings);

    font-weight: 600;

    vertical-align: bottom;

    padding: 0 0.5714286em 0.5714286em;

}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {

    border-bottom-width: 1px;

    border-bottom-color: #f1f5f9;

}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {

    border-bottom-width: 1px;

}

.prose :where(tbody td):not(:where([class~="not-prose"] *)) {

    vertical-align: baseline;

}

.prose :where(tfoot):not(:where([class~="not-prose"] *)) {

    border-top-width: 1px;

    border-top-color: var(--tw-prose-th-borders);

}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {

    vertical-align: top;

}

.prose {

    --tw-prose-body: #374151;

    --tw-prose-headings: #111827;

    --tw-prose-lead: #4b5563;

    --tw-prose-links: #111827;

    --tw-prose-bold: #111827;

    --tw-prose-counters: #6b7280;

    --tw-prose-bullets: #d1d5db;

    --tw-prose-hr: #e5e7eb;

    --tw-prose-quotes: #111827;

    --tw-prose-quote-borders: #e5e7eb;

    --tw-prose-captions: #6b7280;

    --tw-prose-code: #111827;

    --tw-prose-pre-code: #e5e7eb;

    --tw-prose-pre-bg: #1f2937;

    --tw-prose-th-borders: #d1d5db;

    --tw-prose-td-borders: #e5e7eb;

    --tw-prose-invert-body: #d1d5db;

    --tw-prose-invert-headings: #fff;

    --tw-prose-invert-lead: #9ca3af;

    --tw-prose-invert-links: #fff;

    --tw-prose-invert-bold: #fff;

    --tw-prose-invert-counters: #9ca3af;

    --tw-prose-invert-bullets: #4b5563;

    --tw-prose-invert-hr: #374151;

    --tw-prose-invert-quotes: #f3f4f6;

    --tw-prose-invert-quote-borders: #374151;

    --tw-prose-invert-captions: #9ca3af;

    --tw-prose-invert-code: #fff;

    --tw-prose-invert-pre-code: #d1d5db;

    --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);

    --tw-prose-invert-th-borders: #4b5563;

    --tw-prose-invert-td-borders: #374151;

    font-size: 1rem;

    line-height: 1.75;

}

.prose :where(video):not(:where([class~="not-prose"] *)) {

    margin-top: 2em;

    margin-bottom: 2em;

}

.prose :where(figure):not(:where([class~="not-prose"] *)) {

    margin-top: 2em;

    margin-bottom: 2em;

}

.prose :where(li):not(:where([class~="not-prose"] *)) {

    margin-top: 1rem;

    margin-bottom: 1rem;

    padding-left: 0.875rem;

}

.prose :where(ol > li):not(:where([class~="not-prose"] *)) {

    padding-left: 0.375em;

}

.prose :where(ul > li):not(:where([class~="not-prose"] *)) {

    padding-left: 16px !important;

    position: relative;

}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {

    margin-top: 0.75em;

    margin-bottom: 0.75em;

}

.prose

    :where(.prose > ul > li > :first-child):not(

        :where([class~="not-prose"] *)

    ) {

    margin-top: 1.25em;

}

.prose

    :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {

    margin-bottom: 1.25em;

}

.prose

    :where(.prose > ol > li > :first-child):not(

        :where([class~="not-prose"] *)

    ) {

    margin-top: 1.25em;

}

.prose

    :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {

    margin-bottom: 1.25em;

}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {

    margin-top: 0.75em;

    margin-bottom: 0.75em;

}

.prose :where(hr + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {

    padding-left: 0;

}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {

    padding-right: 0;

}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {

    padding: 0.5714286em;

}

.prose

    :where(tbody td:first-child, tfoot td:first-child):not(

        :where([class~="not-prose"] *)

    ) {

    padding-left: 0;

}

.prose

    :where(tbody td:last-child, tfoot td:last-child):not(

        :where([class~="not-prose"] *)

    ) {

    padding-right: 0;

}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {

    margin-bottom: 0;

}

.prose :where(h1, h2, h3):not(:where([class~="not-prose"] *)) {

    letter-spacing: -0.025em;

}

.prose

    :where(h2 small, h3 small, h4 small):not(:where([class~="not-prose"] *)) {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,

        Liberation Mono, Courier New, monospace;

    color: hsl(var(--foreground));

    font-weight: 500;

}

.prose :where(h2 small):not(:where([class~="not-prose"] *)) {

    font-size: 1.125rem;

    line-height: 1.75rem;

}

.prose :where(h3 small):not(:where([class~="not-prose"] *)) {

    font-size: 1rem;

    line-height: 1.5rem;

}

.prose :where(h4 small):not(:where([class~="not-prose"] *)) {

    font-size: 0.875rem;

    line-height: 1.25rem;

}

.prose :where(h2, h3, h4):not(:where([class~="not-prose"] *)) {

    scroll-margin-top: var(--scroll-mt);

}

.prose :where(ul, ol):not(:where([class~="not-prose"] *)) {

    padding-left: 0;

}

.prose :where(li):not(:where([class~="not-prose"] *))::marker {

    font-size: 0.875rem;

    font-weight: 600;

    margin-left: 100px;

}

.prose :where(li :is(ol, ul)):not(:where([class~="not-prose"] *)) {

    margin-top: 1rem;

    margin-bottom: 1rem;

}

.prose :where(li :is(li, p)):not(:where([class~="not-prose"] *)) {

    margin-top: 0.75rem;

    margin-bottom: 0.75rem;

}

.prose :where(ul > li):not(:where([class~="not-prose"] *)):before {

    content: "";

    width: 0.5em;

    height: 0.125em;

    position: absolute;

    top: 10.75px;

    left: 0;

    border-radius: 999px;

    background-color: hsl(var(--primary));

}

.prose :where(a:hover):not(:where([class~="not-prose"] *)) {

    border-bottom-width: 2px;

}

.prose :where(p + pre):not(:where([class~="not-prose"] *)) {

    margin-top: -0.2857142857142857em;

}

.prose :where(pre + pre):not(:where([class~="not-prose"] *)) {

    margin-top: -1.1428571428571428em;

}

.prose :where(tbody code):not(:where([class~="not-prose"] *)) {

    font-size: 0.75rem;

}

.prose :where(figure figcaption):not(:where([class~="not-prose"] *)) {

    text-align: center;

    font-style: italic;

}

.prose :where(figure > figcaption):not(:where([class~="not-prose"] *)) {

    margin-top: 0.8571428571428571em;

}

.prose-sm {

    font-size: 0.875rem;

    line-height: 1.7142857;

}

.prose-sm :where(p):not(:where([class~="not-prose"] *)) {

    margin-top: 1.1428571em;

    margin-bottom: 1.1428571em;

}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)) {

    font-size: 1.2857143em;

    line-height: 1.5555556;

    margin-top: 0.8888889em;

    margin-bottom: 0.8888889em;

}

.prose-sm :where(blockquote):not(:where([class~="not-prose"] *)) {

    margin-top: 1.3333333em;

    margin-bottom: 1.3333333em;

    padding-left: 1.1111111em;

}

.prose-sm :where(h1):not(:where([class~="not-prose"] *)) {

    font-size: 2.1428571em;

    margin-top: 0;

    margin-bottom: 0.8em;

    line-height: 1.2;

}

.prose-sm :where(h2):not(:where([class~="not-prose"] *)) {

    font-size: 1.4285714em;

    margin-top: 1.6em;

    margin-bottom: 0.8em;

    line-height: 1.4;

}

.prose-sm :where(h3):not(:where([class~="not-prose"] *)) {

    font-size: 1.2857143em;

    margin-top: 1.5555556em;

    margin-bottom: 0.4444444em;

    line-height: 1.5555556;

}

.prose-sm :where(h4):not(:where([class~="not-prose"] *)) {

    margin-top: 1.4285714em;

    margin-bottom: 0.5714286em;

    line-height: 1.4285714;

}

.prose-sm :where(img):not(:where([class~="not-prose"] *)) {

    margin-top: 1.7142857em;

    margin-bottom: 1.7142857em;

}

.prose-sm :where(video):not(:where([class~="not-prose"] *)) {

    margin-top: 1.7142857em;

    margin-bottom: 1.7142857em;

}

.prose-sm :where(figure):not(:where([class~="not-prose"] *)) {

    margin-top: 1.7142857em;

    margin-bottom: 1.7142857em;

}

.prose-sm :where(figure > *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

    margin-bottom: 0;

}

.prose-sm :where(figcaption):not(:where([class~="not-prose"] *)) {

    font-size: 0.8571429em;

    line-height: 1.3333333;

    margin-top: 0.6666667em;

}

.prose-sm :where(code):not(:where([class~="not-prose"] *)) {

    font-size: 0.8571429em;

}

.prose-sm :where(h2 code):not(:where([class~="not-prose"] *)) {

    font-size: 0.9em;

}

.prose-sm :where(h3 code):not(:where([class~="not-prose"] *)) {

    font-size: 0.8888889em;

}

.prose-sm :where(pre):not(:where([class~="not-prose"] *)) {

    font-size: 0.8571429em;

    line-height: 1.6666667;

    margin-top: 1.6666667em;

    margin-bottom: 1.6666667em;

    border-radius: 0.25rem;

    padding: 0.6666667em 1em;

}

.prose-sm :where(ol):not(:where([class~="not-prose"] *)) {

    margin-top: 1.1428571em;

    margin-bottom: 1.1428571em;

    padding-left: 1.5714286em;

}

.prose-sm :where(ul):not(:where([class~="not-prose"] *)) {

    margin-top: 1.1428571em;

    margin-bottom: 1.1428571em;

    padding-left: 1.5714286em;

}

.prose-sm :where(li):not(:where([class~="not-prose"] *)) {

    margin-top: 0.2857143em;

    margin-bottom: 0.2857143em;

}

.prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {

    padding-left: 0.4285714em;

}

.prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {

    padding-left: 0.4285714em;

}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {

    margin-top: 0.5714286em;

    margin-bottom: 0.5714286em;

}

.prose-sm

    :where(.prose-sm > ul > li > :first-child):not(

        :where([class~="not-prose"] *)

    ) {

    margin-top: 1.1428571em;

}

.prose-sm

    :where(.prose-sm > ul > li > :last-child):not(

        :where([class~="not-prose"] *)

    ) {

    margin-bottom: 1.1428571em;

}

.prose-sm

    :where(.prose-sm > ol > li > :first-child):not(

        :where([class~="not-prose"] *)

    ) {

    margin-top: 1.1428571em;

}

.prose-sm

    :where(.prose-sm > ol > li > :last-child):not(

        :where([class~="not-prose"] *)

    ) {

    margin-bottom: 1.1428571em;

}

.prose-sm

    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {

    margin-top: 0.5714286em;

    margin-bottom: 0.5714286em;

}

.prose-sm :where(hr):not(:where([class~="not-prose"] *)) {

    margin-top: 2.8571429em;

    margin-bottom: 2.8571429em;

}

.prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose-sm :where(table):not(:where([class~="not-prose"] *)) {

    font-size: 0.8571429em;

    line-height: 1.5;

}

.prose-sm :where(thead th):not(:where([class~="not-prose"] *)) {

    padding-right: 1em;

    padding-bottom: 0.6666667em;

    padding-left: 1em;

}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)) {

    padding-left: 0;

}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)) {

    padding-right: 0;

}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {

    padding: 0.6666667em 1em;

}

.prose-sm

    :where(tbody td:first-child, tfoot td:first-child):not(

        :where([class~="not-prose"] *)

    ) {

    padding-left: 0;

}

.prose-sm

    :where(tbody td:last-child, tfoot td:last-child):not(

        :where([class~="not-prose"] *)

    ) {

    padding-right: 0;

}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {

    margin-top: 0;

}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {

    margin-bottom: 0;

}

.container {

    max-width: none;

}

@media (min-width: 768px) {

    .container {

        max-width: 48rem;

    }

}

@media (min-width: 1024px) {

    .container {

        max-width: 64rem;

    }

}

@media (min-width: 1280px) {

    .container {

        max-width: 80rem;

    }

}

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

}

.pointer-events-none {

    pointer-events: none;

}

.pointer-events-auto {

    pointer-events: auto;

}

.visible {

    visibility: visible;

}

.invisible {

    visibility: hidden;

}

.static {

    position: static;

}

.fixed {

    position: fixed;

}

.absolute {

    position: absolute;

}

.relative {

    position: relative;

}

.sticky {

    position: sticky;

}

.-inset-px {

    inset: -1px;

}

.inset-0 {

    inset: 0;

}

.inset-x-0 {

    left: 0;

    right: 0;

}

.inset-y-0 {

    top: 0;

    bottom: 0;

}

.-bottom-10 {

    bottom: -2.5rem;

}

.-bottom-6 {

    bottom: -1.5rem;

}

.-bottom-\[9px\] {

    bottom: -9px;

}

.-left-\[9px\] {

    left: -9px;

}

.-right-\[9px\] {

    right: -9px;

}

.-top-28 {

    top: -7rem;

}

.-top-\[9px\] {

    top: -9px;

}

.bottom-0 {

    bottom: 0;

}

.bottom-2 {

    bottom: 0.5rem;

}

.left-0 {

    left: 0;

}

.left-1\/2 {

    left: 50%;

}

.left-2 {

    left: 0.5rem;

}

.left-4 {

    left: 1rem;

}

.left-\[53px\] {

    left: 53px;

}

.right-0 {

    right: 0;

}

.right-2 {

    right: 0.5rem;

}

.right-4 {

    right: 1rem;

}

.top-0 {

    top: 0;

}

.top-1\/2 {

    top: 50%;

}

.top-14 {

    top: 3.5rem;

}

.top-20 {

    top: 5rem;

}

.top-3 {

    top: 0.75rem;

}

.top-3\.5 {

    top: 0.875rem;

}

.top-4 {

    top: 1rem;

}

.top-\[90px\] {

    top: 90px;

}

.isolate {

    isolation: isolate;

}

.z-10 {

    z-index: 10;

}

.z-20 {

    z-index: 20;

}

.z-30 {

    z-index: 30;

}

.z-40 {

    z-index: 40;

}

.z-50 {

    z-index: 50;

}

.z-\[100\] {

    z-index: 100;

}

.col-span-1 {

    grid-column: span 1 / span 1;

}

.col-span-2 {

    grid-column: span 2 / span 2;

}

.col-span-3 {

    grid-column: span 3 / span 3;

}

.col-span-5 {

    grid-column: span 5 / span 5;

}

.col-span-8 {

    grid-column: span 8 / span 8;

}

.col-span-full {

    grid-column: 1/-1;

}

.col-start-1 {

    grid-column-start: 1;

}

.row-span-3 {

    grid-row: span 3 / span 3;

}

.row-start-2 {

    grid-row-start: 2;

}

.-m-2 {

    margin: -0.5rem;

}

.-m-3 {

    margin: -0.75rem;

}

.m-4 {

    margin: 1rem;

}

.-mx-1 {

    margin-left: -0.25rem;

    margin-right: -0.25rem;

}

.-mx-3 {

    margin-left: -0.75rem;

    margin-right: -0.75rem;

}

.-mx-4 {

    margin-left: -1rem;

    margin-right: -1rem;

}

.mx-1 {

    margin-left: 0.25rem;

    margin-right: 0.25rem;

}

.mx-auto {

    margin-left: auto;

    margin-right: auto;

}

.my-1 {

    margin-top: 0.25rem;

    margin-bottom: 0.25rem;

}

.my-12 {

    margin-top: 3rem;

    margin-bottom: 3rem;

}

.my-2 {

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

}

.my-4 {

    margin-top: 1rem;

    margin-bottom: 1rem;

}

.my-8 {

    margin-top: 2rem;

    margin-bottom: 2rem;

}

.\!ml-2 {

    margin-left: 0.5rem !important;

}

.\!ml-8 {

    margin-left: 2rem !important;

}

.\!mr-8 {

    margin-right: 2rem !important;

}

.-mb-14 {

    margin-bottom: -3.5rem;

}

.-mb-\[0\.9px\] {

    margin-bottom: -0.9px;

}

.-mb-px {

    margin-bottom: -1px;

}

.-ml-1 {

    margin-left: -0.25rem;

}

.-ml-px {

    margin-left: -1px;

}

.-mr-1 {

    margin-right: -0.25rem;

}

.-mt-12 {

    margin-top: -3rem;

}

.-mt-16 {

    margin-top: -4rem;

}

.-mt-3 {

    margin-top: -0.75rem;

}

.-mt-8 {

    margin-top: -2rem;

}

.-mt-\[0\.9px\] {

    margin-top: -0.9px;

}

.-mt-\[60px\] {

    margin-top: -60px;

}

.mb-2 {

    margin-bottom: 0.5rem;

}

.mb-2\.5 {

    margin-bottom: 0.625rem;

}

.mb-4 {

    margin-bottom: 1rem;

}

.mb-5 {

    margin-bottom: 1.25rem;

}

.mb-6 {

    margin-bottom: 1.5rem;

}

.mb-8 {

    margin-bottom: 2rem;

}

.ml-1 {

    margin-left: 0.25rem;

}

.ml-2 {

    margin-left: 0.5rem;

}

.ml-3 {

    margin-left: 0.75rem;

}

.ml-4 {

    margin-left: 1rem;

}

.ml-5 {

    margin-left: 1.25rem;

}

.ml-6 {

    margin-left: 1.5rem;

}

.ml-auto {

    margin-left: auto;

}

.mr-1 {

    margin-right: 0.25rem;

}

.mr-2 {

    margin-right: 0.5rem;

}

.mr-3 {

    margin-right: 0.75rem;

}

.mr-8 {

    margin-right: 2rem;

}

.mt-0 {

    margin-top: 0;

}

.mt-0\.5 {

    margin-top: 0.125rem;

}

.mt-1 {

    margin-top: 0.25rem;

}

.mt-1\.5 {

    margin-top: 0.375rem;

}

.mt-10 {

    margin-top: 2.5rem;

}

.mt-12 {

    margin-top: 3rem;

}

.mt-14 {

    margin-top: 3.5rem;

}

.mt-16 {

    margin-top: 4rem;

}

.mt-2 {

    margin-top: 0.5rem;

}

.mt-3 {

    margin-top: 0.75rem;

}

.mt-3\.5 {

    margin-top: 0.875rem;

}

.mt-4 {

    margin-top: 1rem;

}

.mt-5 {

    margin-top: 1.25rem;

}

.mt-6 {

    margin-top: 1.5rem;

}

.mt-8 {

    margin-top: 2rem;

}

.mt-\[4\.25rem\] {

    margin-top: 4.25rem;

}

.block {

    display: block;

}

.inline-block {

    display: inline-block;

}

.flex {

    display: flex;

}

.inline-flex {

    display: inline-flex;

}

.\!table {

    display: table !important;

}

.table {

    display: table;

}

.table-cell {

    display: table-cell;

}

.flow-root {

    display: flow-root;

}

.grid {

    display: grid;

}

.contents {

    display: contents;

}

.hidden {

    display: none;

}

.aspect-\[1080\/424\] {

    aspect-ratio: 1080/424;

}

.aspect-\[4\/6\] {

    aspect-ratio: 4/6;

}

.aspect-\[6\/2\] {

    aspect-ratio: 6/2;

}

.aspect-square {

    aspect-ratio: 1/1;

}

.aspect-video {

    aspect-ratio: 16/9;

}

.size-full {

    width: 100%;

    height: 100%;

}

.h-0 {

    height: 0;

}

.h-1 {

    height: 0.25rem;

}

.h-1\.5 {

    height: 0.375rem;

}

.h-10 {

    height: 2.5rem;

}

.h-11 {

    height: 2.75rem;

}

.h-12 {

    height: 3rem;

}

.h-14 {

    height: 3.5rem;

}

.h-16 {

    height: 4rem;

}

.h-2 {

    height: 0.5rem;

}

.h-2\.5 {

    height: 0.625rem;

}

.h-24 {

    height: 6rem;

}

.h-3 {

    height: 0.75rem;

}

.h-3\.5 {

    height: 0.875rem;

}

.h-32 {

    height: 8rem;

}

.h-4 {

    height: 1rem;

}

.h-48 {

    height: 12rem;

}

.h-5 {

    height: 1.25rem;

}

.h-56 {

    height: 14rem;

}

.h-6 {

    height: 1.5rem;

}

.h-64 {

    height: 16rem;

}

.h-7 {

    height: 1.75rem;

}

.h-8 {

    height: 2rem;

}

.h-9 {

    height: 2.25rem;

}

.h-\[1\.2rem\] {

    height: 1.2rem;

}

.h-\[265px\] {

    height: 265px;

}

.h-\[4\.25rem\] {

    height: 4.25rem;

}

.h-\[4\.5rem\] {

    height: 4.5rem;

}

.h-\[60px\] {

    height: 60px;

}

.h-\[96px\] {

    height: 96px;

}

.h-full {

    height: 100%;

}

.h-px {

    height: 1px;

}

.h-screen {

    height: 100vh;

}

.max-h-0 {

    max-height: 0;

}

.max-h-12 {

    max-height: 3rem;

}

.max-h-5 {

    max-height: 1.25rem;

}

.max-h-6 {

    max-height: 1.5rem;

}

.max-h-80 {

    max-height: 20rem;

}

.max-h-screen {

    max-height: 100vh;

}

.min-h-32 {

    min-height: 8rem;

}

.min-h-\[314px\] {

    min-height: 314px;

}

.min-h-\[50dvh\] {

    min-height: 50dvh;

}

.min-h-dvh {

    min-height: 100dvh;

}

.min-h-full {

    min-height: 100%;

}

.min-h-screen {

    min-height: 100vh;

}

.w-0 {

    width: 0;

}

.w-0\.5 {

    width: 0.125rem;

}

.w-1 {

    width: 0.25rem;

}

.w-1\.5 {

    width: 0.375rem;

}

.w-1\/2 {

    width: 50%;

}

.w-1\/4 {

    width: 25%;

}

.w-10 {

    width: 2.5rem;

}

.w-12 {

    width: 3rem;

}

.w-14 {

    width: 3.5rem;

}

.w-2 {

    width: 0.5rem;

}

.w-2\.5 {

    width: 0.625rem;

}

.w-24 {

    width: 6rem;

}

.w-3 {

    width: 0.75rem;

}

.w-3\.5 {

    width: 0.875rem;

}

.w-3\/4 {

    width: 75%;

}

.w-32 {

    width: 8rem;

}

.w-36 {

    width: 9rem;

}

.w-4 {

    width: 1rem;

}

.w-48 {

    width: 12rem;

}

.w-5 {

    width: 1.25rem;

}

.w-56 {

    width: 14rem;

}

.w-6 {

    width: 1.5rem;

}

.w-64 {

    width: 16rem;

}

.w-7 {

    width: 1.75rem;

}

.w-8 {

    width: 2rem;

}

.w-9 {

    width: 2.25rem;

}

.w-\[1\.2rem\] {

    width: 1.2rem;

}

.w-\[100px\] {

    width: 100px;

}

.w-\[200px\] {

    width: 200px;

}

.w-\[265px\] {

    width: 265px;

}

.w-\[4\.5rem\] {

    width: 4.5rem;

}

.w-\[4rem\] {

    width: 4rem;

}

.w-\[80px\] {

    width: 80px;

}

.w-auto {

    width: auto;

}

.w-full {

    width: 100%;

}

.w-px {

    width: 1px;

}

.w-screen {

    width: 100vw;

}

.w-square-diagonal {

    width: 141.42%;

}

.min-w-0 {

    min-width: 0;

}

.min-w-\[8rem\] {

    min-width: 8rem;

}

.min-w-full {

    min-width: 100%;

}

.\!max-w-\[8rem\] {

    max-width: 8rem !important;

}

.max-w-2xl {

    max-width: 42rem;

}

.max-w-3xl {

    max-width: 48rem;

}

.max-w-4xl {

    max-width: 56rem;

}

.max-w-5xl {

    max-width: 64rem;

}

.max-w-7xl {

    max-width: 80rem;

}

.max-w-\[172px\] {

    max-width: 172px;

}

.max-w-\[360px\] {

    max-width: 360px;

}

.max-w-\[calc\(100\%-50px\)\] {

    max-width: calc(100% - 50px);

}

.max-w-md {

    max-width: 28rem;

}

.max-w-xl {

    max-width: 36rem;

}

.max-w-xs {

    max-width: 20rem;

}

.flex-1 {

    flex: 1 1 0%;

}

.flex-auto {

    flex: 1 1 auto;

}

.flex-none {

    flex: none;

}

.flex-shrink-0,

.shrink-0 {

    flex-shrink: 0;

}

.flex-grow,

.grow {

    flex-grow: 1;

}

.origin-bottom-left {

    transform-origin: bottom left;

}

.origin-bottom-right {

    transform-origin: bottom right;

}

.origin-top-left {

    transform-origin: top left;

}

.origin-top-right {

    transform-origin: top right;

}

.-translate-x-1\/2 {

    --tw-translate-x: -50%;

}

.-translate-x-1\/2,

.-translate-x-full {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.-translate-x-full {

    --tw-translate-x: -100%;

}

.translate-x-0 {

    --tw-translate-x: 0px;

}

.translate-x-0,

.translate-y-0 {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.translate-y-0 {

    --tw-translate-y: 0px;

}

.translate-y-1 {

    --tw-translate-y: 0.25rem;

}

.translate-y-1,

.translate-y-4 {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.translate-y-4 {

    --tw-translate-y: 1rem;

}

.-rotate-45 {

    --tw-rotate: -45deg;

}

.-rotate-45,

.rotate-0 {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.rotate-0 {

    --tw-rotate: 0deg;

}

.rotate-180 {

    --tw-rotate: 180deg;

}

.rotate-180,

.rotate-45 {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.rotate-45 {

    --tw-rotate: 45deg;

}

.rotate-90 {

    --tw-rotate: 90deg;

}

.rotate-90,

.rotate-\[215deg\] {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.rotate-\[215deg\] {

    --tw-rotate: 215deg;

}

.scale-0 {

    --tw-scale-x: 0;

    --tw-scale-y: 0;

}

.scale-0,

.scale-100 {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.scale-100 {

    --tw-scale-x: 1;

    --tw-scale-y: 1;

}

.scale-75 {

    --tw-scale-x: 0.75;

    --tw-scale-y: 0.75;

}

.scale-75,

.scale-95 {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.scale-95 {

    --tw-scale-x: 0.95;

    --tw-scale-y: 0.95;

}

.transform {

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.animate-enter {

    animation: enter 0.2s ease-out;

}

@keyframes leave {

    0% {

        transform: scale(1);

        opacity: 1;

    }

    to {

        transform: scale(0.9);

        opacity: 0;

    }

}

.animate-leave {

    animation: leave 0.15s ease-in forwards;

}

@keyframes meteor {

    0% {

        transform: rotate(215deg) translateX(0);

        opacity: 1;

    }

    70% {

        opacity: 1;

    }

    to {

        transform: rotate(215deg) translateX(-1000px);

        opacity: 0;

    }

}

.animate-meteor-effect {

    animation: meteor 5s linear infinite;

}

@keyframes pulse {

    50% {

        opacity: 0.5;

    }

}

.animate-pulse {

    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

}

@keyframes spin {

    to {

        transform: rotate(1turn);

    }

}

.animate-spin {

    animation: spin 1s linear infinite;

}

.cursor-default {

    cursor: default;

}

.cursor-not-allowed {

    cursor: not-allowed;

}

.cursor-pointer {

    cursor: pointer;

}

.select-none {

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

}

.scroll-mt-20 {

    scroll-margin-top: 5rem;

}

.scroll-py-2 {

    scroll-padding-top: 0.5rem;

    scroll-padding-bottom: 0.5rem;

}

.appearance-none {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.grid-cols-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

}

.grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

}

.grid-cols-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

}

.grid-cols-8 {

    grid-template-columns: repeat(8, minmax(0, 1fr));

}

.flex-row {

    flex-direction: row;

}

.flex-row-reverse {

    flex-direction: row-reverse;

}

.flex-col {

    flex-direction: column;

}

.flex-col-reverse {

    flex-direction: column-reverse;

}

.flex-wrap {

    flex-wrap: wrap;

}

.content-start {

    align-content: flex-start;

}

.items-start {

    align-items: flex-start;

}

.items-end {

    align-items: flex-end;

}

.items-center {

    align-items: center;

}

.justify-start {

    justify-content: flex-start;

}

.justify-end {

    justify-content: flex-end;

}

.justify-center {

    justify-content: center;

}

.justify-between {

    justify-content: space-between;

}

.justify-around {

    justify-content: space-around;

}

.gap-1 {

    gap: 0.25rem;

}

.gap-2 {

    gap: 0.5rem;

}

.gap-3 {

    gap: 0.75rem;

}

.gap-4 {

    gap: 1rem;

}

.gap-6 {

    gap: 1.5rem;

}

.gap-8 {

    gap: 2rem;

}

.gap-x-1 {

    -moz-column-gap: 0.25rem;

    column-gap: 0.25rem;

}

.gap-x-1\.5 {

    -moz-column-gap: 0.375rem;

    column-gap: 0.375rem;

}

.gap-x-2 {

    -moz-column-gap: 0.5rem;

    column-gap: 0.5rem;

}

.gap-x-3 {

    -moz-column-gap: 0.75rem;

    column-gap: 0.75rem;

}

.gap-x-4 {

    -moz-column-gap: 1rem;

    column-gap: 1rem;

}

.gap-x-6 {

    -moz-column-gap: 1.5rem;

    column-gap: 1.5rem;

}

.gap-x-8 {

    -moz-column-gap: 2rem;

    column-gap: 2rem;

}

.gap-y-2 {

    row-gap: 0.5rem;

}

.gap-y-3 {

    row-gap: 0.75rem;

}

.gap-y-4 {

    row-gap: 1rem;

}

.gap-y-8 {

    row-gap: 2rem;

}

.-space-y-px > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(-1px * var(--tw-space-y-reverse));

}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.5rem * var(--tw-space-x-reverse));

    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));

}

.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.625rem * var(--tw-space-x-reverse));

    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));

}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.75rem * var(--tw-space-x-reverse));

    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));

}

.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.875rem * var(--tw-space-x-reverse));

    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));

}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));

}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.5rem * var(--tw-space-x-reverse));

    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));

}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));

}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(3rem * var(--tw-space-y-reverse));

}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));

}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));

}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1rem * var(--tw-space-y-reverse));

}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));

}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(2rem * var(--tw-space-y-reverse));

}

.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));

}

.divide-border > :not([hidden]) ~ :not([hidden]) {

    border-color: hsl(var(--border));

}

.divide-card-foreground\/25 > :not([hidden]) ~ :not([hidden]) {

    border-color: hsl(var(--card-foreground) / 0.25);

}

.divide-muted > :not([hidden]) ~ :not([hidden]) {

    border-color: hsl(var(--muted));

}

.divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {

    --tw-divide-opacity: 0.1;

}

.overflow-auto {

    overflow: auto;

}

.overflow-hidden {

    overflow: hidden;

}

.overflow-x-auto {

    overflow-x: auto;

}

.overflow-y-auto {

    overflow-y: auto;

}

.truncate {

    overflow: hidden;

    text-overflow: ellipsis;

}

.truncate,

.whitespace-nowrap {

    white-space: nowrap;

}

.whitespace-pre {

    white-space: pre;

}

.text-balance {

    text-wrap: balance;

}

.break-words {

    overflow-wrap: break-word;

}

.\!rounded-2xl {

    border-radius: 1rem !important;

}

.\!rounded-md {

    border-radius: calc(var(--radius) - 2px) !important;

}

.rounded {

    border-radius: 0.25rem;

}

.rounded-2xl {

    border-radius: 1rem;

}

.rounded-3xl {

    border-radius: 1.5rem;

}

.rounded-\[--card-radius\] {

    border-radius: var(--card-radius);

}

.rounded-\[4px\] {

    border-radius: 4px;

}

.rounded-\[9999px\] {

    border-radius: 9999px;

}

.rounded-\[calc\(var\(--card-radius\)-var\(--card-padding\)\)\] {

    border-radius: calc(var(--card-radius) - var(--card-padding));

}

.rounded-full {

    border-radius: 9999px;

}

.rounded-lg {

    border-radius: var(--radius);

}

.rounded-md {

    border-radius: calc(var(--radius) - 2px);

}

.rounded-none {

    border-radius: 0;

}

.rounded-sm {

    border-radius: calc(var(--radius) - 4px);

}

.rounded-xl {

    border-radius: 0.75rem;

}

.rounded-b-\[25px\] {

    border-bottom-right-radius: 25px;

    border-bottom-left-radius: 25px;

}

.rounded-b-lg {

    border-bottom-right-radius: var(--radius);

    border-bottom-left-radius: var(--radius);

}

.rounded-b-xl {

    border-bottom-right-radius: 0.75rem;

    border-bottom-left-radius: 0.75rem;

}

.rounded-l-lg {

    border-top-left-radius: var(--radius);

    border-bottom-left-radius: var(--radius);

}

.rounded-r-lg {

    border-top-right-radius: var(--radius);

    border-bottom-right-radius: var(--radius);

}

.rounded-t-3xl {

    border-top-left-radius: 1.5rem;

    border-top-right-radius: 1.5rem;

}

.rounded-t-\[25px\] {

    border-top-left-radius: 25px;

    border-top-right-radius: 25px;

}

.rounded-t-lg {

    border-top-left-radius: var(--radius);

    border-top-right-radius: var(--radius);

}

.rounded-t-md {

    border-top-left-radius: calc(var(--radius) - 2px);

    border-top-right-radius: calc(var(--radius) - 2px);

}

.rounded-t-xl {

    border-top-left-radius: 0.75rem;

    border-top-right-radius: 0.75rem;

}

.\!border-0 {

    border-width: 0 !important;

}

.border {

    border-width: 1px;

}

.border-0 {

    border-width: 0;

}

.border-2 {

    border-width: 2px;

}

.border-y {

    border-top-width: 1px;

}

.border-b,

.border-y {

    border-bottom-width: 1px;

}

.border-b-0 {

    border-bottom-width: 0;

}

.border-b-2 {

    border-bottom-width: 2px;

}

.border-l {

    border-left-width: 1px;

}

.border-l-4 {

    border-left-width: 4px;

}

.border-r-2 {

    border-right-width: 2px;

}

.border-t {

    border-top-width: 1px;

}

.border-t-0 {

    border-top-width: 0;

}

.border-dashed {

    border-style: dashed;

}

.\!border-transparent {

    border-color: transparent !important;

}

.border-background {

    border-color: hsl(var(--background));

}

.border-background\/50 {

    border-color: hsl(var(--background) / 0.5);

}

.border-border {

    border-color: hsl(var(--border));

}

.border-border\/50 {

    border-color: hsl(var(--border) / 0.5);

}

.border-border\/75 {

    border-color: hsl(var(--border) / 0.75);

}

.border-card-foreground\/25 {

    border-color: hsl(var(--card-foreground) / 0.25);

}

.border-destructive {

    border-color: hsl(var(--destructive));

}

.border-gray-200 {

    --tw-border-opacity: 1;

    border-color: rgb(229 231 235 / var(--tw-border-opacity));

}

.border-info {

    border-color: hsl(var(--info));

}

.border-input {

    border-color: hsl(var(--input));

}

.border-muted\/50 {

    border-color: hsl(var(--muted) / 0.5);

}

.border-muted\/75 {

    border-color: hsl(var(--muted) / 0.75);

}

.border-primary {

    border-color: hsl(var(--primary));

}

.border-purple-500 {

    --tw-border-opacity: 1;

    border-color: rgb(168 85 247 / var(--tw-border-opacity));

}

.border-sky-500 {

    --tw-border-opacity: 1;

    border-color: rgb(14 165 233 / var(--tw-border-opacity));

}

.border-success {

    border-color: hsl(var(--success));

}

.border-transparent {

    border-color: transparent;

}

.border-warning {

    border-color: hsl(var(--warning));

}

.border-white\/60 {

    border-color: hsla(0, 0%, 100%, 0.6);

}

.border-yellow-400 {

    --tw-border-opacity: 1;

    border-color: rgb(250 204 21 / var(--tw-border-opacity));

}

.border-yellow-500 {

    --tw-border-opacity: 1;

    border-color: rgb(234 179 8 / var(--tw-border-opacity));

}

.\!bg-foreground {

    background-color: hsl(var(--foreground)) !important;

}

.\!bg-transparent {

    background-color: transparent !important;

}

.bg-amber-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(252 211 77 / var(--tw-bg-opacity));

}

.bg-amber-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(245 158 11 / var(--tw-bg-opacity));

}

.bg-auth-background {

    background-color: hsl(var(--auth-color));

}

.bg-background {

    background-color: hsl(var(--background));

}

.bg-background\/25 {

    background-color: hsl(var(--background) / 0.25);

}

.bg-background\/50 {

    background-color: hsl(var(--background) / 0.5);

}

.bg-background\/75 {

    background-color: hsl(var(--background) / 0.75);

}

.bg-border {

    background-color: hsl(var(--border));

}

.bg-card {

    background-color: hsl(var(--card));

}

.bg-card\/50 {

    background-color: hsl(var(--card) / 0.5);

}

.bg-card\/75 {

    background-color: hsl(var(--card) / 0.75);

}

.bg-cyan-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(103 232 249 / var(--tw-bg-opacity));

}

.bg-cyan-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(6 182 212 / var(--tw-bg-opacity));

}

.bg-destructive {

    background-color: hsl(var(--destructive));

}

.bg-destructive\/10 {

    background-color: hsl(var(--destructive) / 0.1);

}

.bg-destructive\/20 {

    background-color: hsl(var(--destructive) / 0.2);

}

.bg-destructive\/50 {

    background-color: hsl(var(--destructive) / 0.5);

}

.bg-emerald-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(167 243 208 / var(--tw-bg-opacity));

}

.bg-foreground {

    background-color: hsl(var(--foreground));

}

.bg-foreground\/50 {

    background-color: hsl(var(--foreground) / 0.5);

}

.bg-foreground\/75 {

    background-color: hsl(var(--foreground) / 0.75);

}

.bg-gray-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(243 244 246 / var(--tw-bg-opacity));

}

.bg-green-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(134 239 172 / var(--tw-bg-opacity));

}

.bg-green-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(34 197 94 / var(--tw-bg-opacity));

}

.bg-green-500\/10 {

    background-color: rgba(34, 197, 94, 0.1);

}

.bg-info {

    background-color: hsl(var(--info));

}

.bg-info\/10 {

    background-color: hsl(var(--info) / 0.1);

}

.bg-info\/20 {

    background-color: hsl(var(--info) / 0.2);

}

.bg-info\/50 {

    background-color: hsl(var(--info) / 0.5);

}

.bg-input {

    background-color: hsl(var(--input));

}

.bg-muted {

    background-color: hsl(var(--muted));

}

.bg-muted\/25 {

    background-color: hsl(var(--muted) / 0.25);

}

.bg-muted\/50 {

    background-color: hsl(var(--muted) / 0.5);

}

.bg-muted\/75 {

    background-color: hsl(var(--muted) / 0.75);

}

.bg-muted\/80 {

    background-color: hsl(var(--muted) / 0.8);

}

.bg-orange-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(249 115 22 / var(--tw-bg-opacity));

}

.bg-orange-700 {

    --tw-bg-opacity: 1;

    background-color: rgb(194 65 12 / var(--tw-bg-opacity));

}

.bg-order-header-background {

    background-color: hsl(var(--order-header));

}

.bg-order-variant-background {

    background-color: hsl(var(--order-variant));

}

.bg-popover {

    background-color: hsl(var(--popover));

}

.bg-popular-background {

    background-color: hsl(var(--popular-background));

}

.bg-primary {

    background-color: hsl(var(--primary));

}

.bg-primary\/50 {

    background-color: hsl(var(--primary) / 0.5);

}

.bg-primary\/75 {

    background-color: hsl(var(--primary) / 0.75);

}

.bg-purple-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(216 180 254 / var(--tw-bg-opacity));

}

.bg-purple-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(168 85 247 / var(--tw-bg-opacity));

}

.bg-purple-500\/20 {

    background-color: rgba(168, 85, 247, 0.2);

}

.bg-recommendation-background {

    background-color: hsl(var(--recommendation-background));

}

.bg-rose-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(253 164 175 / var(--tw-bg-opacity));

}

.bg-secondary {

    background-color: hsl(var(--secondary)) !important;

}

.bg-secondary\/25 {

    background-color: hsl(var(--secondary) / 0.25);

}

.bg-secondary\/50 {

    background-color: hsl(var(--secondary) / 0.5);

}

.bg-secondary\/80 {

    background-color: hsl(var(--secondary) / 0.8);

}

.bg-secondary\/90 {

    background-color: hsl(var(--secondary) / 0.9);

}

.bg-sky-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(14 165 233 / var(--tw-bg-opacity));

}

.bg-sky-500\/20 {

    background-color: rgba(14, 165, 233, 0.2);

}

.bg-sky-600 {

    --tw-bg-opacity: 1;

    background-color: rgb(2 132 199 / var(--tw-bg-opacity));

}

.bg-sky-700 {

    --tw-bg-opacity: 1;

    background-color: rgb(3 105 161 / var(--tw-bg-opacity));

}

.bg-slate-400\/10 {

    background-color: rgba(148, 163, 184, 0.1);

}

.bg-success {

    background-color: hsl(var(--success));

}

.bg-success\/20 {

    background-color: hsl(var(--success) / 0.2);

}

.bg-success\/25 {

    background-color: hsl(var(--success) / 0.25);

}

.bg-success\/50 {

    background-color: hsl(var(--success) / 0.5);

}

.bg-transparent {

    background-color: transparent;

}

.bg-warning\/20 {

    background-color: hsl(var(--warning) / 0.2);

}

.bg-warning\/30 {

    background-color: hsl(var(--warning) / 0.3);

}

.bg-warning\/50 {

    background-color: hsl(var(--warning) / 0.5);

}

.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

}

.bg-white\/50 {

    background-color: hsla(0, 0%, 100%, 0.5);

}

.bg-yellow-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(253 224 71 / var(--tw-bg-opacity));

}

.bg-yellow-400 {

    --tw-bg-opacity: 1;

    background-color: rgb(250 204 21 / var(--tw-bg-opacity));

}

.bg-yellow-500\/20 {

    background-color: rgba(234, 179, 8, 0.2);

}

.bg-opacity-5 {

    --tw-bg-opacity: 0.05;

}

.bg-opacity-75 {

    --tw-bg-opacity: 0.75;

}

.bg-opacity-80 {

    --tw-bg-opacity: 0.8;

}

.bg-auth-image {

    background-image: var(--auth-image);

}

.bg-gradient-theme {

    background-image: var(--gradient-theme);

}

.bg-gradient-to-b {

    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));

}

.bg-gradient-to-r {

    background-image: linear-gradient(to right, var(--tw-gradient-stops));

}

.bg-gradient-to-t {

    background-image: linear-gradient(to top, var(--tw-gradient-stops));

}

.bg-gradient-to-tr {

    background-image: linear-gradient(to top right, var(--tw-gradient-stops));

}

.bg-order-header-image {

    background-image: var(--order-header-image);

}

.bg-order-variant-image {

    background-image: var(--order-variant-image);

}

.bg-popular-image {

    background-image: var(--popular-image);

}

.bg-recommendation-image {

    background-image: var(--recommendation-image);

}

.from-auth-gradient-from {

    --tw-gradient-from: hsl(var(--auth-gradient-from))

        var(--tw-gradient-from-position);

    --tw-gradient-to: hsl(var(--auth-gradient-from) / 0)

        var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}

.from-primary {

    --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);

    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}

.from-transparent {

    --tw-gradient-from: transparent var(--tw-gradient-from-position);

    --tw-gradient-to: transparent var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}

.from-\[70\%\] {

    --tw-gradient-from-position: 70%;

}

.to-auth-gradient-to {

    --tw-gradient-to: hsl(var(--auth-gradient-to))

        var(--tw-gradient-to-position);

}

.to-secondary {

    --tw-gradient-to: hsl(var(--secondary)) var(--tw-gradient-to-position);

}

.to-transparent {

    --tw-gradient-to: transparent var(--tw-gradient-to-position);

}

.bg-contain {

    background-size: contain;

}

.bg-cover {

    background-size: cover;

}

.bg-\[120px\] {

    background-position: 120px;

}

.bg-center {

    background-position: 50%;

}

.bg-no-repeat {

    background-repeat: no-repeat;

}

.fill-black {

    fill: #000;

}

.fill-current {

    fill: currentColor;

}

.fill-secondary {

    fill: hsl(var(--secondary));

}

.object-contain {

    -o-object-fit: contain;

    object-fit: contain;

}

.object-cover {

    -o-object-fit: cover;

    object-fit: cover;

}

.object-scale-down {

    -o-object-fit: scale-down;

    object-fit: scale-down;

}

.object-\[100\%_10\%\] {

    -o-object-position: 100% 10%;

    object-position: 100% 10%;

}

.object-bottom {

    -o-object-position: bottom;

    object-position: bottom;

}

.object-center {

    -o-object-position: center;

    object-position: center;

}

.object-right {

    -o-object-position: right;

    object-position: right;

}

.p-1 {

    padding: 0.25rem;

}

.p-1\.5 {

    padding: 0.375rem;

}

.p-2 {

    padding: 0.5rem;

}

.p-2\.5 {

    padding: 0.625rem;

}

.p-3 {

    padding: 0.75rem;

}

.p-4 {

    padding: 1rem;

}

.p-6 {

    padding: 1.5rem;

}

.p-\[--card-padding\] {

    padding: var(--card-padding);

}

.\!px-2 {

    padding-left: 0.5rem !important;

    padding-right: 0.5rem !important;

}

.px-0 {

    padding-left: 0;

    padding-right: 0;

}

.px-1 {

    padding-left: 0.25rem;

    padding-right: 0.25rem;

}

.px-2 {

    padding-left: 0.5rem;

    padding-right: 0.5rem;

}

.px-2\.5 {

    padding-left: 0.625rem;

    padding-right: 0.625rem;

}

.px-3 {

    padding-left: 0.75rem;

    padding-right: 0.75rem;

}

.px-3\.5 {

    padding-left: 0.875rem;

    padding-right: 0.875rem;

}

.px-4 {

    padding-left: 1rem;

    padding-right: 1rem;

}

.px-6 {

    padding-left: 1.5rem;

    padding-right: 1.5rem;

}

.px-8 {

    padding-left: 2rem;

    padding-right: 2rem;

}

.py-0 {

    padding-top: 0;

    padding-bottom: 0;

}

.py-0\.5 {

    padding-top: 0.125rem;

    padding-bottom: 0.125rem;

}

.py-1 {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

}

.py-1\.5 {

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

}

.py-10 {

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

}

.py-12 {

    padding-top: 3rem;

    padding-bottom: 3rem;

}

.py-14 {

    padding-top: 3.5rem;

    padding-bottom: 3.5rem;

}

.py-16 {

    padding-top: 4rem;

    padding-bottom: 4rem;

}

.py-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

}

.py-2\.5 {

    padding-top: 0.625rem;

    padding-bottom: 0.625rem;

}

.py-20 {

    padding-top: 5rem;

    padding-bottom: 5rem;

}

.py-24 {

    padding-top: 6rem;

    padding-bottom: 6rem;

}

.py-3 {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

}

.py-3\.5 {

    padding-top: 0.875rem;

    padding-bottom: 0.875rem;

}

.py-4 {

    padding-top: 1rem;

    padding-bottom: 1rem;

}

.py-5 {

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

}

.py-6 {

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

}

.py-8 {

    padding-top: 2rem;

    padding-bottom: 2rem;

}

.\!pl-3 {

    padding-left: 0.75rem !important;

}

.\!pr-4 {

    padding-right: 1rem !important;

}

.pb-0 {

    padding-bottom: 0;

}

.pb-0\.5 {

    padding-bottom: 0.125rem;

}

.pb-1 {

    padding-bottom: 0.25rem;

}

.pb-12 {

    padding-bottom: 3rem;

}

.pb-16 {

    padding-bottom: 4rem;

}

.pb-2 {

    padding-bottom: 0.5rem;

}

.pb-2\.5 {

    padding-bottom: 0.625rem;

}

.pb-24 {

    padding-bottom: 6rem;

}

.pb-3 {

    padding-bottom: 0.75rem;

}

.pb-32 {

    padding-bottom: 8rem;

}

.pb-4 {

    padding-bottom: 1rem;

}

.pb-48 {

    padding-bottom: 12rem;

}

.pb-5 {

    padding-bottom: 1.25rem;

}

.pb-6 {

    padding-bottom: 1.5rem;

}

.pb-8 {

    padding-bottom: 2rem;

}

.pl-1 {

    padding-left: 0.25rem;

}

.pl-11 {

    padding-left: 2.75rem;

}

.pl-2 {

    padding-left: 0.5rem;

}

.pl-3 {

    padding-left: 0.75rem;

}

.pl-4 {

    padding-left: 1rem;

}

.pl-6 {

    padding-left: 1.5rem;

}

.pl-8 {

    padding-left: 2rem;

}

.pr-1 {

    padding-right: 0.25rem;

}

.pr-12 {

    padding-right: 3rem;

}

.pr-2 {

    padding-right: 0.5rem;

}

.pr-3 {

    padding-right: 0.75rem;

}

.pr-4 {

    padding-right: 1rem;

}

.pt-0 {

    padding-top: 0;

}

.pt-0\.5 {

    padding-top: 0.125rem;

}

.pt-1 {

    padding-top: 0.25rem;

}

.pt-12 {

    padding-top: 3rem;

}

.pt-16 {

    padding-top: 4rem;

}

.pt-2 {

    padding-top: 0.5rem;

}

.pt-24 {

    padding-top: 6rem;

}

.pt-3 {

    padding-top: 0.75rem;

}

.pt-32 {

    padding-top: 8rem;

}

.pt-4 {

    padding-top: 1rem;

}

.pt-5 {

    padding-top: 1.25rem;

}

.pt-6 {

    padding-top: 1.5rem;

}

.pt-8 {

    padding-top: 2rem;

}

.pt-px {

    padding-top: 1px;

}

.text-left {

    text-align: left;

}

.text-center {

    text-align: center;

}

.text-right {

    text-align: right;

}

.font-bjcredits {

    font-family: var(--font-bjcredits), ui-sans-serif, system-ui, sans-serif,

        apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;

}

.font-chakra {

    font-family: var(--font-chakra), ui-sans-serif, system-ui, sans-serif,

        apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;

}

.font-sans {

    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif,

        apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;

}

.\!text-xs {

    font-size: 0.75rem !important;

    line-height: 1rem !important;

}

.\!text-xxs {

    font-size: 0.625rem !important;

}

.text-2xl {

    font-size: 1.5rem;

    line-height: 2rem;

}

.text-3xl {

    font-size: 1.875rem;

    line-height: 2.25rem;

}

.text-4xl {

    font-size: 2.25rem;

    line-height: 2.5rem;

}

.text-5xl {

    font-size: 3rem;

    line-height: 1;

}

.text-\[12px\] {

    font-size: 12px;

}

.text-\[24px\] {

    font-size: 24px;

}

.text-base {

    font-size: 1rem;

    line-height: 1.5rem;

}

.text-lg {

    font-size: 1.125rem;

    line-height: 1.75rem;

}

.text-sm {

    font-size: 0.875rem;

    line-height: 1.25rem;

}

.text-sm\/6 {

    font-size: 0.875rem;

    line-height: 1.5rem;

}

.text-xl {

    font-size: 1.25rem;

    line-height: 1.75rem;

}

.text-xs {

    font-size: 0.75rem;

    line-height: 1rem;

}

.text-xs\/6 {

    font-size: 0.75rem;

    line-height: 1.5rem;

}

.text-xxs {

    font-size: 0.625rem;

}

.font-bold {

    font-weight: 700;

}

.font-medium {

    font-weight: 500;

}

.font-semibold {

    font-weight: 600;

}

.uppercase {

    text-transform: uppercase;

}

.capitalize {

    text-transform: capitalize;

}

.italic {

    font-style: italic;

}

.tabular-nums {

    --tw-numeric-spacing: tabular-nums;

    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)

        var(--tw-numeric-figure) var(--tw-numeric-spacing)

        var(--tw-numeric-fraction);

}

.leading-10 {

    line-height: 2.5rem;

}

.leading-4 {

    line-height: 1rem;

}

.leading-5 {

    line-height: 1.25rem;

}

.leading-6 {

    line-height: 1.5rem;

}

.leading-7 {

    line-height: 1.75rem;

}

.leading-8 {

    line-height: 2rem;

}

.leading-relaxed {

    line-height: 1.625;

}

.tracking-tight {

    letter-spacing: -0.025em;

}

.tracking-wider {

    letter-spacing: 0.05em;

}

.tracking-widest {

    letter-spacing: 0.1em;

}

.\!text-background {

    color: hsl(var(--background)) !important;

}

.\!text-primary {

    color: hsl(var(--primary)) !important;

}

.text-\[var\(--text-color\)\] {

    color: var(--text-color);

}

.text-amber-800 {

    --tw-text-opacity: 1;

    color: rgb(146 64 14 / var(--tw-text-opacity));

}

.text-background {

    color: hsl(var(--background));

}

.text-background\/50 {

    color: hsl(var(--background) / 0.5);

}

.text-card-foreground {

    color: hsl(var(--card-foreground));

}

.text-cyan-800 {

    --tw-text-opacity: 1;

    color: rgb(21 94 117 / var(--tw-text-opacity));

}

.text-destructive {

    color: hsl(var(--destructive));

}

.text-destructive-foreground {

    color: hsl(var(--destructive-foreground));

}

.text-emerald-500 {

    --tw-text-opacity: 1;

    color: rgb(16 185 129 / var(--tw-text-opacity));

}

.text-emerald-900 {

    --tw-text-opacity: 1;

    color: rgb(6 78 59 / var(--tw-text-opacity));

}

.text-foreground {

    color: hsl(var(--foreground));

}

.text-foreground\/75 {

    color: hsl(var(--foreground) / 0.75);

}

.text-gray-300 {

    --tw-text-opacity: 1;

    color: rgb(209 213 219 / var(--tw-text-opacity));

}

.text-green-400 {

    --tw-text-opacity: 1;

    color: rgb(74 222 128 / var(--tw-text-opacity));

}

.text-green-500 {

    --tw-text-opacity: 1;

    color: rgb(34 197 94 / var(--tw-text-opacity));

}

.text-green-800 {

    --tw-text-opacity: 1;

    color: rgb(22 101 52 / var(--tw-text-opacity));

}

.text-info {

    color: hsl(var(--info));

}

.text-info-foreground {

    color: hsl(var(--info-foreground));

}

.text-muted-foreground {

    color: hsl(var(--muted-foreground));

}

.text-order-header-foreground {

    color: hsl(var(--order-header-foreground));

}

.text-order-variant-foreground {

    color: hsl(var(--order-variant-foreground));

}

.text-popover-foreground {

    color: hsl(var(--popover-foreground));

}

.text-popular-foreground {

    color: hsl(var(--popular-foreground));

}

.text-primary {

    color: hsl(var(--primary));

}

.text-primary-foreground {

    color: hsl(var(--primary-foreground));

}

.text-purple-800 {

    --tw-text-opacity: 1;

    color: rgb(107 33 168 / var(--tw-text-opacity));

}

.text-purple-900 {

    --tw-text-opacity: 1;

    color: rgb(88 28 135 / var(--tw-text-opacity));

}

.text-recommendation-foreground {

    color: hsl(var(--recommendation-foreground));

}

.text-rose-400 {

    --tw-text-opacity: 1;

    color: rgb(251 113 133 / var(--tw-text-opacity));

}

.text-rose-800 {

    --tw-text-opacity: 1;

    color: rgb(159 18 57 / var(--tw-text-opacity));

}

.text-secondary-foreground {

    color: hsl(var(--secondary-foreground));

}

.text-sky-500 {

    --tw-text-opacity: 1;

    color: rgb(14 165 233 / var(--tw-text-opacity));

}

.text-sky-900 {

    --tw-text-opacity: 1;

    color: rgb(12 74 110 / var(--tw-text-opacity));

}

.text-slate-400 {

    --tw-text-opacity: 1;

    color: rgb(148 163 184 / var(--tw-text-opacity));

}

.text-success {

    color: hsl(var(--success));

}

.text-success-foreground {

    color: hsl(var(--success-foreground));

}

.text-warning {

    color: hsl(var(--warning));

}

.text-warning-foreground {

    color: hsl(var(--warning-foreground));

}

.text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));

}

.text-yellow-400 {

    --tw-text-opacity: 1;

    color: rgb(250 204 21 / var(--tw-text-opacity));

}

.text-yellow-800 {

    --tw-text-opacity: 1;

    color: rgb(133 77 14 / var(--tw-text-opacity));

}

.text-yellow-900 {

    --tw-text-opacity: 1;

    color: rgb(113 63 18 / var(--tw-text-opacity));

}

.text-opacity-40 {

    --tw-text-opacity: 0.4;

}

.underline {

    text-decoration-line: underline;

}

.line-through {

    text-decoration-line: line-through;

}

.decoration-destructive {

    text-decoration-color: hsl(var(--destructive));

}

.decoration-muted {

    text-decoration-color: hsl(var(--muted));

}

.decoration-primary {

    text-decoration-color: hsl(var(--primary));

}

.decoration-\[0\.9px\] {

    text-decoration-thickness: 0.9px;

}

.underline-offset-4 {

    text-underline-offset: 4px;

}

.antialiased {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.\!placeholder-background::-moz-placeholder {

    color: hsl(var(--background)) !important;

}

.\!placeholder-background::placeholder {

    color: hsl(var(--background)) !important;

}

.placeholder-muted-foreground::-moz-placeholder {

    color: hsl(var(--muted-foreground));

}

.placeholder-muted-foreground::placeholder {

    color: hsl(var(--muted-foreground));

}

.accent-background {

    accent-color: hsl(var(--background));

}

.accent-primary {

    accent-color: hsl(var(--primary));

}

.opacity-0 {

    opacity: 0;

}

.opacity-100 {

    opacity: 1;

}

.opacity-25 {

    opacity: 0.25;

}

.opacity-50 {

    opacity: 0.5;

}

.opacity-60 {

    opacity: 0.6;

}

.opacity-75 {

    opacity: 0.75;

}

.shadow {

    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),

        0 1px 2px -1px rgba(0, 0, 0, 0.1);

    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),

        0 1px 2px -1px var(--tw-shadow-color);

}

.shadow,

.shadow-2xl {

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),

        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.shadow-2xl {

    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);

}

.shadow-\[0_0_0_1px_\#ffffff10\] {

    --tw-shadow: 0 0 0 1px #ffffff10;

    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);

}

.shadow-\[0_0_0_1px_\#ffffff10\],

.shadow-lg {

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),

        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.shadow-lg {

    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

        0 4px 6px -4px rgba(0, 0, 0, 0.1);

    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),

        0 4px 6px -4px var(--tw-shadow-color);

}

.shadow-md {

    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

        0 2px 4px -2px rgba(0, 0, 0, 0.1);

    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),

        0 2px 4px -2px var(--tw-shadow-color);

}

.shadow-md,

.shadow-sm {

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),

        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.shadow-sm {

    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

}

.shadow-xl {

    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),

        0 8px 10px -6px rgba(0, 0, 0, 0.1);

    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),

        0 8px 10px -6px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),

        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.outline-none {

    outline: 2px solid transparent;

    outline-offset: 2px;

}

.outline {

    outline-style: solid;

}

.outline-destructive {

    outline-color: hsl(var(--destructive));

}

.\!ring-0 {

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

        var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

        calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

        var(--tw-shadow, 0 0 #0000) !important;

}

.ring {

    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);

}

.ring,

.ring-0 {

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

        var(--tw-shadow, 0 0 #0000);

}

.ring-0 {

    --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);

}

.ring-1 {

    --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);

}

.ring-1,

.ring-2 {

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

        var(--tw-shadow, 0 0 #0000);

}

.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);

}

.ring-inset {

    --tw-ring-inset: inset;

}

.ring-background {

    --tw-ring-color: hsl(var(--background));

}

.ring-black {

    --tw-ring-opacity: 1;

    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));

}

.ring-destructive\/20 {

    --tw-ring-color: hsl(var(--destructive) / 0.2);

}

.ring-gray-900\/10 {

    --tw-ring-color: rgba(17, 24, 39, 0.1);

}

.ring-green-500\/20 {

    --tw-ring-color: rgba(34, 197, 94, 0.2);

}

.ring-info\/30 {

    --tw-ring-color: hsl(var(--info) / 0.3);

}

.ring-muted {

    --tw-ring-color: hsl(var(--muted));

}

.ring-primary {

    --tw-ring-color: hsl(var(--primary));

}

.ring-secondary {

    --tw-ring-color: hsl(var(--secondary));

}

.ring-slate-400\/20 {

    --tw-ring-color: rgba(148, 163, 184, 0.2);

}

.ring-success {

    --tw-ring-color: hsl(var(--success));

}

.ring-transparent {

    --tw-ring-color: transparent;

}

.ring-opacity-5 {

    --tw-ring-opacity: 0.05;

}

.ring-offset-2 {

    --tw-ring-offset-width: 2px;

}

.ring-offset-background {

    --tw-ring-offset-color: hsl(var(--background));

}

.ring-offset-card {

    --tw-ring-offset-color: hsl(var(--card));

}

.ring-offset-foreground\/75 {

    --tw-ring-offset-color: hsl(var(--foreground) / 0.75);

}

.blur {

    --tw-blur: blur(8px);

}

.blur,

.grayscale {

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)

        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)

        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

}

.grayscale {

    --tw-grayscale: grayscale(100%);

}

.filter {

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)

        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)

        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

}

.backdrop-blur {

    --tw-backdrop-blur: blur(8px);

}

.backdrop-blur,

.backdrop-blur-sm {

    -webkit-backdrop-filter: var(--tw-backdrop-blur)

        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)

        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)

        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)

        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)

        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)

        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)

        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)

        var(--tw-backdrop-sepia);

}

.backdrop-blur-sm {

    --tw-backdrop-blur: blur(4px);

}

.backdrop-filter {

    -webkit-backdrop-filter: var(--tw-backdrop-blur)

        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)

        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)

        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)

        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)

        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)

        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)

        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)

        var(--tw-backdrop-sepia);

}

.transition {

    transition-property: color, background-color, border-color,

        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(0.4, 0, 0.2, 1);

    transition-duration: 0.15s;

}

.transition-\[max-height\] {

    transition-property: max-height;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 0.15s;

}

.transition-all {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 0.15s;

}

.transition-colors {

    transition-property: color, background-color, border-color,

        text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 0.15s;

}

.transition-opacity {

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 0.15s;

}

.delay-150 {

    transition-delay: 0.15s;

}

.duration-100 {

    transition-duration: 0.1s;

}

.duration-150 {

    transition-duration: 0.15s;

}

.duration-200 {

    transition-duration: 0.2s;

}

.duration-300 {

    transition-duration: 0.3s;

}

.duration-700 {

    transition-duration: 0.7s;

}

.duration-75 {

    transition-duration: 75ms;

}

.ease-in {

    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

}

.ease-in-out {

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.ease-linear {

    transition-timing-function: linear;

}

.ease-out {

    transition-timing-function: cubic-bezier(0, 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));

    }

    0% {

        transform: scale(0.9);

        opacity: 0;

    }

    to {

        transform: scale(1);

        opacity: 1;

    }

}

@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));

    }

}

.duration-100 {

    animation-duration: 0.1s;

}

.duration-150 {

    animation-duration: 0.15s;

}

.duration-200 {

    animation-duration: 0.2s;

}

.duration-300 {

    animation-duration: 0.3s;

}

.duration-700 {

    animation-duration: 0.7s;

}

.duration-75 {

    animation-duration: 75ms;

}

.delay-150 {

    animation-delay: 0.15s;

}

.ease-in {

    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);

}

.ease-in-out {

    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.ease-linear {

    animation-timing-function: linear;

}

.ease-out {

    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);

}

.bj-shadow {

    --tw-shadow: 0px 0px 14px 4px hsla(0, 0%, 82%, 0.3);

    --tw-shadow-colored: 0px 0px 14px 4px var(--tw-shadow-color);

}

.bj-shadow,

.btn-order {

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),

        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.btn-order {

    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);

}

.btn-order:after {

    --tw-skew-x: -12deg;

    animation: hightlight 5s ease-in infinite forwards;

    background-color: hsl(var(--muted) / 0.5);

    --tw-content: "";

    content: var(--tw-content);

}

.btn-order:after,

.selected-item:after {

    position: absolute;

    top: 0;

    z-index: 10;

    display: block;

    height: 100%;

    width: 1em;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.selected-item:after {

    --tw-skew-x: -12deg;

}

@keyframes hightlight {

    0% {

        left: -400%;

    }

    to {

        left: 100%;

    }

}

.selected-item:after {

    animation: hightlight 5s ease-in infinite forwards;

    background-color: hsl(var(--muted) / 0.5);

    --tw-content: "";

    content: var(--tw-content);

}

.product-thumbnail-container {

    perspective: 25em;

}

.product-thumbnail-container img {

    position: relative;

    transform: rotateY(20deg) rotateX(-4deg) !important;

    transform-origin: left center;

}

.\[--card-padding\:theme\(spacing\.2\)\] {

    --card-padding: 0.5rem;

}

.\[--card-radius\:theme\(borderRadius\.2xl\)\] {

    --card-radius: 1rem;

}

.\[--duration\:20s\] {

    --duration: 20s;

}

.\[--duration\:40s\] {

    --duration: 40s;

}

.\[--gap\:1rem\] {

    --gap: 1rem;

}

.\[animation-direction\:reverse\] {

    animation-direction: reverse;

}

.\[gap\:var\(--gap\)\] {

    gap: var(--gap);

}

.area {

    position: relative;

}

.area,

.circles {

    width: 100%;

    height: 100%;

}

.circles {

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

}

.circles li {

    position: absolute;

    display: block;

    list-style: none;

    width: 20px;

    height: 20px;

    animation: animate 25s linear infinite;

    bottom: -150px;

    background-color: hsl(var(--secondary) / 0.5);

}

.circles li:first-child {

    left: 25%;

    width: 80px;

    height: 80px;

    animation-delay: 0s;

}

.circles li:nth-child(2) {

    left: 10%;

    width: 20px;

    height: 20px;

    animation-delay: 2s;

    animation-duration: 12s;

}

.circles li:nth-child(3) {

    left: 70%;

    width: 20px;

    height: 20px;

    animation-delay: 4s;

}

.circles li:nth-child(4) {

    left: 40%;

    width: 60px;

    height: 60px;

    animation-delay: 0s;

    animation-duration: 18s;

}

.circles li:nth-child(5) {

    left: 65%;

    width: 20px;

    height: 20px;

    animation-delay: 0s;

}

.circles li:nth-child(6) {

    left: 75%;

    width: 110px;

    height: 110px;

    animation-delay: 3s;

}

.circles li:nth-child(7) {

    left: 35%;

    width: 150px;

    height: 150px;

    animation-delay: 7s;

}

.circles li:nth-child(8) {

    left: 50%;

    width: 25px;

    height: 25px;

    animation-delay: 10s;

    animation-duration: 45s;

}

.circles li:nth-child(9) {

    left: 20%;

    width: 15px;

    height: 15px;

    animation-delay: 2s;

    animation-duration: 35s;

}

.circles li:nth-child(10) {

    left: 85%;

    width: 150px;

    height: 150px;

    animation-delay: 0s;

    animation-duration: 11s;

}

.rectangle {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.rectangle li {

    position: absolute;

    display: block;

    list-style: none;

    width: 20px;

    height: 80px;

    animation: animate-persegi-panjang 25s linear infinite;

    bottom: -250px;

}

.rectangle li:first-child {

    left: 25%;

    width: 80px;

    height: 80px;

    animation-delay: 0s;

}

.rectangle li:nth-child(2) {

    left: 10%;

    width: 20px;

    height: 80px;

    animation-delay: 2s;

    animation-duration: 12s;

}

.rectangle li:nth-child(3) {

    left: 70%;

    width: 20px;

    height: 80px;

    animation-delay: 4s;

}

.rectangle li:nth-child(4) {

    left: 40%;

    width: 60px;

    height: 120px;

    animation-delay: 0s;

    animation-duration: 18s;

}

.rectangle li:nth-child(5) {

    left: 65%;

    width: 20px;

    height: 80px;

    animation-delay: 0s;

}

.rectangle li:nth-child(6) {

    left: 75%;

    width: 110px;

    height: 170px;

    animation-delay: 3s;

}

.rectangle li:nth-child(7) {

    left: 35%;

    width: 150px;

    height: 240px;

    animation-delay: 7s;

}

.rectangle li:nth-child(8) {

    left: 50%;

    width: 25px;

    height: 25px;

    animation-delay: 10s;

    animation-duration: 45s;

}

.rectangle li:nth-child(9) {

    left: 20%;

    width: 15px;

    height: 40px;

    animation-delay: 2s;

    animation-duration: 35s;

}

.rectangle li:nth-child(10) {

    left: 85%;

    width: 150px;

    height: 270px;

    animation-delay: 0s;

    animation-duration: 11s;

}

@keyframes animate {

    0% {

        transform: translateY(0) rotate(0deg);

        opacity: 1;

        border-radius: 0;

    }

    to {

        transform: translateY(-1000px) rotate(2turn);

        opacity: 0;

        border-radius: 50%;

    }

}

@keyframes animate-persegi-panjang {

    0% {

        transform: translateY(0) rotate(0deg);

        opacity: 1;

        border-radius: 0;

    }

    to {

        transform: translateY(-1000px) rotate(2turn);

        opacity: 0;

        border-radius: 5%;

    }

}

@media (min-width: 768px) {

    .md\:container {

        width: 100%;

        margin-right: auto;

        margin-left: auto;

        padding-right: 1rem;

        padding-left: 1rem;

    }

    @media (min-width: 1400px) {

        .md\:container {

            max-width: 1400px;

        }

    }

    .md\:container {

        max-width: none;

    }

    @media (min-width: 768px) {

        .md\:container {

            max-width: 48rem;

        }

    }

    @media (min-width: 1024px) {

        .md\:container {

            max-width: 64rem;

        }

    }

    @media (min-width: 1280px) {

        .md\:container {

            max-width: 80rem;

        }

    }

}

.placeholder\:text-xs::-moz-placeholder {

    font-size: 0.75rem;

    line-height: 1rem;

}

.placeholder\:text-xs::placeholder {

    font-size: 0.75rem;

    line-height: 1rem;

}

.placeholder\:text-foreground::-moz-placeholder {

    color: hsl(var(--foreground));

}

.placeholder\:text-foreground::placeholder {

    color: hsl(var(--foreground));

}

.placeholder\:text-foreground\/50::-moz-placeholder {

    color: hsl(var(--foreground) / 0.5);

}

.placeholder\:text-foreground\/50::placeholder {

    color: hsl(var(--foreground) / 0.5);

}

.placeholder\:text-muted-foreground::-moz-placeholder {

    color: hsl(var(--muted-foreground));

}

.placeholder\:text-muted-foreground::placeholder {

    color: hsl(var(--muted-foreground));

}

.before\:absolute:before {

    content: var(--tw-content);

    position: absolute;

}

.before\:top-1\/2:before {

    content: var(--tw-content);

    top: 50%;

}

.before\:h-\[1px\]:before {

    content: var(--tw-content);

    height: 1px;

}

.before\:w-\[80px\]:before {

    content: var(--tw-content);

    width: 80px;

}

.before\:-translate-y-\[0\%\]:before {

    --tw-translate-y: -0%;

}

.before\:-translate-y-\[0\%\]:before,

.before\:transform:before {

    content: var(--tw-content);

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.before\:bg-gradient-to-r:before {

    content: var(--tw-content);

    background-image: linear-gradient(to right, var(--tw-gradient-stops));

}

.before\:from-white:before {

    content: var(--tw-content);

    --tw-gradient-from: #fff var(--tw-gradient-from-position);

    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}

.before\:to-transparent:before {

    content: var(--tw-content);

    --tw-gradient-to: transparent var(--tw-gradient-to-position);

}

.before\:content-\[\'\'\]:before {

    --tw-content: "";

    content: var(--tw-content);

}

.first\:table-cell:first-child {

    display: table-cell;

}

.first\:pl-4:first-child {

    padding-left: 1rem;

}

.first\:pr-4:first-child {

    padding-right: 1rem;

}

.last\:relative:last-child {

    position: relative;

}

.last\:table-cell:last-child {

    display: table-cell;

}

.even\:bg-muted\/50:nth-child(2n) {

    background-color: hsl(var(--muted) / 0.5);

}

.focus-within\:outline-none:focus-within {

    outline: 2px solid transparent;

    outline-offset: 2px;

}

.focus-within\:ring-2:focus-within {

    --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-within\:ring-offset-2:focus-within {

    --tw-ring-offset-width: 2px;

}

.hover\:border-primary:hover {

    border-color: hsl(var(--primary));

}

.hover\:\!bg-destructive:hover {

    background-color: hsl(var(--destructive)) !important;

}

.hover\:bg-accent:hover {

    background-color: hsl(var(--accent));

}

.hover\:bg-accent\/75:hover {

    background-color: hsl(var(--accent) / 0.75);

}

.hover\:bg-card\/75:hover {

    background-color: hsl(var(--card) / 0.75);

}

.hover\:bg-destructive\/50:hover {

    background-color: hsl(var(--destructive) / 0.5);

}

.hover\:bg-destructive\/75:hover {

    background-color: hsl(var(--destructive) / 0.75);

}

.hover\:bg-destructive\/90:hover {

    background-color: hsl(var(--destructive) / 0.9);

}

.hover\:bg-info\/50:hover {

    background-color: hsl(var(--info) / 0.5);

}

.hover\:bg-info\/75:hover {

    background-color: hsl(var(--info) / 0.75);

}

.hover\:bg-info\/90:hover {

    background-color: hsl(var(--info) / 0.9);

}

.hover\:bg-muted:hover {

    background-color: hsl(var(--muted));

}

.hover\:bg-muted\/50:hover {

    background-color: hsl(var(--muted) / 0.5);

}

.hover\:bg-muted\/60:hover {

    background-color: hsl(var(--muted) / 0.6);

}

.hover\:bg-muted\/75:hover {

    background-color: hsl(var(--muted) / 0.75);

}

.hover\:bg-primary:hover {

    background-color: hsl(var(--primary));

}

.hover\:bg-primary\/75:hover {

    background-color: hsl(var(--primary) / 0.75);

}

.hover\:bg-primary\/80:hover {

    background-color: hsl(var(--primary) / 0.8);

}

.hover\:bg-primary\/90:hover {

    background-color: hsl(var(--primary) / 0.9);

}

.hover\:bg-purple-400\/20:hover {

    background-color: rgba(192, 132, 252, 0.2);

}

.hover\:bg-secondary:hover {

    background-color: hsl(var(--secondary));

}

.hover\:bg-secondary\/75:hover {

    background-color: hsl(var(--secondary) / 0.75);

}

.hover\:bg-secondary\/80:hover {

    background-color: hsl(var(--secondary) / 0.8);

}

.hover\:bg-sky-400\/20:hover {

    background-color: rgba(56, 189, 248, 0.2);

}

.hover\:bg-success\/50:hover {

    background-color: hsl(var(--success) / 0.5);

}

.hover\:bg-success\/75:hover {

    background-color: hsl(var(--success) / 0.75);

}

.hover\:bg-success\/90:hover {

    background-color: hsl(var(--success) / 0.9);

}

.hover\:bg-warning\/50:hover {

    background-color: hsl(var(--warning) / 0.5);

}

.hover\:bg-warning\/75:hover {

    background-color: hsl(var(--warning) / 0.75);

}

.hover\:bg-white\/80:hover {

    background-color: hsla(0, 0%, 100%, 0.8);

}

.hover\:bg-yellow-400\/20:hover {

    background-color: rgba(250, 204, 21, 0.2);

}

.hover\:from-muted\/50:hover {

    --tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position);

    --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}

.hover\:text-accent-foreground:hover {

    color: hsl(var(--accent-foreground));

}

.hover\:text-destructive-foreground:hover {

    color: hsl(var(--destructive-foreground));

}

.hover\:text-foreground\/75:hover {

    color: hsl(var(--foreground) / 0.75);

}

.hover\:text-primary\/75:hover {

    color: hsl(var(--primary) / 0.75);

}

.hover\:underline:hover {

    text-decoration-line: underline;

}

.hover\:decoration-2:hover {

    text-decoration-thickness: 2px;

}

.hover\:shadow-2xl:hover {

    --tw-shadow: 0 25px 50px -12px rgba(0, 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);

}

.hover\:ring-2:hover {

    --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);

}

.hover\:ring-primary:hover {

    --tw-ring-color: hsl(var(--primary));

}

.hover\:ring-offset-2:hover {

    --tw-ring-offset-width: 2px;

}

.hover\:ring-offset-background:hover {

    --tw-ring-offset-color: hsl(var(--background));

}

.focus\:z-10:focus {

    z-index: 10;

}

.focus\:\!border-transparent:focus {

    border-color: transparent !important;

}

.focus\:border-primary:focus {

    border-color: hsl(var(--primary));

}

.focus\:border-transparent:focus {

    border-color: transparent;

}

.focus\:\!bg-white:focus {

    --tw-bg-opacity: 1 !important;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;

}

.focus\:bg-accent:focus {

    background-color: hsl(var(--accent));

}

.focus\:bg-primary:focus {

    background-color: hsl(var(--primary));

}

.focus\:text-accent-foreground:focus {

    color: hsl(var(--accent-foreground));

}

.focus\:outline-none:focus {

    outline: 2px solid transparent;

    outline-offset: 2px;

}

.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);

}

.focus\:ring-0:focus,

.focus\:ring-1:focus {

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

        var(--tw-shadow, 0 0 #0000);

}

.focus\: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);

}

.focus\: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\:ring-inset:focus {

    --tw-ring-inset: inset;

}

.focus\:\!ring-transparent:focus {

    --tw-ring-color: transparent !important;

}

.focus\:ring-primary:focus {

    --tw-ring-color: hsl(var(--primary));

}

.focus\:ring-ring:focus {

    --tw-ring-color: hsl(var(--ring));

}

.focus\:ring-transparent:focus {

    --tw-ring-color: transparent;

}

.focus\:ring-offset-2:focus {

    --tw-ring-offset-width: 2px;

}

.focus\:ring-offset-background:focus {

    --tw-ring-offset-color: hsl(var(--background));

}

.focus-visible\:bg-primary.focus-visible.js-focus-visible,

.js-focus-visible .focus-visible\:bg-primary.focus-visible {

    background-color: hsl(var(--primary));

}

.focus-visible\:bg-primary:focus-visible {

    background-color: hsl(var(--primary));

}

.focus-visible\:outline-none.focus-visible.js-focus-visible,

.js-focus-visible .focus-visible\:outline-none.focus-visible {

    outline: 2px solid transparent;

    outline-offset: 2px;

}

.focus-visible\:outline-none:focus-visible {

    outline: 2px solid transparent;

    outline-offset: 2px;

}

.focus-visible\:outline-offset-0.focus-visible.js-focus-visible,

.js-focus-visible .focus-visible\:outline-offset-0.focus-visible {

    outline-offset: 0;

}

.focus-visible\:outline-offset-0:focus-visible {

    outline-offset: 0;

}

.focus-visible\:ring-2.focus-visible.js-focus-visible,

.js-focus-visible .focus-visible\:ring-2.focus-visible {

    --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-visible\:ring-2:focus-visible {

    --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-visible\:ring-primary.focus-visible.js-focus-visible,

.js-focus-visible .focus-visible\:ring-primary.focus-visible {

    --tw-ring-color: hsl(var(--primary));

}

.focus-visible\:ring-primary:focus-visible {

    --tw-ring-color: hsl(var(--primary));

}

.focus-visible\:ring-ring.focus-visible.js-focus-visible,

.js-focus-visible .focus-visible\:ring-ring.focus-visible {

    --tw-ring-color: hsl(var(--ring));

}

.focus-visible\:ring-ring:focus-visible {

    --tw-ring-color: hsl(var(--ring));

}

.focus-visible\:ring-offset-2.focus-visible.js-focus-visible,

.js-focus-visible .focus-visible\:ring-offset-2.focus-visible {

    --tw-ring-offset-width: 2px;

}

.focus-visible\:ring-offset-2:focus-visible {

    --tw-ring-offset-width: 2px;

}

.disabled\:pointer-events-none:disabled {

    pointer-events: none;

}

.disabled\:cursor-not-allowed:disabled {

    cursor: not-allowed;

}

.disabled\:opacity-50:disabled {

    opacity: 0.5;

}

.disabled\:opacity-70:disabled {

    opacity: 0.7;

}

.disabled\:opacity-75:disabled {

    opacity: 0.75;

}

.group:focus-within .group-focus-within\:grayscale-0 {

    --tw-grayscale: grayscale(0);

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)

        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)

        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

}

.group:hover .group-hover\:bottom-3 {

    bottom: 0.75rem;

}

.group:hover .group-hover\:block {

    display: block;

}

.group:hover .group-hover\:border-gray-400 {

    --tw-border-opacity: 1;

    border-color: rgb(156 163 175 / var(--tw-border-opacity));

}

.group:hover .group-hover\:bg-green-600 {

    --tw-bg-opacity: 1;

    background-color: rgb(22 163 74 / var(--tw-bg-opacity));

}

.group:hover .group-hover\:bg-rose-600 {

    --tw-bg-opacity: 1;

    background-color: rgb(225 29 72 / var(--tw-bg-opacity));

}

.group:hover .group-hover\:bg-sky-600 {

    --tw-bg-opacity: 1;

    background-color: rgb(2 132 199 / var(--tw-bg-opacity));

}

.group:hover .group-hover\:from-background {

    --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);

    --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}

.group:hover .group-hover\:text-muted-foreground {

    color: hsl(var(--muted-foreground));

}

.group:hover .group-hover\:text-primary {

    color: hsl(var(--primary));

}

.group:hover .group-hover\:text-primary-foreground {

    color: hsl(var(--primary-foreground));

}

.group:hover .group-hover\:text-primary-foreground\/75 {

    color: hsl(var(--primary-foreground) / 0.75);

}

.group:hover .group-hover\:grayscale-0 {

    --tw-grayscale: grayscale(0);

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)

        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)

        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

}

.group:hover .group-hover\:\[animation-play-state\:paused\] {

    animation-play-state: paused;

}

.data-\[disabled\]\:pointer-events-none[data-disabled] {

    pointer-events: none;

}

@keyframes marquee-vertical {

    0% {

        transform: translateY(0);

    }

    to {

        transform: translateY(calc(-100% - var(--gap)));

    }

}

.data-\[run-marquee-vertical\=true\]\:animate-marquee-vertical[data-run-marquee-vertical="true"] {

    animation: marquee-vertical var(--duration) linear infinite;

}

@keyframes marquee {

    0% {

        transform: translateX(0);

    }

    to {

        transform: translateX(calc(-100% - var(--gap)));

    }

}

.data-\[run-marquee\=true\]\:animate-marquee[data-run-marquee="true"] {

    animation: marquee var(--duration) linear infinite;

}

.data-\[run-marquee\]\:flex-row[data-run-marquee] {

    flex-direction: row;

}

.data-\[run-marquee-vertical\=true\]\:flex-col[data-run-marquee-vertical="true"] {

    flex-direction: column;

}

.data-\[state\=open\]\:bg-accent[data-state="open"] {

    background-color: hsl(var(--accent));

}

.data-\[disabled\]\:opacity-50[data-disabled] {

    opacity: 0.5;

}

.data-\[state\=open\]\:animate-in[data-state="open"] {

    animation-name: enter;

    animation-duration: 0.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\]\:animate-out[data-state="closed"] {

    animation-name: exit;

    animation-duration: 0.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\]\:fade-out-0[data-state="closed"] {

    --tw-exit-opacity: 0;

}

.data-\[state\=open\]\:fade-in-0[data-state="open"] {

    --tw-enter-opacity: 0;

}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {

    --tw-exit-scale: 0.95;

}

.data-\[state\=open\]\:zoom-in-95[data-state="open"] {

    --tw-enter-scale: 0.95;

}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {

    --tw-enter-translate-y: -0.5rem;

}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {

    --tw-enter-translate-x: 0.5rem;

}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {

    --tw-enter-translate-x: -0.5rem;

}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {

    --tw-enter-translate-y: 0.5rem;

}

.prose-p\:my-0 :is(:where(p):not(:where([class~="not-prose"] *))) {

    margin-top: 0;

    margin-bottom: 0;

}

.dark\:-rotate-90:is(.dark *) {

    --tw-rotate: -90deg;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.dark\:rotate-0:is(.dark *) {

    --tw-rotate: 0deg;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.dark\:scale-0:is(.dark *) {

    --tw-scale-x: 0;

    --tw-scale-y: 0;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.dark\:scale-100:is(.dark *) {

    --tw-scale-x: 1;

    --tw-scale-y: 1;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y))

        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.dark\:bg-purple-400\/10:is(.dark *) {

    background-color: rgba(192, 132, 252, 0.1);

}

.dark\:bg-sky-400\/10:is(.dark *) {

    background-color: rgba(56, 189, 248, 0.1);

}

.dark\:bg-yellow-400\/10:is(.dark *) {

    background-color: rgba(250, 204, 21, 0.1);

}

.dark\:text-purple-400:is(.dark *) {

    --tw-text-opacity: 1;

    color: rgb(192 132 252 / var(--tw-text-opacity));

}

.dark\:text-sky-400:is(.dark *) {

    --tw-text-opacity: 1;

    color: rgb(56 189 248 / var(--tw-text-opacity));

}

.dark\:text-yellow-500:is(.dark *) {

    --tw-text-opacity: 1;

    color: rgb(234 179 8 / var(--tw-text-opacity));

}

@media (min-width: 640px) {

    .sm\:col-span-2 {

        grid-column: span 2 / span 2;

    }

    .sm\:col-span-7 {

        grid-column: span 7 / span 7;

    }

    .sm\:col-start-1 {

        grid-column-start: 1;

    }

    .sm\:col-start-2 {

        grid-column-start: 2;

    }

    .sm\:-mx-4 {

        margin-left: -1rem;

        margin-right: -1rem;

    }

    .sm\:mx-0 {

        margin-left: 0;

        margin-right: 0;

    }

    .sm\:my-8 {

        margin-top: 2rem;

    }

    .sm\:mb-8,

    .sm\:my-8 {

        margin-bottom: 2rem;

    }

    .sm\:ml-10 {

        margin-left: 2.5rem;

    }

    .sm\:ml-3 {

        margin-left: 0.75rem;

    }

    .sm\:ml-4 {

        margin-left: 1rem;

    }

    .sm\:mt-0 {

        margin-top: 0;

    }

    .sm\:mt-16 {

        margin-top: 4rem;

    }

    .sm\:mt-20 {

        margin-top: 5rem;

    }

    .sm\:mt-4 {

        margin-top: 1rem;

    }

    .sm\:mt-5 {

        margin-top: 1.25rem;

    }

    .sm\:mt-6 {

        margin-top: 1.5rem;

    }

    .sm\:block {

        display: block;

    }

    .sm\:inline-block {

        display: inline-block;

    }

    .sm\:flex {

        display: flex;

    }

    .sm\:grid {

        display: grid;

    }

    .sm\:h-10 {

        height: 2.5rem;

    }

    .sm\:h-24 {

        height: 6rem;

    }

    .sm\:h-4 {

        height: 1rem;

    }

    .sm\:h-56 {

        height: 14rem;

    }

    .sm\:w-10 {

        width: 2.5rem;

    }

    .sm\:w-4 {

        width: 1rem;

    }

    .sm\:w-56 {

        width: 14rem;

    }

    .sm\:w-\[125px\] {

        width: 125px;

    }

    .sm\:w-auto {

        width: auto;

    }

    .sm\:w-full {

        width: 100%;

    }

    .sm\:max-w-2xl {

        max-width: 42rem;

    }

    .sm\:max-w-3xl {

        max-width: 48rem;

    }

    .sm\:max-w-4xl {

        max-width: 56rem;

    }

    .sm\:max-w-5xl {

        max-width: 64rem;

    }

    .sm\:max-w-6xl {

        max-width: 72rem;

    }

    .sm\:max-w-7xl {

        max-width: 80rem;

    }

    .sm\:max-w-lg {

        max-width: 32rem;

    }

    .sm\:max-w-md {

        max-width: 28rem;

    }

    .sm\:max-w-sm {

        max-width: 24rem;

    }

    .sm\:max-w-xl {

        max-width: 36rem;

    }

    .sm\:flex-auto {

        flex: 1 1 auto;

    }

    .sm\:translate-y-0 {

        --tw-translate-y: 0px;

    }

    .sm\:scale-100,

    .sm\:translate-y-0 {

        transform: translate(var(--tw-translate-x), var(--tw-translate-y))

            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))

            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))

            scaleY(var(--tw-scale-y));

    }

    .sm\:scale-100 {

        --tw-scale-x: 1;

        --tw-scale-y: 1;

    }

    .sm\:scale-95 {

        --tw-scale-x: 0.95;

        --tw-scale-y: 0.95;

        transform: translate(var(--tw-translate-x), var(--tw-translate-y))

            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))

            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))

            scaleY(var(--tw-scale-y));

    }

    .sm\:columns-2 {

        -moz-columns: 2;

        column-count: 2;

    }

    .sm\:grid-flow-row-dense {

        grid-auto-flow: row dense;

    }

    .sm\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .sm\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

    .sm\:grid-cols-4 {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

    .sm\:flex-row {

        flex-direction: row;

    }

    .sm\:flex-row-reverse {

        flex-direction: row-reverse;

    }

    .sm\:items-start {

        align-items: flex-start;

    }

    .sm\:items-center {

        align-items: center;

    }

    .sm\:justify-end {

        justify-content: flex-end;

    }

    .sm\:gap-3 {

        gap: 0.75rem;

    }

    .sm\:gap-4 {

        gap: 1rem;

    }

    .sm\:gap-8 {

        gap: 2rem;

    }

    .sm\:gap-x-6 {

        -moz-column-gap: 1.5rem;

        column-gap: 1.5rem;

    }

    .sm\:gap-y-8 {

        row-gap: 2rem;

    }

    .sm\:rounded-lg {

        border-radius: var(--radius);

    }

    .sm\:bg-right {

        background-position: 100%;

    }

    .sm\:p-0 {

        padding: 0;

    }

    .sm\:p-6 {

        padding: 1.5rem;

    }

    .sm\:px-0 {

        padding-left: 0;

        padding-right: 0;

    }

    .sm\:px-14 {

        padding-left: 3.5rem;

        padding-right: 3.5rem;

    }

    .sm\:px-4 {

        padding-left: 1rem;

        padding-right: 1rem;

    }

    .sm\:px-6 {

        padding-left: 1.5rem;

        padding-right: 1.5rem;

    }

    .sm\:py-0 {

        padding-top: 0;

        padding-bottom: 0;

    }

    .sm\:py-20 {

        padding-top: 5rem;

        padding-bottom: 5rem;

    }

    .sm\:py-24 {

        padding-top: 6rem;

    }

    .sm\:pb-24,

    .sm\:py-24 {

        padding-bottom: 6rem;

    }

    .sm\:pb-8 {

        padding-bottom: 2rem;

    }

    .sm\:pl-3 {

        padding-left: 0.75rem;

    }

    .sm\:pl-4 {

        padding-left: 1rem;

    }

    .sm\:pr-4 {

        padding-right: 1rem;

    }

    .sm\:pt-0 {

        padding-top: 0;

    }

    .sm\:pt-16 {

        padding-top: 4rem;

    }

    .sm\:text-left {

        text-align: left;

    }

    .sm\:text-3xl {

        font-size: 1.875rem;

        line-height: 2.25rem;

    }

    .sm\:text-4xl {

        font-size: 2.25rem;

        line-height: 2.5rem;

    }

    .sm\:text-5xl {

        font-size: 3rem;

        line-height: 1;

    }

    .sm\:text-\[0\] {

        font-size: 0;

    }

    .sm\:text-base,

    .sm\:text-base\/6 {

        font-size: 1rem;

        line-height: 1.5rem;

    }

    .sm\:text-lg {

        font-size: 1.125rem;

        line-height: 1.75rem;

    }

    .sm\:text-sm {

        font-size: 0.875rem;

        line-height: 1.25rem;

    }

    .sm\:text-sm\/6 {

        font-size: 0.875rem;

        line-height: 1.5rem;

    }

    .sm\:text-xs {

        font-size: 0.75rem;

        line-height: 1rem;

    }

    .sm\:first\:pl-6:first-child {

        padding-left: 1.5rem;

    }

    .sm\:last\:pr-6:last-child {

        padding-right: 1.5rem;

    }

    .group:hover .group-hover\:sm\:bottom-4 {

        bottom: 1rem;

    }

}

@media (min-width: 768px) {

    .md\:static {

        position: static;

    }

    .md\:col-span-1 {

        grid-column: span 1 / span 1;

    }

    .md\:col-span-2 {

        grid-column: span 2 / span 2;

    }

    .md\:col-span-3 {

        grid-column: span 3 / span 3;

    }

    .md\:col-span-4 {

        grid-column: span 4 / span 4;

    }

    .md\:col-span-7 {

        grid-column: span 7 / span 7;

    }

    .md\:col-start-3 {

        grid-column-start: 3;

    }

    .md\:col-start-4 {

        grid-column-start: 4;

    }

    .md\:mx-auto {

        margin-left: auto;

        margin-right: auto;

    }

    .md\:-mb-20 {

        margin-bottom: -5rem;

    }

    .md\:mt-0 {

        margin-top: 0;

    }

    .md\:mt-10 {

        margin-top: 2.5rem;

    }

    .md\:mt-32 {

        margin-top: 8rem;

    }

    .md\:mt-6 {

        margin-top: 1.5rem;

    }

    .md\:block {

        display: block;

    }

    .md\:inline {

        display: inline;

    }

    .md\:flex {

        display: flex;

    }

    .md\:h-20 {

        height: 5rem;

    }

    .md\:h-6 {

        height: 1.5rem;

    }

    .md\:w-20 {

        width: 5rem;

    }

    .md\:w-3\/5 {

        width: 60%;

    }

    .md\:w-6 {

        width: 1.5rem;

    }

    .md\:w-60 {

        width: 15rem;

    }

    .md\:w-\[150px\] {

        width: 150px;

    }

    .md\:w-\[400px\] {

        width: 400px;

    }

    .md\:w-auto {

        width: auto;

    }

    .md\:max-w-none {

        max-width: none;

    }

    .md\:flex-auto {

        flex: 1 1 auto;

    }

    .md\:flex-none {

        flex: none;

    }

    .md\:scroll-mt-\[5\.75rem\] {

        scroll-margin-top: 5.75rem;

    }

    .md\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .md\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

    .md\:grid-cols-4 {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

    .md\:grid-cols-5 {

        grid-template-columns: repeat(5, minmax(0, 1fr));

    }

    .md\:flex-row {

        flex-direction: row;

    }

    .md\:items-start {

        align-items: flex-start;

    }

    .md\:items-center {

        align-items: center;

    }

    .md\:justify-end {

        justify-content: flex-end;

    }

    .md\:justify-center {

        justify-content: center;

    }

    .md\:gap-0 {

        gap: 0;

    }

    .md\:gap-2 {

        gap: 0.5rem;

    }

    .md\:gap-8 {

        gap: 2rem;

    }

    .md\:gap-x-2 {

        -moz-column-gap: 0.5rem;

        column-gap: 0.5rem;

    }

    .md\:gap-x-3 {

        -moz-column-gap: 0.75rem;

        column-gap: 0.75rem;

    }

    .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {

        --tw-space-y-reverse: 0;

        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));

    }

    .md\:rounded-3xl {

        border-radius: 1.5rem;

    }

    .md\:border-none {

        border-style: none;

    }

    .md\:object-\[100\%_20\%\] {

        -o-object-position: 100% 20%;

        object-position: 100% 20%;

    }

    .md\:p-20 {

        padding: 5rem;

    }

    .md\:p-3 {

        padding: 0.75rem;

    }

    .md\:p-4 {

        padding: 1rem;

    }

    .md\:p-6 {

        padding: 1.5rem;

    }

    .md\:px-0 {

        padding-left: 0;

        padding-right: 0;

    }

    .md\:px-12 {

        padding-left: 3rem;

        padding-right: 3rem;

    }

    .md\:px-24 {

        padding-left: 6rem;

        padding-right: 6rem;

    }

    .md\:px-4 {

        padding-left: 1rem;

        padding-right: 1rem;

    }

    .md\:px-5 {

        padding-left: 1.25rem;

        padding-right: 1.25rem;

    }

    .md\:py-12 {

        padding-top: 3rem;

        padding-bottom: 3rem;

    }

    .md\:py-3 {

        padding-top: 0.75rem;

        padding-bottom: 0.75rem;

    }

    .md\:py-4 {

        padding-top: 1rem;

        padding-bottom: 1rem;

    }

    .md\:py-48 {

        padding-top: 12rem;

        padding-bottom: 12rem;

    }

    .md\:py-8 {

        padding-top: 2rem;

    }

    .md\:pb-8,

    .md\:py-8 {

        padding-bottom: 2rem;

    }

    .md\:pr-5 {

        padding-right: 1.25rem;

    }

    .md\:pt-0 {

        padding-top: 0;

    }

    .md\:pt-12 {

        padding-top: 3rem;

    }

    .md\:pt-16 {

        padding-top: 4rem;

    }

    .md\:pt-24 {

        padding-top: 6rem;

    }

    .md\:pt-32 {

        padding-top: 8rem;

    }

    .md\:pt-6 {

        padding-top: 1.5rem;

    }

    .md\:pt-8 {

        padding-top: 2rem;

    }

    .md\:text-right {

        text-align: right;

    }

    .md\:text-2xl {

        font-size: 1.5rem;

        line-height: 2rem;

    }

    .md\:text-4xl {

        font-size: 2.25rem;

        line-height: 2.5rem;

    }

    .md\:text-base {

        font-size: 1rem;

        line-height: 1.5rem;

    }

    .md\:text-lg {

        font-size: 1.125rem;

        line-height: 1.75rem;

    }

    .md\:text-sm {

        font-size: 0.875rem;

        line-height: 1.25rem;

    }

    .md\:leading-8 {

        line-height: 2rem;

    }

}

@media (min-width: 1024px) {

    .lg\:col-span-1 {

        grid-column: span 1 / span 1;

    }

    .lg\:col-span-2 {

        grid-column: span 2 / span 2;

    }

    .lg\:mx-0 {

        margin-left: 0;

        margin-right: 0;

    }

    .lg\:ml-4 {

        margin-left: 1rem;

    }

    .lg\:mt-24 {

        margin-top: 6rem;

    }

    .lg\:block {

        display: block;

    }

    .lg\:flex {

        display: flex;

    }

    .lg\:grid {

        display: grid;

    }

    .lg\:hidden {

        display: none;

    }

    .lg\:h-10 {

        height: 2.5rem;

    }

    .lg\:h-\[340px\] {

        height: 340px;

    }

    .lg\:min-h-\[120px\] {

        min-height: 120px;

    }

    .lg\:min-h-\[160px\] {

        min-height: 160px;

    }

    .lg\:min-h-\[521\.96px\] {

        min-height: 521.96px;

    }

    .lg\:w-3\/4 {

        width: 75%;

    }

    .lg\:w-\[175px\] {

        width: 175px;

    }

    .lg\:max-w-none {

        max-width: none;

    }

    .lg\:flex-1 {

        flex: 1 1 0%;

    }

    .lg\:columns-3 {

        -moz-columns: 3;

        column-count: 3;

    }

    .lg\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

    .lg\:grid-cols-5 {

        grid-template-columns: repeat(5, minmax(0, 1fr));

    }

    .lg\:content-between {

        align-content: space-between;

    }

    .lg\:items-center {

        align-items: center;

    }

    .lg\:justify-end {

        justify-content: flex-end;

    }

    .lg\:gap-8 {

        gap: 2rem;

    }

    .lg\:gap-x-6 {

        -moz-column-gap: 1.5rem;

        column-gap: 1.5rem;

    }

    .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {

        --tw-space-x-reverse: 0;

        margin-right: calc(0.5rem * var(--tw-space-x-reverse));

        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));

    }

    .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {

        --tw-space-x-reverse: 0;

        margin-right: calc(1.5rem * var(--tw-space-x-reverse));

        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));

    }

    .lg\:self-stretch {

        align-self: stretch;

    }

    .lg\:px-0 {

        padding-left: 0;

        padding-right: 0;

    }

    .lg\:px-8 {

        padding-left: 2rem;

        padding-right: 2rem;

    }

    .lg\:text-\[26px\] {

        font-size: 26px;

    }

}

@media (min-width: 1280px) {

    .xl\:relative {

        position: relative;

    }

    .xl\:col-span-1 {

        grid-column: span 1 / span 1;

    }

    .xl\:col-span-2 {

        grid-column: span 2 / span 2;

    }

    .xl\:mt-8 {

        margin-top: 2rem;

    }

    .xl\:block {

        display: block;

    }

    .xl\:grid {

        display: grid;

    }

    .xl\:hidden {

        display: none;

    }

    .xl\:w-full {

        width: 100%;

    }

    .xl\:max-w-6xl {

        max-width: 72rem;

    }

    .xl\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .xl\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

    .xl\:grid-cols-4 {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

    .xl\:grid-cols-6 {

        grid-template-columns: repeat(6, minmax(0, 1fr));

    }

    .xl\:gap-8 {

        gap: 2rem;

    }

}

@media print {

    .print\:mt-0 {

        margin-top: 0;

    }

    .print\:block {

        display: block;

    }

    .print\:hidden {

        display: none;

    }

    .print\:h-56 {

        height: 14rem;

    }

    .print\:flex-row {

        flex-direction: row;

    }

    .print\:items-start {

        align-items: flex-start;

    }

    .print\:gap-0 {

        gap: 0;

    }

    .print\:border-slate-200 {

        --tw-border-opacity: 1;

        border-color: rgb(226 232 240 / var(--tw-border-opacity));

    }

    .print\:p-0 {

        padding: 0;

    }

    .print\:py-0 {

        padding-top: 0;

        padding-bottom: 0;

    }

    .print\:py-8 {

        padding-top: 2rem;

        padding-bottom: 2rem;

    }

    .print\:pt-0 {

        padding-top: 0;

    }

    .print\:text-left {

        text-align: left;

    }

    .print\:text-sm {

        font-size: 0.875rem;

        line-height: 1.25rem;

    }

    .print\:\!text-slate-800 {

        --tw-text-opacity: 1 !important;

        color: rgb(30 41 59 / var(--tw-text-opacity)) !important;

    }

    .print\:text-black {

        --tw-text-opacity: 1;

        color: rgb(0 0 0 / var(--tw-text-opacity));

    }

    .print\:text-slate-800 {

        --tw-text-opacity: 1;

        color: rgb(30 41 59 / var(--tw-text-opacity));

    }

}

.\[\&\:nth-last-child\(2\)\]\:table-cell:nth-last-child(2) {

    display: table-cell;

} /*!purgecss start ignore*/

.bar-of-progress:after {

    content: "";

    display: block;

    position: absolute;

    right: 0;

    width: 100px;

    height: 100%;

    box-shadow: 0 0 10px currentColor, 0 0 5px currentColor;

    transform: rotate(3deg) translateY(-4px);

} /*!purgecss end ignore*/

.swagger-ui {

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    padding-right: 1rem;

    padding-left: 1rem;

}

@media (min-width: 1400px) {

    .swagger-ui {

        max-width: 1400px;

    }

}

.swagger-ui {

    max-width: none;

}

@media (min-width: 768px) {

    .swagger-ui {

        max-width: 48rem;

    }

}

@media (min-width: 1024px) {

    .swagger-ui {

        max-width: 64rem;

    }

}

@media (min-width: 1280px) {

    .swagger-ui {

        max-width: 80rem;

    }

}

.swagger-ui {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    padding-top: 2rem;

    padding-bottom: 2rem;

}

@media (min-width: 768px) {

    .swagger-ui {

        border-radius: var(--radius);

    }

}

.swagger-ui .info {

    margin-top: 0 !important;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 100;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 100;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 200;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 200;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 800;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 800;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 900;

    font-display: swap;

    src: url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __DM_Sans_420ee6;

    font-style: normal;

    font-weight: 900;

    font-display: swap;

    src: url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __DM_Sans_Fallback_420ee6;

    src: local("Arial");

    ascent-override: 94.37%;

    descent-override: 29.49%;

    line-gap-override: 0%;

    size-adjust: 105.12%;

}

.__className_420ee6 {

    font-family: __DM_Sans_420ee6, __DM_Sans_Fallback_420ee6;

    font-style: normal;

}

.__variable_420ee6 {

    --font-sans: "__DM_Sans_420ee6", "__DM_Sans_Fallback_420ee6";

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src: url(/_next/static/media/363f3aebf1190d83-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src: url(/_next/static/media/83a53cce4be5df97-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src: url(/_next/static/media/83001f47a8fdbd0d-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/363f3aebf1190d83-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/83a53cce4be5df97-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/83001f47a8fdbd0d-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/363f3aebf1190d83-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/83a53cce4be5df97-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/83001f47a8fdbd0d-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/363f3aebf1190d83-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/83a53cce4be5df97-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/83001f47a8fdbd0d-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/363f3aebf1190d83-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/83a53cce4be5df97-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Lexend_Deca_4f5fc0;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/83001f47a8fdbd0d-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Lexend_Deca_Fallback_4f5fc0;

    src: local("Arial");

    ascent-override: 90.45%;

    descent-override: 22.61%;

    line-gap-override: 0%;

    size-adjust: 110.56%;

}

.__className_4f5fc0 {

    font-family: __Lexend_Deca_4f5fc0, __Lexend_Deca_Fallback_4f5fc0;

    font-style: normal;

}

.__variable_4f5fc0 {

    --font-bjcredits: "__Lexend_Deca_4f5fc0", "__Lexend_Deca_Fallback_4f5fc0";

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/a2ca1605c798ed19-s.woff2) format("woff2");

    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/3f27b95c281ce14d-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/d620aea515ea5e7c-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(/_next/static/media/ad1715a5ea03ce0e-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/8a05a20265b0e33d-s.woff2) format("woff2");

    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/2ba89ef90c1f3be8-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/739c2153dda58a6d-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url(/_next/static/media/7e8ae1ae3d865da4-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/3b7374124c0e6ad4-s.woff2) format("woff2");

    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/0908a3150a593468-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/2a9b60047ed8a558-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url(/_next/static/media/c1254d613336d18b-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/10e99afd5d20dfcf-s.woff2) format("woff2");

    unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/40c39069c2d8afd3-s.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,

        U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,

        U+0329, U+1ea0-1ef9, U+20ab;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/df3720bebd3e4ff4-s.woff2) format("woff2");

    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,

        U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

    font-family: __Chakra_Petch_e6c52c;

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url(/_next/static/media/1a2bf3d736e66b1c-s.p.woff2) format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

        U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122,

        U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;

}

@font-face {

    font-family: __Chakra_Petch_Fallback_e6c52c;

    src: local("Arial");

    ascent-override: 96.03%;

    descent-override: 29.81%;

    line-gap-override: 0%;

    size-adjust: 103.31%;

}

.__className_e6c52c {

    font-family: __Chakra_Petch_e6c52c, __Chakra_Petch_Fallback_e6c52c;

    font-style: normal;

}

.__variable_e6c52c {

    --font-chakra: "__Chakra_Petch_e6c52c", "__Chakra_Petch_Fallback_e6c52c";

}