/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border-color: rgb(var(--color-gray-200)/1);
    border-style: solid;
    border-width: 0;
    box-sizing: border-box
}

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

progress {
    vertical-align: baseline
}

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
}

input::placeholder,
textarea::placeholder {
    color: rgb(var(--color-gray-400)/1);
    opacity: 1
}

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: 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, .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:
}

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

.container {
    width: 100%
}

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

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

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

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

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

.form-input,
.form-multiselect,
.form-select,
.form-textarea {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1));
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem
}

.form-input:focus,
.form-multiselect:focus,
.form-select:focus,
.form-textarea:focus {
    --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);
    border-color: #2563eb;
    box-shadow: 0 0 #fff, 0 0 0 1px #2563eb, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: rgb(var(--color-gray-500)/1);
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity, 1));
    opacity: 1
}

.form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

.form-input::-webkit-datetime-edit {
    display: inline-flex
}

.form-input::-webkit-datetime-edit,
.form-input::-webkit-datetime-edit-day-field,
.form-input::-webkit-datetime-edit-hour-field,
.form-input::-webkit-datetime-edit-meridiem-field,
.form-input::-webkit-datetime-edit-millisecond-field,
.form-input::-webkit-datetime-edit-minute-field,
.form-input::-webkit-datetime-edit-month-field,
.form-input::-webkit-datetime-edit-second-field,
.form-input::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
}

.form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='rgb(var(--color-gray-500) / var(--tw-stroke-opacity, 1))' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .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
}

.form-select:where([size]:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

.form-checkbox,
.form-radio {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: rgb(var(--color-gray-500)/var(--tw-border-opacity, 1));
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem
}

.form-checkbox {
    border-radius: 0
}

.form-radio {
    border-radius: 100%
}

.form-checkbox:focus,
.form-radio:focus {
    --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: 0 0 0 2px #fff, 0 0 0 4px #2563eb, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-checkbox:checked,
.form-radio:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

.form-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    .form-checkbox:checked {
        -webkit-appearance: auto;
        appearance: auto
    }
}

.form-radio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    .form-radio:checked {
        -webkit-appearance: auto;
        appearance: auto
    }
}

.form-checkbox:checked:focus,
.form-checkbox:checked:hover,
.form-radio:checked:focus,
.form-radio:checked:hover {
    background-color: currentColor;
    border-color: transparent
}

.form-checkbox:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

@media (forced-colors:active) {
    .form-checkbox:indeterminate {
        -webkit-appearance: auto;
        appearance: auto
    }
}

.form-checkbox:indeterminate:focus,
.form-checkbox:indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
}

.i-heroicons-arrow-path-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39m1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39m1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39m1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-arrow-path-20-solid,
.i-heroicons-arrows-up-down-20-solid {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.i-heroicons-arrows-up-down-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2.24 6.8a.75.75 0 0 0 1.06-.04l1.95-2.1v8.59a.75.75 0 0 0 1.5 0V4.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L2.2 5.74a.75.75 0 0 0 .04 1.06m8 6.4a.75.75 0 0 0-.04 1.06l3.25 3.5a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75a.75.75 0 0 0-1.5 0v8.59l-1.95-2.1a.75.75 0 0 0-1.06-.04' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2.24 6.8a.75.75 0 0 0 1.06-.04l1.95-2.1v8.59a.75.75 0 0 0 1.5 0V4.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L2.2 5.74a.75.75 0 0 0 .04 1.06m8 6.4a.75.75 0 0 0-.04 1.06l3.25 3.5a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75a.75.75 0 0 0-1.5 0v8.59l-1.95-2.1a.75.75 0 0 0-1.06-.04' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2.24 6.8a.75.75 0 0 0 1.06-.04l1.95-2.1v8.59a.75.75 0 0 0 1.5 0V4.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L2.2 5.74a.75.75 0 0 0 .04 1.06m8 6.4a.75.75 0 0 0-.04 1.06l3.25 3.5a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75a.75.75 0 0 0-1.5 0v8.59l-1.95-2.1a.75.75 0 0 0-1.06-.04' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-bars-arrow-down-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h7.508a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .75.75v6.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V7.75A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75h4.562a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h7.508a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .75.75v6.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V7.75A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75h4.562a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h7.508a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .75.75v6.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V7.75A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75h4.562a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-bars-arrow-down-20-solid,
.i-heroicons-bars-arrow-up-20-solid {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.i-heroicons-bars-arrow-up-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h6.365a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .55.24l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v6.59a.75.75 0 0 1-1.5 0V9.66l-1.95 2.1a.75.75 0 1 1-1.1-1.02l3.25-3.5A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75H7A.75.75 0 0 1 7 12H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h6.365a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .55.24l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v6.59a.75.75 0 0 1-1.5 0V9.66l-1.95 2.1a.75.75 0 1 1-1.1-1.02l3.25-3.5A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75H7A.75.75 0 0 1 7 12H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h6.365a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .55.24l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v6.59a.75.75 0 0 1-1.5 0V9.66l-1.95 2.1a.75.75 0 1 1-1.1-1.02l3.25-3.5A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75H7A.75.75 0 0 1 7 12H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-check-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M16.705 4.153a.75.75 0 0 1 .142 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M16.705 4.153a.75.75 0 0 1 .142 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M16.705 4.153a.75.75 0 0 1 .142 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-check-20-solid,
.i-heroicons-chevron-double-left-20-solid {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.i-heroicons-chevron-double-left-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L6.31 10l3.72-3.72a.75.75 0 1 0-1.06-1.06zm9.25-4.25L9.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L11.31 10l3.72-3.72a.75.75 0 0 0-1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L6.31 10l3.72-3.72a.75.75 0 1 0-1.06-1.06zm9.25-4.25L9.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L11.31 10l3.72-3.72a.75.75 0 0 0-1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L6.31 10l3.72-3.72a.75.75 0 1 0-1.06-1.06zm9.25-4.25L9.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L11.31 10l3.72-3.72a.75.75 0 0 0-1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-chevron-double-right-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.28 9.47a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 1 1-1.06-1.06L13.69 10 9.97 6.28a.75.75 0 0 1 1.06-1.06zM6.03 5.22l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L8.69 10 4.97 6.28a.75.75 0 0 1 1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.28 9.47a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 1 1-1.06-1.06L13.69 10 9.97 6.28a.75.75 0 0 1 1.06-1.06zM6.03 5.22l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L8.69 10 4.97 6.28a.75.75 0 0 1 1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.28 9.47a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 1 1-1.06-1.06L13.69 10 9.97 6.28a.75.75 0 0 1 1.06-1.06zM6.03 5.22l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L8.69 10 4.97 6.28a.75.75 0 0 1 1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-chevron-double-right-20-solid,
.i-heroicons-chevron-down-20-solid {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.i-heroicons-chevron-down-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-chevron-left-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-chevron-left-20-solid,
.i-heroicons-chevron-right-20-solid {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.i-heroicons-chevron-right-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-circle-stack-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M10 1c3.866 0 7 1.79 7 4s-3.134 4-7 4-7-1.79-7-4 3.134-4 7-4m5.694 8.13c.464-.264.91-.583 1.306-.952V10c0 2.21-3.134 4-7 4s-7-1.79-7-4V8.178a7 7 0 0 0 1.306.953C5.838 10.006 7.854 10.5 10 10.5s4.162-.494 5.694-1.37M3 13.179V15c0 2.21 3.134 4 7 4s7-1.79 7-4v-1.822a7 7 0 0 1-1.306.953C14.162 15.006 12.146 15.5 10 15.5s-4.162-.494-5.694-1.37A7.009 7.009 0 0 1 3 13.179' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M10 1c3.866 0 7 1.79 7 4s-3.134 4-7 4-7-1.79-7-4 3.134-4 7-4m5.694 8.13c.464-.264.91-.583 1.306-.952V10c0 2.21-3.134 4-7 4s-7-1.79-7-4V8.178a7 7 0 0 0 1.306.953C5.838 10.006 7.854 10.5 10 10.5s4.162-.494 5.694-1.37M3 13.179V15c0 2.21 3.134 4 7 4s7-1.79 7-4v-1.822a7 7 0 0 1-1.306.953C14.162 15.006 12.146 15.5 10 15.5s-4.162-.494-5.694-1.37A7.009 7.009 0 0 1 3 13.179' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M10 1c3.866 0 7 1.79 7 4s-3.134 4-7 4-7-1.79-7-4 3.134-4 7-4m5.694 8.13c.464-.264.91-.583 1.306-.952V10c0 2.21-3.134 4-7 4s-7-1.79-7-4V8.178a7 7 0 0 0 1.306.953C5.838 10.006 7.854 10.5 10 10.5s4.162-.494 5.694-1.37M3 13.179V15c0 2.21 3.134 4 7 4s7-1.79 7-4v-1.822a7 7 0 0 1-1.306.953C14.162 15.006 12.146 15.5 10 15.5s-4.162-.494-5.694-1.37A7.009 7.009 0 0 1 3 13.179' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-circle-stack-20-solid,
.i-heroicons-magnifying-glass-20-solid {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.i-heroicons-magnifying-glass-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-minus-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

.i-heroicons-minus-20-solid,
.i-heroicons-x-mark-20-solid {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.i-heroicons-x-mark-20-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94z'/%3E%3C/svg%3E");
    mask-image: var(--svg)
}

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

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

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

.-bottom-1 {
    bottom: -.25rem
}

.-left-1 {
    left: -.25rem
}

.-right-1 {
    right: -.25rem
}

.-top-1 {
    top: -.25rem
}

.end-0 {
    inset-inline-end: 0
}

.end-4 {
    inset-inline-end: 1rem
}

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

.start-0 {
    inset-inline-start: 0
}

.start-4 {
    inset-inline-start: 1rem
}

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

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

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

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

.row-span-3 {
    grid-row: span 3/span 3
}

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

.-m-1 {
    margin: -.25rem
}

.-m-1\.5 {
    margin: -.375rem
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.-my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.-my-0\.5 {
    margin-bottom: -.125rem;
    margin-top: -.125rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.-me-1 {
    margin-inline-end: -.25rem
}

.-me-1\.5 {
    margin-inline-end: -.375rem
}

.-mt-1 {
    margin-top: -.25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.ml-8 {
    margin-left: 2rem
}

.ms-3 {
    margin-inline-start: .75rem
}

.ms-auto {
    margin-inline-start: auto
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.inline-flex {
    display: inline-flex
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-3\.5 {
    height: .875rem
}

.h-7 {
    height: 1.75rem
}

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

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

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

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

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

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

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

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-max {
    height: max-content
}

.h-px {
    height: 1px
}

.max-h-60 {
    max-height: 15rem
}

.min-h-0 {
    min-height: 0
}

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

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

.w-0 {
    width: 0
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-14 {
    width: 3.5rem
}

.w-2\.5 {
    width: .625rem
}

.w-20 {
    width: 5rem
}

.w-48 {
    width: 12rem
}

.w-7 {
    width: 1.75rem
}

.w-9 {
    width: 2.25rem
}

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

.w-\[3\.25rem\] {
    width: 3.25rem
}

.w-\[3\.75rem\] {
    width: 3.75rem
}

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100\%\+0\.5rem\)\] {
    width: calc(100% + .5rem)
}

.w-\[calc\(100\%\/5\)\] {
    width: 20%
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-max {
    width: max-content
}

.w-px {
    width: 1px
}

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

.min-w-\[0\.375rem\] {
    min-width: .375rem
}

.min-w-\[0\.5rem\] {
    min-width: .5rem
}

.min-w-\[0\.625rem\] {
    min-width: .625rem
}

.min-w-\[0\.75rem\] {
    min-width: .75rem
}

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

.min-w-\[1\.25rem\] {
    min-width: 1.25rem
}

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

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

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

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

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

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

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[unset\] {
    max-width: unset
}

.max-w-md {
    max-width: 28rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-shrink {
    flex-shrink: 1
}

.table-fixed {
    table-layout: fixed
}

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

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

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

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

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

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

.translate-x-2\.5 {
    --tw-translate-x: .625rem;
    transform: translate(.625rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

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

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

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

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.scroll-py-1 {
    scroll-padding-bottom: .25rem;
    scroll-padding-top: .25rem
}

.scroll-py-2 {
    scroll-padding-bottom: .5rem;
    scroll-padding-top: .5rem
}

.list-inside {
    list-style-position: inside
}

.appearance-none {
    -webkit-appearance: none;
    appearance: none
}

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

.flex-nowrap {
    flex-wrap: nowrap
}

.content-center {
    align-content: center
}

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

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

.gap-x-1 {
    column-gap: .25rem
}

.gap-x-1\.5 {
    column-gap: .375rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-2\.5 {
    column-gap: .625rem
}

.gap-x-3 {
    column-gap: .75rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.-space-x-px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: -1px;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(-1px*var(--tw-space-x-reverse))
}

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

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

.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-100)/var(--tw-divide-opacity))
}

.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-200)/var(--tw-divide-opacity))
}

.divide-gray-300>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-300)/var(--tw-divide-opacity))
}

.self-center {
    align-self: center
}

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

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

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

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

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-b {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-b-3xl {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

.rounded-b-full {
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-b-md {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-b-sm {
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.rounded-e {
    border-end-end-radius: .25rem;
    border-start-end-radius: .25rem
}

.rounded-e-2xl {
    border-end-end-radius: 1rem;
    border-start-end-radius: 1rem
}

.rounded-e-3xl {
    border-end-end-radius: 1.5rem;
    border-start-end-radius: 1.5rem
}

.rounded-e-full {
    border-end-end-radius: 9999px;
    border-start-end-radius: 9999px
}

.rounded-e-lg {
    border-end-end-radius: .5rem;
    border-start-end-radius: .5rem
}

.rounded-e-md {
    border-end-end-radius: .375rem;
    border-start-end-radius: .375rem
}

.rounded-e-none {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.rounded-e-sm {
    border-end-end-radius: .125rem;
    border-start-end-radius: .125rem
}

.rounded-e-xl {
    border-end-end-radius: .75rem;
    border-start-end-radius: .75rem
}

.rounded-s {
    border-end-start-radius: .25rem;
    border-start-start-radius: .25rem
}

.rounded-s-2xl {
    border-end-start-radius: 1rem;
    border-start-start-radius: 1rem
}

.rounded-s-3xl {
    border-end-start-radius: 1.5rem;
    border-start-start-radius: 1.5rem
}

.rounded-s-full {
    border-end-start-radius: 9999px;
    border-start-start-radius: 9999px
}

.rounded-s-lg {
    border-end-start-radius: .5rem;
    border-start-start-radius: .5rem
}

.rounded-s-md {
    border-end-start-radius: .375rem;
    border-start-start-radius: .375rem
}

.rounded-s-none {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.rounded-s-sm {
    border-end-start-radius: .125rem;
    border-start-start-radius: .125rem
}

.rounded-s-xl {
    border-end-start-radius: .75rem;
    border-start-start-radius: .75rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}

.rounded-t-md {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.border-s {
    border-inline-start-width: 1px
}

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

.border-solid {
    border-style: solid
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-\[\#8E8E8E\] {
    --tw-border-opacity: 1;
    border-color: #8e8e8e;
    border-color: rgb(142 142 142/var(--tw-border-opacity))
}

.border-\[\#FFFFFF1A\] {
    border-color: #ffffff1a
}

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

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

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

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

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

.\!bg-\[\#000000d9\] {
    background-color: #000000d9 !important
}

.\!bg-\[var\(--card-primary\)\] {
    background-color: var(--card-primary) !important
}

.bg-\[\#3087D1\] {
    --tw-bg-opacity: 1;
    background-color: #3087d1;
    background-color: rgb(48 135 209/var(--tw-bg-opacity))
}

.bg-\[\#38383A\] {
    --tw-bg-opacity: 1;
    background-color: #38383a;
    background-color: rgb(56 56 58/var(--tw-bg-opacity))
}

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

.bg-\[\#F58320\] {
    --tw-bg-opacity: 1;
    background-color: #f58320;
    background-color: rgb(245 131 32/var(--tw-bg-opacity))
}

.bg-\[\#FFD15C\] {
    --tw-bg-opacity: 1;
    background-color: #ffd15c;
    background-color: rgb(255 209 92/var(--tw-bg-opacity))
}

.bg-\[red\] {
    --tw-bg-opacity: 1;
    background-color: red;
    background-color: rgb(255 0 0/var(--tw-bg-opacity))
}

.bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: #fbbf24;
    background-color: rgb(251 191 36/var(--tw-bg-opacity))
}

.bg-amber-400\/0 {
    background-color: #fbbf2400
}

.bg-amber-400\/10 {
    background-color: #fbbf241a
}

.bg-amber-400\/100 {
    background-color: #fbbf24
}

.bg-amber-400\/15 {
    background-color: #fbbf2426
}

.bg-amber-400\/20 {
    background-color: #fbbf2433
}

.bg-amber-400\/25 {
    background-color: #fbbf2440
}

.bg-amber-400\/30 {
    background-color: #fbbf244d
}

.bg-amber-400\/35 {
    background-color: #fbbf2459
}

.bg-amber-400\/40 {
    background-color: #fbbf2466
}

.bg-amber-400\/45 {
    background-color: #fbbf2473
}

.bg-amber-400\/5 {
    background-color: #fbbf240d
}

.bg-amber-400\/50 {
    background-color: #fbbf2480
}

.bg-amber-400\/55 {
    background-color: #fbbf248c
}

.bg-amber-400\/60 {
    background-color: #fbbf2499
}

.bg-amber-400\/65 {
    background-color: #fbbf24a6
}

.bg-amber-400\/70 {
    background-color: #fbbf24b3
}

.bg-amber-400\/75 {
    background-color: #fbbf24bf
}

.bg-amber-400\/80 {
    background-color: #fbbf24cc
}

.bg-amber-400\/85 {
    background-color: #fbbf24d9
}

.bg-amber-400\/90 {
    background-color: #fbbf24e6
}

.bg-amber-400\/95 {
    background-color: #fbbf24f2
}

.bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: #f59e0b;
    background-color: rgb(245 158 11/var(--tw-bg-opacity))
}

.bg-amber-500\/0 {
    background-color: #f59e0b00
}

.bg-amber-500\/10 {
    background-color: #f59e0b1a
}

.bg-amber-500\/100 {
    background-color: #f59e0b
}

.bg-amber-500\/15 {
    background-color: #f59e0b26
}

.bg-amber-500\/20 {
    background-color: #f59e0b33
}

.bg-amber-500\/25 {
    background-color: #f59e0b40
}

.bg-amber-500\/30 {
    background-color: #f59e0b4d
}

.bg-amber-500\/35 {
    background-color: #f59e0b59
}

.bg-amber-500\/40 {
    background-color: #f59e0b66
}

.bg-amber-500\/45 {
    background-color: #f59e0b73
}

.bg-amber-500\/5 {
    background-color: #f59e0b0d
}

.bg-amber-500\/50 {
    background-color: #f59e0b80
}

.bg-amber-500\/55 {
    background-color: #f59e0b8c
}

.bg-amber-500\/60 {
    background-color: #f59e0b99
}

.bg-amber-500\/65 {
    background-color: #f59e0ba6
}

.bg-amber-500\/70 {
    background-color: #f59e0bb3
}

.bg-amber-500\/75 {
    background-color: #f59e0bbf
}

.bg-amber-500\/80 {
    background-color: #f59e0bcc
}

.bg-amber-500\/85 {
    background-color: #f59e0bd9
}

.bg-amber-500\/90 {
    background-color: #f59e0be6
}

.bg-amber-500\/95 {
    background-color: #f59e0bf2
}

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

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: #60a5fa;
    background-color: rgb(96 165 250/var(--tw-bg-opacity))
}

.bg-blue-400\/0 {
    background-color: #60a5fa00
}

.bg-blue-400\/10 {
    background-color: #60a5fa1a
}

.bg-blue-400\/100 {
    background-color: #60a5fa
}

.bg-blue-400\/15 {
    background-color: #60a5fa26
}

.bg-blue-400\/20 {
    background-color: #60a5fa33
}

.bg-blue-400\/25 {
    background-color: #60a5fa40
}

.bg-blue-400\/30 {
    background-color: #60a5fa4d
}

.bg-blue-400\/35 {
    background-color: #60a5fa59
}

.bg-blue-400\/40 {
    background-color: #60a5fa66
}

.bg-blue-400\/45 {
    background-color: #60a5fa73
}

.bg-blue-400\/5 {
    background-color: #60a5fa0d
}

.bg-blue-400\/50 {
    background-color: #60a5fa80
}

.bg-blue-400\/55 {
    background-color: #60a5fa8c
}

.bg-blue-400\/60 {
    background-color: #60a5fa99
}

.bg-blue-400\/65 {
    background-color: #60a5faa6
}

.bg-blue-400\/70 {
    background-color: #60a5fab3
}

.bg-blue-400\/75 {
    background-color: #60a5fabf
}

.bg-blue-400\/80 {
    background-color: #60a5facc
}

.bg-blue-400\/85 {
    background-color: #60a5fad9
}

.bg-blue-400\/90 {
    background-color: #60a5fae6
}

.bg-blue-400\/95 {
    background-color: #60a5faf2
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-blue-500\/0 {
    background-color: #3b82f600
}

.bg-blue-500\/10 {
    background-color: #3b82f61a
}

.bg-blue-500\/100 {
    background-color: #3b82f6
}

.bg-blue-500\/15 {
    background-color: #3b82f626
}

.bg-blue-500\/20 {
    background-color: #3b82f633
}

.bg-blue-500\/25 {
    background-color: #3b82f640
}

.bg-blue-500\/30 {
    background-color: #3b82f64d
}

.bg-blue-500\/35 {
    background-color: #3b82f659
}

.bg-blue-500\/40 {
    background-color: #3b82f666
}

.bg-blue-500\/45 {
    background-color: #3b82f673
}

.bg-blue-500\/5 {
    background-color: #3b82f60d
}

.bg-blue-500\/50 {
    background-color: #3b82f680
}

.bg-blue-500\/55 {
    background-color: #3b82f68c
}

.bg-blue-500\/60 {
    background-color: #3b82f699
}

.bg-blue-500\/65 {
    background-color: #3b82f6a6
}

.bg-blue-500\/70 {
    background-color: #3b82f6b3
}

.bg-blue-500\/75 {
    background-color: #3b82f6bf
}

.bg-blue-500\/80 {
    background-color: #3b82f6cc
}

.bg-blue-500\/85 {
    background-color: #3b82f6d9
}

.bg-blue-500\/90 {
    background-color: #3b82f6e6
}

.bg-blue-500\/95 {
    background-color: #3b82f6f2
}

.bg-current {
    background-color: currentColor
}

.bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: #22d3ee;
    background-color: rgb(34 211 238/var(--tw-bg-opacity))
}

.bg-cyan-400\/0 {
    background-color: #22d3ee00
}

.bg-cyan-400\/10 {
    background-color: #22d3ee1a
}

.bg-cyan-400\/100 {
    background-color: #22d3ee
}

.bg-cyan-400\/15 {
    background-color: #22d3ee26
}

.bg-cyan-400\/20 {
    background-color: #22d3ee33
}

.bg-cyan-400\/25 {
    background-color: #22d3ee40
}

.bg-cyan-400\/30 {
    background-color: #22d3ee4d
}

.bg-cyan-400\/35 {
    background-color: #22d3ee59
}

.bg-cyan-400\/40 {
    background-color: #22d3ee66
}

.bg-cyan-400\/45 {
    background-color: #22d3ee73
}

.bg-cyan-400\/5 {
    background-color: #22d3ee0d
}

.bg-cyan-400\/50 {
    background-color: #22d3ee80
}

.bg-cyan-400\/55 {
    background-color: #22d3ee8c
}

.bg-cyan-400\/60 {
    background-color: #22d3ee99
}

.bg-cyan-400\/65 {
    background-color: #22d3eea6
}

.bg-cyan-400\/70 {
    background-color: #22d3eeb3
}

.bg-cyan-400\/75 {
    background-color: #22d3eebf
}

.bg-cyan-400\/80 {
    background-color: #22d3eecc
}

.bg-cyan-400\/85 {
    background-color: #22d3eed9
}

.bg-cyan-400\/90 {
    background-color: #22d3eee6
}

.bg-cyan-400\/95 {
    background-color: #22d3eef2
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: #06b6d4;
    background-color: rgb(6 182 212/var(--tw-bg-opacity))
}

.bg-cyan-500\/0 {
    background-color: #06b6d400
}

.bg-cyan-500\/10 {
    background-color: #06b6d41a
}

.bg-cyan-500\/100 {
    background-color: #06b6d4
}

.bg-cyan-500\/15 {
    background-color: #06b6d426
}

.bg-cyan-500\/20 {
    background-color: #06b6d433
}

.bg-cyan-500\/25 {
    background-color: #06b6d440
}

.bg-cyan-500\/30 {
    background-color: #06b6d44d
}

.bg-cyan-500\/35 {
    background-color: #06b6d459
}

.bg-cyan-500\/40 {
    background-color: #06b6d466
}

.bg-cyan-500\/45 {
    background-color: #06b6d473
}

.bg-cyan-500\/5 {
    background-color: #06b6d40d
}

.bg-cyan-500\/50 {
    background-color: #06b6d480
}

.bg-cyan-500\/55 {
    background-color: #06b6d48c
}

.bg-cyan-500\/60 {
    background-color: #06b6d499
}

.bg-cyan-500\/65 {
    background-color: #06b6d4a6
}

.bg-cyan-500\/70 {
    background-color: #06b6d4b3
}

.bg-cyan-500\/75 {
    background-color: #06b6d4bf
}

.bg-cyan-500\/80 {
    background-color: #06b6d4cc
}

.bg-cyan-500\/85 {
    background-color: #06b6d4d9
}

.bg-cyan-500\/90 {
    background-color: #06b6d4e6
}

.bg-cyan-500\/95 {
    background-color: #06b6d4f2
}

.bg-emerald-400 {
    --tw-bg-opacity: 1;
    background-color: #34d399;
    background-color: rgb(52 211 153/var(--tw-bg-opacity))
}

.bg-emerald-400\/0 {
    background-color: #34d39900
}

.bg-emerald-400\/10 {
    background-color: #34d3991a
}

.bg-emerald-400\/100 {
    background-color: #34d399
}

.bg-emerald-400\/15 {
    background-color: #34d39926
}

.bg-emerald-400\/20 {
    background-color: #34d39933
}

.bg-emerald-400\/25 {
    background-color: #34d39940
}

.bg-emerald-400\/30 {
    background-color: #34d3994d
}

.bg-emerald-400\/35 {
    background-color: #34d39959
}

.bg-emerald-400\/40 {
    background-color: #34d39966
}

.bg-emerald-400\/45 {
    background-color: #34d39973
}

.bg-emerald-400\/5 {
    background-color: #34d3990d
}

.bg-emerald-400\/50 {
    background-color: #34d39980
}

.bg-emerald-400\/55 {
    background-color: #34d3998c
}

.bg-emerald-400\/60 {
    background-color: #34d39999
}

.bg-emerald-400\/65 {
    background-color: #34d399a6
}

.bg-emerald-400\/70 {
    background-color: #34d399b3
}

.bg-emerald-400\/75 {
    background-color: #34d399bf
}

.bg-emerald-400\/80 {
    background-color: #34d399cc
}

.bg-emerald-400\/85 {
    background-color: #34d399d9
}

.bg-emerald-400\/90 {
    background-color: #34d399e6
}

.bg-emerald-400\/95 {
    background-color: #34d399f2
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: #10b981;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.bg-emerald-500\/0 {
    background-color: #10b98100
}

.bg-emerald-500\/10 {
    background-color: #10b9811a
}

.bg-emerald-500\/100 {
    background-color: #10b981
}

.bg-emerald-500\/15 {
    background-color: #10b98126
}

.bg-emerald-500\/20 {
    background-color: #10b98133
}

.bg-emerald-500\/25 {
    background-color: #10b98140
}

.bg-emerald-500\/30 {
    background-color: #10b9814d
}

.bg-emerald-500\/35 {
    background-color: #10b98159
}

.bg-emerald-500\/40 {
    background-color: #10b98166
}

.bg-emerald-500\/45 {
    background-color: #10b98173
}

.bg-emerald-500\/5 {
    background-color: #10b9810d
}

.bg-emerald-500\/50 {
    background-color: #10b98180
}

.bg-emerald-500\/55 {
    background-color: #10b9818c
}

.bg-emerald-500\/60 {
    background-color: #10b98199
}

.bg-emerald-500\/65 {
    background-color: #10b981a6
}

.bg-emerald-500\/70 {
    background-color: #10b981b3
}

.bg-emerald-500\/75 {
    background-color: #10b981bf
}

.bg-emerald-500\/80 {
    background-color: #10b981cc
}

.bg-emerald-500\/85 {
    background-color: #10b981d9
}

.bg-emerald-500\/90 {
    background-color: #10b981e6
}

.bg-emerald-500\/95 {
    background-color: #10b981f2
}

.bg-fuchsia-400 {
    --tw-bg-opacity: 1;
    background-color: #e879f9;
    background-color: rgb(232 121 249/var(--tw-bg-opacity))
}

.bg-fuchsia-400\/0 {
    background-color: #e879f900
}

.bg-fuchsia-400\/10 {
    background-color: #e879f91a
}

.bg-fuchsia-400\/100 {
    background-color: #e879f9
}

.bg-fuchsia-400\/15 {
    background-color: #e879f926
}

.bg-fuchsia-400\/20 {
    background-color: #e879f933
}

.bg-fuchsia-400\/25 {
    background-color: #e879f940
}

.bg-fuchsia-400\/30 {
    background-color: #e879f94d
}

.bg-fuchsia-400\/35 {
    background-color: #e879f959
}

.bg-fuchsia-400\/40 {
    background-color: #e879f966
}

.bg-fuchsia-400\/45 {
    background-color: #e879f973
}

.bg-fuchsia-400\/5 {
    background-color: #e879f90d
}

.bg-fuchsia-400\/50 {
    background-color: #e879f980
}

.bg-fuchsia-400\/55 {
    background-color: #e879f98c
}

.bg-fuchsia-400\/60 {
    background-color: #e879f999
}

.bg-fuchsia-400\/65 {
    background-color: #e879f9a6
}

.bg-fuchsia-400\/70 {
    background-color: #e879f9b3
}

.bg-fuchsia-400\/75 {
    background-color: #e879f9bf
}

.bg-fuchsia-400\/80 {
    background-color: #e879f9cc
}

.bg-fuchsia-400\/85 {
    background-color: #e879f9d9
}

.bg-fuchsia-400\/90 {
    background-color: #e879f9e6
}

.bg-fuchsia-400\/95 {
    background-color: #e879f9f2
}

.bg-fuchsia-500 {
    --tw-bg-opacity: 1;
    background-color: #d946ef;
    background-color: rgb(217 70 239/var(--tw-bg-opacity))
}

.bg-fuchsia-500\/0 {
    background-color: #d946ef00
}

.bg-fuchsia-500\/10 {
    background-color: #d946ef1a
}

.bg-fuchsia-500\/100 {
    background-color: #d946ef
}

.bg-fuchsia-500\/15 {
    background-color: #d946ef26
}

.bg-fuchsia-500\/20 {
    background-color: #d946ef33
}

.bg-fuchsia-500\/25 {
    background-color: #d946ef40
}

.bg-fuchsia-500\/30 {
    background-color: #d946ef4d
}

.bg-fuchsia-500\/35 {
    background-color: #d946ef59
}

.bg-fuchsia-500\/40 {
    background-color: #d946ef66
}

.bg-fuchsia-500\/45 {
    background-color: #d946ef73
}

.bg-fuchsia-500\/5 {
    background-color: #d946ef0d
}

.bg-fuchsia-500\/50 {
    background-color: #d946ef80
}

.bg-fuchsia-500\/55 {
    background-color: #d946ef8c
}

.bg-fuchsia-500\/60 {
    background-color: #d946ef99
}

.bg-fuchsia-500\/65 {
    background-color: #d946efa6
}

.bg-fuchsia-500\/70 {
    background-color: #d946efb3
}

.bg-fuchsia-500\/75 {
    background-color: #d946efbf
}

.bg-fuchsia-500\/80 {
    background-color: #d946efcc
}

.bg-fuchsia-500\/85 {
    background-color: #d946efd9
}

.bg-fuchsia-500\/90 {
    background-color: #d946efe6
}

.bg-fuchsia-500\/95 {
    background-color: #d946eff2
}

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

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

.bg-gray-200\/75 {
    background-color: rgb(var(--color-gray-200)/.75)
}

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

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

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

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

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: #4ade80;
    background-color: rgb(74 222 128/var(--tw-bg-opacity))
}

.bg-green-400\/0 {
    background-color: #4ade8000
}

.bg-green-400\/10 {
    background-color: #4ade801a
}

.bg-green-400\/100 {
    background-color: #4ade80
}

.bg-green-400\/15 {
    background-color: #4ade8026
}

.bg-green-400\/20 {
    background-color: #4ade8033
}

.bg-green-400\/25 {
    background-color: #4ade8040
}

.bg-green-400\/30 {
    background-color: #4ade804d
}

.bg-green-400\/35 {
    background-color: #4ade8059
}

.bg-green-400\/40 {
    background-color: #4ade8066
}

.bg-green-400\/45 {
    background-color: #4ade8073
}

.bg-green-400\/5 {
    background-color: #4ade800d
}

.bg-green-400\/50 {
    background-color: #4ade8080
}

.bg-green-400\/55 {
    background-color: #4ade808c
}

.bg-green-400\/60 {
    background-color: #4ade8099
}

.bg-green-400\/65 {
    background-color: #4ade80a6
}

.bg-green-400\/70 {
    background-color: #4ade80b3
}

.bg-green-400\/75 {
    background-color: #4ade80bf
}

.bg-green-400\/80 {
    background-color: #4ade80cc
}

.bg-green-400\/85 {
    background-color: #4ade80d9
}

.bg-green-400\/90 {
    background-color: #4ade80e6
}

.bg-green-400\/95 {
    background-color: #4ade80f2
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: #22c55e;
    background-color: rgb(34 197 94/var(--tw-bg-opacity))
}

.bg-green-500\/0 {
    background-color: #22c55e00
}

.bg-green-500\/10 {
    background-color: #22c55e1a
}

.bg-green-500\/100 {
    background-color: #22c55e
}

.bg-green-500\/15 {
    background-color: #22c55e26
}

.bg-green-500\/20 {
    background-color: #22c55e33
}

.bg-green-500\/25 {
    background-color: #22c55e40
}

.bg-green-500\/30 {
    background-color: #22c55e4d
}

.bg-green-500\/35 {
    background-color: #22c55e59
}

.bg-green-500\/40 {
    background-color: #22c55e66
}

.bg-green-500\/45 {
    background-color: #22c55e73
}

.bg-green-500\/5 {
    background-color: #22c55e0d
}

.bg-green-500\/50 {
    background-color: #22c55e80
}

.bg-green-500\/55 {
    background-color: #22c55e8c
}

.bg-green-500\/60 {
    background-color: #22c55e99
}

.bg-green-500\/65 {
    background-color: #22c55ea6
}

.bg-green-500\/70 {
    background-color: #22c55eb3
}

.bg-green-500\/75 {
    background-color: #22c55ebf
}

.bg-green-500\/80 {
    background-color: #22c55ecc
}

.bg-green-500\/85 {
    background-color: #22c55ed9
}

.bg-green-500\/90 {
    background-color: #22c55ee6
}

.bg-green-500\/95 {
    background-color: #22c55ef2
}

.bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: #818cf8;
    background-color: rgb(129 140 248/var(--tw-bg-opacity))
}

.bg-indigo-400\/0 {
    background-color: #818cf800
}

.bg-indigo-400\/10 {
    background-color: #818cf81a
}

.bg-indigo-400\/100 {
    background-color: #818cf8
}

.bg-indigo-400\/15 {
    background-color: #818cf826
}

.bg-indigo-400\/20 {
    background-color: #818cf833
}

.bg-indigo-400\/25 {
    background-color: #818cf840
}

.bg-indigo-400\/30 {
    background-color: #818cf84d
}

.bg-indigo-400\/35 {
    background-color: #818cf859
}

.bg-indigo-400\/40 {
    background-color: #818cf866
}

.bg-indigo-400\/45 {
    background-color: #818cf873
}

.bg-indigo-400\/5 {
    background-color: #818cf80d
}

.bg-indigo-400\/50 {
    background-color: #818cf880
}

.bg-indigo-400\/55 {
    background-color: #818cf88c
}

.bg-indigo-400\/60 {
    background-color: #818cf899
}

.bg-indigo-400\/65 {
    background-color: #818cf8a6
}

.bg-indigo-400\/70 {
    background-color: #818cf8b3
}

.bg-indigo-400\/75 {
    background-color: #818cf8bf
}

.bg-indigo-400\/80 {
    background-color: #818cf8cc
}

.bg-indigo-400\/85 {
    background-color: #818cf8d9
}

.bg-indigo-400\/90 {
    background-color: #818cf8e6
}

.bg-indigo-400\/95 {
    background-color: #818cf8f2
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: #6366f1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity))
}

.bg-indigo-500\/0 {
    background-color: #6366f100
}

.bg-indigo-500\/10 {
    background-color: #6366f11a
}

.bg-indigo-500\/100 {
    background-color: #6366f1
}

.bg-indigo-500\/15 {
    background-color: #6366f126
}

.bg-indigo-500\/20 {
    background-color: #6366f133
}

.bg-indigo-500\/25 {
    background-color: #6366f140
}

.bg-indigo-500\/30 {
    background-color: #6366f14d
}

.bg-indigo-500\/35 {
    background-color: #6366f159
}

.bg-indigo-500\/40 {
    background-color: #6366f166
}

.bg-indigo-500\/45 {
    background-color: #6366f173
}

.bg-indigo-500\/5 {
    background-color: #6366f10d
}

.bg-indigo-500\/50 {
    background-color: #6366f180
}

.bg-indigo-500\/55 {
    background-color: #6366f18c
}

.bg-indigo-500\/60 {
    background-color: #6366f199
}

.bg-indigo-500\/65 {
    background-color: #6366f1a6
}

.bg-indigo-500\/70 {
    background-color: #6366f1b3
}

.bg-indigo-500\/75 {
    background-color: #6366f1bf
}

.bg-indigo-500\/80 {
    background-color: #6366f1cc
}

.bg-indigo-500\/85 {
    background-color: #6366f1d9
}

.bg-indigo-500\/90 {
    background-color: #6366f1e6
}

.bg-indigo-500\/95 {
    background-color: #6366f1f2
}

.bg-lime-400 {
    --tw-bg-opacity: 1;
    background-color: #a3e635;
    background-color: rgb(163 230 53/var(--tw-bg-opacity))
}

.bg-lime-400\/0 {
    background-color: #a3e63500
}

.bg-lime-400\/10 {
    background-color: #a3e6351a
}

.bg-lime-400\/100 {
    background-color: #a3e635
}

.bg-lime-400\/15 {
    background-color: #a3e63526
}

.bg-lime-400\/20 {
    background-color: #a3e63533
}

.bg-lime-400\/25 {
    background-color: #a3e63540
}

.bg-lime-400\/30 {
    background-color: #a3e6354d
}

.bg-lime-400\/35 {
    background-color: #a3e63559
}

.bg-lime-400\/40 {
    background-color: #a3e63566
}

.bg-lime-400\/45 {
    background-color: #a3e63573
}

.bg-lime-400\/5 {
    background-color: #a3e6350d
}

.bg-lime-400\/50 {
    background-color: #a3e63580
}

.bg-lime-400\/55 {
    background-color: #a3e6358c
}

.bg-lime-400\/60 {
    background-color: #a3e63599
}

.bg-lime-400\/65 {
    background-color: #a3e635a6
}

.bg-lime-400\/70 {
    background-color: #a3e635b3
}

.bg-lime-400\/75 {
    background-color: #a3e635bf
}

.bg-lime-400\/80 {
    background-color: #a3e635cc
}

.bg-lime-400\/85 {
    background-color: #a3e635d9
}

.bg-lime-400\/90 {
    background-color: #a3e635e6
}

.bg-lime-400\/95 {
    background-color: #a3e635f2
}

.bg-lime-500 {
    --tw-bg-opacity: 1;
    background-color: #84cc16;
    background-color: rgb(132 204 22/var(--tw-bg-opacity))
}

.bg-lime-500\/0 {
    background-color: #84cc1600
}

.bg-lime-500\/10 {
    background-color: #84cc161a
}

.bg-lime-500\/100 {
    background-color: #84cc16
}

.bg-lime-500\/15 {
    background-color: #84cc1626
}

.bg-lime-500\/20 {
    background-color: #84cc1633
}

.bg-lime-500\/25 {
    background-color: #84cc1640
}

.bg-lime-500\/30 {
    background-color: #84cc164d
}

.bg-lime-500\/35 {
    background-color: #84cc1659
}

.bg-lime-500\/40 {
    background-color: #84cc1666
}

.bg-lime-500\/45 {
    background-color: #84cc1673
}

.bg-lime-500\/5 {
    background-color: #84cc160d
}

.bg-lime-500\/50 {
    background-color: #84cc1680
}

.bg-lime-500\/55 {
    background-color: #84cc168c
}

.bg-lime-500\/60 {
    background-color: #84cc1699
}

.bg-lime-500\/65 {
    background-color: #84cc16a6
}

.bg-lime-500\/70 {
    background-color: #84cc16b3
}

.bg-lime-500\/75 {
    background-color: #84cc16bf
}

.bg-lime-500\/80 {
    background-color: #84cc16cc
}

.bg-lime-500\/85 {
    background-color: #84cc16d9
}

.bg-lime-500\/90 {
    background-color: #84cc16e6
}

.bg-lime-500\/95 {
    background-color: #84cc16f2
}

.bg-orange-400 {
    --tw-bg-opacity: 1;
    background-color: #fb923c;
    background-color: rgb(251 146 60/var(--tw-bg-opacity))
}

.bg-orange-400\/0 {
    background-color: #fb923c00
}

.bg-orange-400\/10 {
    background-color: #fb923c1a
}

.bg-orange-400\/100 {
    background-color: #fb923c
}

.bg-orange-400\/15 {
    background-color: #fb923c26
}

.bg-orange-400\/20 {
    background-color: #fb923c33
}

.bg-orange-400\/25 {
    background-color: #fb923c40
}

.bg-orange-400\/30 {
    background-color: #fb923c4d
}

.bg-orange-400\/35 {
    background-color: #fb923c59
}

.bg-orange-400\/40 {
    background-color: #fb923c66
}

.bg-orange-400\/45 {
    background-color: #fb923c73
}

.bg-orange-400\/5 {
    background-color: #fb923c0d
}

.bg-orange-400\/50 {
    background-color: #fb923c80
}

.bg-orange-400\/55 {
    background-color: #fb923c8c
}

.bg-orange-400\/60 {
    background-color: #fb923c99
}

.bg-orange-400\/65 {
    background-color: #fb923ca6
}

.bg-orange-400\/70 {
    background-color: #fb923cb3
}

.bg-orange-400\/75 {
    background-color: #fb923cbf
}

.bg-orange-400\/80 {
    background-color: #fb923ccc
}

.bg-orange-400\/85 {
    background-color: #fb923cd9
}

.bg-orange-400\/90 {
    background-color: #fb923ce6
}

.bg-orange-400\/95 {
    background-color: #fb923cf2
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: #f97316;
    background-color: rgb(249 115 22/var(--tw-bg-opacity))
}

.bg-orange-500\/0 {
    background-color: #f9731600
}

.bg-orange-500\/10 {
    background-color: #f973161a
}

.bg-orange-500\/100 {
    background-color: #f97316
}

.bg-orange-500\/15 {
    background-color: #f9731626
}

.bg-orange-500\/20 {
    background-color: #f9731633
}

.bg-orange-500\/25 {
    background-color: #f9731640
}

.bg-orange-500\/30 {
    background-color: #f973164d
}

.bg-orange-500\/35 {
    background-color: #f9731659
}

.bg-orange-500\/40 {
    background-color: #f9731666
}

.bg-orange-500\/45 {
    background-color: #f9731673
}

.bg-orange-500\/5 {
    background-color: #f973160d
}

.bg-orange-500\/50 {
    background-color: #f9731680
}

.bg-orange-500\/55 {
    background-color: #f973168c
}

.bg-orange-500\/60 {
    background-color: #f9731699
}

.bg-orange-500\/65 {
    background-color: #f97316a6
}

.bg-orange-500\/70 {
    background-color: #f97316b3
}

.bg-orange-500\/75 {
    background-color: #f97316bf
}

.bg-orange-500\/80 {
    background-color: #f97316cc
}

.bg-orange-500\/85 {
    background-color: #f97316d9
}

.bg-orange-500\/90 {
    background-color: #f97316e6
}

.bg-orange-500\/95 {
    background-color: #f97316f2
}

.bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: #f472b6;
    background-color: rgb(244 114 182/var(--tw-bg-opacity))
}

.bg-pink-400\/0 {
    background-color: #f472b600
}

.bg-pink-400\/10 {
    background-color: #f472b61a
}

.bg-pink-400\/100 {
    background-color: #f472b6
}

.bg-pink-400\/15 {
    background-color: #f472b626
}

.bg-pink-400\/20 {
    background-color: #f472b633
}

.bg-pink-400\/25 {
    background-color: #f472b640
}

.bg-pink-400\/30 {
    background-color: #f472b64d
}

.bg-pink-400\/35 {
    background-color: #f472b659
}

.bg-pink-400\/40 {
    background-color: #f472b666
}

.bg-pink-400\/45 {
    background-color: #f472b673
}

.bg-pink-400\/5 {
    background-color: #f472b60d
}

.bg-pink-400\/50 {
    background-color: #f472b680
}

.bg-pink-400\/55 {
    background-color: #f472b68c
}

.bg-pink-400\/60 {
    background-color: #f472b699
}

.bg-pink-400\/65 {
    background-color: #f472b6a6
}

.bg-pink-400\/70 {
    background-color: #f472b6b3
}

.bg-pink-400\/75 {
    background-color: #f472b6bf
}

.bg-pink-400\/80 {
    background-color: #f472b6cc
}

.bg-pink-400\/85 {
    background-color: #f472b6d9
}

.bg-pink-400\/90 {
    background-color: #f472b6e6
}

.bg-pink-400\/95 {
    background-color: #f472b6f2
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: #ec4899;
    background-color: rgb(236 72 153/var(--tw-bg-opacity))
}

.bg-pink-500\/0 {
    background-color: #ec489900
}

.bg-pink-500\/10 {
    background-color: #ec48991a
}

.bg-pink-500\/100 {
    background-color: #ec4899
}

.bg-pink-500\/15 {
    background-color: #ec489926
}

.bg-pink-500\/20 {
    background-color: #ec489933
}

.bg-pink-500\/25 {
    background-color: #ec489940
}

.bg-pink-500\/30 {
    background-color: #ec48994d
}

.bg-pink-500\/35 {
    background-color: #ec489959
}

.bg-pink-500\/40 {
    background-color: #ec489966
}

.bg-pink-500\/45 {
    background-color: #ec489973
}

.bg-pink-500\/5 {
    background-color: #ec48990d
}

.bg-pink-500\/50 {
    background-color: #ec489980
}

.bg-pink-500\/55 {
    background-color: #ec48998c
}

.bg-pink-500\/60 {
    background-color: #ec489999
}

.bg-pink-500\/65 {
    background-color: #ec4899a6
}

.bg-pink-500\/70 {
    background-color: #ec4899b3
}

.bg-pink-500\/75 {
    background-color: #ec4899bf
}

.bg-pink-500\/80 {
    background-color: #ec4899cc
}

.bg-pink-500\/85 {
    background-color: #ec4899d9
}

.bg-pink-500\/90 {
    background-color: #ec4899e6
}

.bg-pink-500\/95 {
    background-color: #ec4899f2
}

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

.bg-primary-100\/0 {
    background-color: rgb(var(--color-primary-100)/0)
}

.bg-primary-100\/10 {
    background-color: rgb(var(--color-primary-100)/.1)
}

.bg-primary-100\/100 {
    background-color: rgb(var(--color-primary-100)/1)
}

.bg-primary-100\/15 {
    background-color: rgb(var(--color-primary-100)/.15)
}

.bg-primary-100\/20 {
    background-color: rgb(var(--color-primary-100)/.2)
}

.bg-primary-100\/25 {
    background-color: rgb(var(--color-primary-100)/.25)
}

.bg-primary-100\/30 {
    background-color: rgb(var(--color-primary-100)/.3)
}

.bg-primary-100\/35 {
    background-color: rgb(var(--color-primary-100)/.35)
}

.bg-primary-100\/40 {
    background-color: rgb(var(--color-primary-100)/.4)
}

.bg-primary-100\/45 {
    background-color: rgb(var(--color-primary-100)/.45)
}

.bg-primary-100\/5 {
    background-color: rgb(var(--color-primary-100)/.05)
}

.bg-primary-100\/50 {
    background-color: rgb(var(--color-primary-100)/.5)
}

.bg-primary-100\/55 {
    background-color: rgb(var(--color-primary-100)/.55)
}

.bg-primary-100\/60 {
    background-color: rgb(var(--color-primary-100)/.6)
}

.bg-primary-100\/65 {
    background-color: rgb(var(--color-primary-100)/.65)
}

.bg-primary-100\/70 {
    background-color: rgb(var(--color-primary-100)/.7)
}

.bg-primary-100\/75 {
    background-color: rgb(var(--color-primary-100)/.75)
}

.bg-primary-100\/80 {
    background-color: rgb(var(--color-primary-100)/.8)
}

.bg-primary-100\/85 {
    background-color: rgb(var(--color-primary-100)/.85)
}

.bg-primary-100\/90 {
    background-color: rgb(var(--color-primary-100)/.9)
}

.bg-primary-100\/95 {
    background-color: rgb(var(--color-primary-100)/.95)
}

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

.bg-primary-400\/0 {
    background-color: rgb(var(--color-primary-400)/0)
}

.bg-primary-400\/10 {
    background-color: rgb(var(--color-primary-400)/.1)
}

.bg-primary-400\/100 {
    background-color: rgb(var(--color-primary-400)/1)
}

.bg-primary-400\/15 {
    background-color: rgb(var(--color-primary-400)/.15)
}

.bg-primary-400\/20 {
    background-color: rgb(var(--color-primary-400)/.2)
}

.bg-primary-400\/25 {
    background-color: rgb(var(--color-primary-400)/.25)
}

.bg-primary-400\/30 {
    background-color: rgb(var(--color-primary-400)/.3)
}

.bg-primary-400\/35 {
    background-color: rgb(var(--color-primary-400)/.35)
}

.bg-primary-400\/40 {
    background-color: rgb(var(--color-primary-400)/.4)
}

.bg-primary-400\/45 {
    background-color: rgb(var(--color-primary-400)/.45)
}

.bg-primary-400\/5 {
    background-color: rgb(var(--color-primary-400)/.05)
}

.bg-primary-400\/50 {
    background-color: rgb(var(--color-primary-400)/.5)
}

.bg-primary-400\/55 {
    background-color: rgb(var(--color-primary-400)/.55)
}

.bg-primary-400\/60 {
    background-color: rgb(var(--color-primary-400)/.6)
}

.bg-primary-400\/65 {
    background-color: rgb(var(--color-primary-400)/.65)
}

.bg-primary-400\/70 {
    background-color: rgb(var(--color-primary-400)/.7)
}

.bg-primary-400\/75 {
    background-color: rgb(var(--color-primary-400)/.75)
}

.bg-primary-400\/80 {
    background-color: rgb(var(--color-primary-400)/.8)
}

.bg-primary-400\/85 {
    background-color: rgb(var(--color-primary-400)/.85)
}

.bg-primary-400\/90 {
    background-color: rgb(var(--color-primary-400)/.9)
}

.bg-primary-400\/95 {
    background-color: rgb(var(--color-primary-400)/.95)
}

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

.bg-primary-50\/0 {
    background-color: rgb(var(--color-primary-50)/0)
}

.bg-primary-50\/10 {
    background-color: rgb(var(--color-primary-50)/.1)
}

.bg-primary-50\/100 {
    background-color: rgb(var(--color-primary-50)/1)
}

.bg-primary-50\/15 {
    background-color: rgb(var(--color-primary-50)/.15)
}

.bg-primary-50\/20 {
    background-color: rgb(var(--color-primary-50)/.2)
}

.bg-primary-50\/25 {
    background-color: rgb(var(--color-primary-50)/.25)
}

.bg-primary-50\/30 {
    background-color: rgb(var(--color-primary-50)/.3)
}

.bg-primary-50\/35 {
    background-color: rgb(var(--color-primary-50)/.35)
}

.bg-primary-50\/40 {
    background-color: rgb(var(--color-primary-50)/.4)
}

.bg-primary-50\/45 {
    background-color: rgb(var(--color-primary-50)/.45)
}

.bg-primary-50\/5 {
    background-color: rgb(var(--color-primary-50)/.05)
}

.bg-primary-50\/50 {
    background-color: rgb(var(--color-primary-50)/.5)
}

.bg-primary-50\/55 {
    background-color: rgb(var(--color-primary-50)/.55)
}

.bg-primary-50\/60 {
    background-color: rgb(var(--color-primary-50)/.6)
}

.bg-primary-50\/65 {
    background-color: rgb(var(--color-primary-50)/.65)
}

.bg-primary-50\/70 {
    background-color: rgb(var(--color-primary-50)/.7)
}

.bg-primary-50\/75 {
    background-color: rgb(var(--color-primary-50)/.75)
}

.bg-primary-50\/80 {
    background-color: rgb(var(--color-primary-50)/.8)
}

.bg-primary-50\/85 {
    background-color: rgb(var(--color-primary-50)/.85)
}

.bg-primary-50\/90 {
    background-color: rgb(var(--color-primary-50)/.9)
}

.bg-primary-50\/95 {
    background-color: rgb(var(--color-primary-50)/.95)
}

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

.bg-primary-500\/0 {
    background-color: rgb(var(--color-primary-500)/0)
}

.bg-primary-500\/10 {
    background-color: rgb(var(--color-primary-500)/.1)
}

.bg-primary-500\/100 {
    background-color: rgb(var(--color-primary-500)/1)
}

.bg-primary-500\/15 {
    background-color: rgb(var(--color-primary-500)/.15)
}

.bg-primary-500\/20 {
    background-color: rgb(var(--color-primary-500)/.2)
}

.bg-primary-500\/25 {
    background-color: rgb(var(--color-primary-500)/.25)
}

.bg-primary-500\/30 {
    background-color: rgb(var(--color-primary-500)/.3)
}

.bg-primary-500\/35 {
    background-color: rgb(var(--color-primary-500)/.35)
}

.bg-primary-500\/40 {
    background-color: rgb(var(--color-primary-500)/.4)
}

.bg-primary-500\/45 {
    background-color: rgb(var(--color-primary-500)/.45)
}

.bg-primary-500\/5 {
    background-color: rgb(var(--color-primary-500)/.05)
}

.bg-primary-500\/50 {
    background-color: rgb(var(--color-primary-500)/.5)
}

.bg-primary-500\/55 {
    background-color: rgb(var(--color-primary-500)/.55)
}

.bg-primary-500\/60 {
    background-color: rgb(var(--color-primary-500)/.6)
}

.bg-primary-500\/65 {
    background-color: rgb(var(--color-primary-500)/.65)
}

.bg-primary-500\/70 {
    background-color: rgb(var(--color-primary-500)/.7)
}

.bg-primary-500\/75 {
    background-color: rgb(var(--color-primary-500)/.75)
}

.bg-primary-500\/80 {
    background-color: rgb(var(--color-primary-500)/.8)
}

.bg-primary-500\/85 {
    background-color: rgb(var(--color-primary-500)/.85)
}

.bg-primary-500\/90 {
    background-color: rgb(var(--color-primary-500)/.9)
}

.bg-primary-500\/95 {
    background-color: rgb(var(--color-primary-500)/.95)
}

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

.bg-primary-600\/0 {
    background-color: rgb(var(--color-primary-600)/0)
}

.bg-primary-600\/10 {
    background-color: rgb(var(--color-primary-600)/.1)
}

.bg-primary-600\/100 {
    background-color: rgb(var(--color-primary-600)/1)
}

.bg-primary-600\/15 {
    background-color: rgb(var(--color-primary-600)/.15)
}

.bg-primary-600\/20 {
    background-color: rgb(var(--color-primary-600)/.2)
}

.bg-primary-600\/25 {
    background-color: rgb(var(--color-primary-600)/.25)
}

.bg-primary-600\/30 {
    background-color: rgb(var(--color-primary-600)/.3)
}

.bg-primary-600\/35 {
    background-color: rgb(var(--color-primary-600)/.35)
}

.bg-primary-600\/40 {
    background-color: rgb(var(--color-primary-600)/.4)
}

.bg-primary-600\/45 {
    background-color: rgb(var(--color-primary-600)/.45)
}

.bg-primary-600\/5 {
    background-color: rgb(var(--color-primary-600)/.05)
}

.bg-primary-600\/50 {
    background-color: rgb(var(--color-primary-600)/.5)
}

.bg-primary-600\/55 {
    background-color: rgb(var(--color-primary-600)/.55)
}

.bg-primary-600\/60 {
    background-color: rgb(var(--color-primary-600)/.6)
}

.bg-primary-600\/65 {
    background-color: rgb(var(--color-primary-600)/.65)
}

.bg-primary-600\/70 {
    background-color: rgb(var(--color-primary-600)/.7)
}

.bg-primary-600\/75 {
    background-color: rgb(var(--color-primary-600)/.75)
}

.bg-primary-600\/80 {
    background-color: rgb(var(--color-primary-600)/.8)
}

.bg-primary-600\/85 {
    background-color: rgb(var(--color-primary-600)/.85)
}

.bg-primary-600\/90 {
    background-color: rgb(var(--color-primary-600)/.9)
}

.bg-primary-600\/95 {
    background-color: rgb(var(--color-primary-600)/.95)
}

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

.bg-primary-900\/0 {
    background-color: rgb(var(--color-primary-900)/0)
}

.bg-primary-900\/10 {
    background-color: rgb(var(--color-primary-900)/.1)
}

.bg-primary-900\/100 {
    background-color: rgb(var(--color-primary-900)/1)
}

.bg-primary-900\/15 {
    background-color: rgb(var(--color-primary-900)/.15)
}

.bg-primary-900\/20 {
    background-color: rgb(var(--color-primary-900)/.2)
}

.bg-primary-900\/25 {
    background-color: rgb(var(--color-primary-900)/.25)
}

.bg-primary-900\/30 {
    background-color: rgb(var(--color-primary-900)/.3)
}

.bg-primary-900\/35 {
    background-color: rgb(var(--color-primary-900)/.35)
}

.bg-primary-900\/40 {
    background-color: rgb(var(--color-primary-900)/.4)
}

.bg-primary-900\/45 {
    background-color: rgb(var(--color-primary-900)/.45)
}

.bg-primary-900\/5 {
    background-color: rgb(var(--color-primary-900)/.05)
}

.bg-primary-900\/50 {
    background-color: rgb(var(--color-primary-900)/.5)
}

.bg-primary-900\/55 {
    background-color: rgb(var(--color-primary-900)/.55)
}

.bg-primary-900\/60 {
    background-color: rgb(var(--color-primary-900)/.6)
}

.bg-primary-900\/65 {
    background-color: rgb(var(--color-primary-900)/.65)
}

.bg-primary-900\/70 {
    background-color: rgb(var(--color-primary-900)/.7)
}

.bg-primary-900\/75 {
    background-color: rgb(var(--color-primary-900)/.75)
}

.bg-primary-900\/80 {
    background-color: rgb(var(--color-primary-900)/.8)
}

.bg-primary-900\/85 {
    background-color: rgb(var(--color-primary-900)/.85)
}

.bg-primary-900\/90 {
    background-color: rgb(var(--color-primary-900)/.9)
}

.bg-primary-900\/95 {
    background-color: rgb(var(--color-primary-900)/.95)
}

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

.bg-primary-950\/0 {
    background-color: rgb(var(--color-primary-950)/0)
}

.bg-primary-950\/10 {
    background-color: rgb(var(--color-primary-950)/.1)
}

.bg-primary-950\/100 {
    background-color: rgb(var(--color-primary-950)/1)
}

.bg-primary-950\/15 {
    background-color: rgb(var(--color-primary-950)/.15)
}

.bg-primary-950\/20 {
    background-color: rgb(var(--color-primary-950)/.2)
}

.bg-primary-950\/25 {
    background-color: rgb(var(--color-primary-950)/.25)
}

.bg-primary-950\/30 {
    background-color: rgb(var(--color-primary-950)/.3)
}

.bg-primary-950\/35 {
    background-color: rgb(var(--color-primary-950)/.35)
}

.bg-primary-950\/40 {
    background-color: rgb(var(--color-primary-950)/.4)
}

.bg-primary-950\/45 {
    background-color: rgb(var(--color-primary-950)/.45)
}

.bg-primary-950\/5 {
    background-color: rgb(var(--color-primary-950)/.05)
}

.bg-primary-950\/50 {
    background-color: rgb(var(--color-primary-950)/.5)
}

.bg-primary-950\/55 {
    background-color: rgb(var(--color-primary-950)/.55)
}

.bg-primary-950\/60 {
    background-color: rgb(var(--color-primary-950)/.6)
}

.bg-primary-950\/65 {
    background-color: rgb(var(--color-primary-950)/.65)
}

.bg-primary-950\/70 {
    background-color: rgb(var(--color-primary-950)/.7)
}

.bg-primary-950\/75 {
    background-color: rgb(var(--color-primary-950)/.75)
}

.bg-primary-950\/80 {
    background-color: rgb(var(--color-primary-950)/.8)
}

.bg-primary-950\/85 {
    background-color: rgb(var(--color-primary-950)/.85)
}

.bg-primary-950\/90 {
    background-color: rgb(var(--color-primary-950)/.9)
}

.bg-primary-950\/95 {
    background-color: rgb(var(--color-primary-950)/.95)
}

.bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: #c084fc;
    background-color: rgb(192 132 252/var(--tw-bg-opacity))
}

.bg-purple-400\/0 {
    background-color: #c084fc00
}

.bg-purple-400\/10 {
    background-color: #c084fc1a
}

.bg-purple-400\/100 {
    background-color: #c084fc
}

.bg-purple-400\/15 {
    background-color: #c084fc26
}

.bg-purple-400\/20 {
    background-color: #c084fc33
}

.bg-purple-400\/25 {
    background-color: #c084fc40
}

.bg-purple-400\/30 {
    background-color: #c084fc4d
}

.bg-purple-400\/35 {
    background-color: #c084fc59
}

.bg-purple-400\/40 {
    background-color: #c084fc66
}

.bg-purple-400\/45 {
    background-color: #c084fc73
}

.bg-purple-400\/5 {
    background-color: #c084fc0d
}

.bg-purple-400\/50 {
    background-color: #c084fc80
}

.bg-purple-400\/55 {
    background-color: #c084fc8c
}

.bg-purple-400\/60 {
    background-color: #c084fc99
}

.bg-purple-400\/65 {
    background-color: #c084fca6
}

.bg-purple-400\/70 {
    background-color: #c084fcb3
}

.bg-purple-400\/75 {
    background-color: #c084fcbf
}

.bg-purple-400\/80 {
    background-color: #c084fccc
}

.bg-purple-400\/85 {
    background-color: #c084fcd9
}

.bg-purple-400\/90 {
    background-color: #c084fce6
}

.bg-purple-400\/95 {
    background-color: #c084fcf2
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: #a855f7;
    background-color: rgb(168 85 247/var(--tw-bg-opacity))
}

.bg-purple-500\/0 {
    background-color: #a855f700
}

.bg-purple-500\/10 {
    background-color: #a855f71a
}

.bg-purple-500\/100 {
    background-color: #a855f7
}

.bg-purple-500\/15 {
    background-color: #a855f726
}

.bg-purple-500\/20 {
    background-color: #a855f733
}

.bg-purple-500\/25 {
    background-color: #a855f740
}

.bg-purple-500\/30 {
    background-color: #a855f74d
}

.bg-purple-500\/35 {
    background-color: #a855f759
}

.bg-purple-500\/40 {
    background-color: #a855f766
}

.bg-purple-500\/45 {
    background-color: #a855f773
}

.bg-purple-500\/5 {
    background-color: #a855f70d
}

.bg-purple-500\/50 {
    background-color: #a855f780
}

.bg-purple-500\/55 {
    background-color: #a855f78c
}

.bg-purple-500\/60 {
    background-color: #a855f799
}

.bg-purple-500\/65 {
    background-color: #a855f7a6
}

.bg-purple-500\/70 {
    background-color: #a855f7b3
}

.bg-purple-500\/75 {
    background-color: #a855f7bf
}

.bg-purple-500\/80 {
    background-color: #a855f7cc
}

.bg-purple-500\/85 {
    background-color: #a855f7d9
}

.bg-purple-500\/90 {
    background-color: #a855f7e6
}

.bg-purple-500\/95 {
    background-color: #a855f7f2
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: #f87171;
    background-color: rgb(248 113 113/var(--tw-bg-opacity))
}

.bg-red-400\/0 {
    background-color: #f8727200
}

.bg-red-400\/10 {
    background-color: #f872721a
}

.bg-red-400\/100 {
    background-color: #f87171
}

.bg-red-400\/15 {
    background-color: #f8727226
}

.bg-red-400\/20 {
    background-color: #f8727233
}

.bg-red-400\/25 {
    background-color: #f8727240
}

.bg-red-400\/30 {
    background-color: #f872724d
}

.bg-red-400\/35 {
    background-color: #f8727259
}

.bg-red-400\/40 {
    background-color: #f8727266
}

.bg-red-400\/45 {
    background-color: #f8727273
}

.bg-red-400\/5 {
    background-color: #f872720d
}

.bg-red-400\/50 {
    background-color: #f8727280
}

.bg-red-400\/55 {
    background-color: #f872728c
}

.bg-red-400\/60 {
    background-color: #f8727299
}

.bg-red-400\/65 {
    background-color: #f87272a6
}

.bg-red-400\/70 {
    background-color: #f87272b3
}

.bg-red-400\/75 {
    background-color: #f87272bf
}

.bg-red-400\/80 {
    background-color: #f87272cc
}

.bg-red-400\/85 {
    background-color: #f87272d9
}

.bg-red-400\/90 {
    background-color: #f87272e6
}

.bg-red-400\/95 {
    background-color: #f87272f2
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: #ef4444;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-500\/0 {
    background-color: #ef444400
}

.bg-red-500\/10 {
    background-color: #ef44441a
}

.bg-red-500\/100 {
    background-color: #ef4444
}

.bg-red-500\/15 {
    background-color: #ef444426
}

.bg-red-500\/20 {
    background-color: #ef444433
}

.bg-red-500\/25 {
    background-color: #ef444440
}

.bg-red-500\/30 {
    background-color: #ef44444d
}

.bg-red-500\/35 {
    background-color: #ef444459
}

.bg-red-500\/40 {
    background-color: #ef444466
}

.bg-red-500\/45 {
    background-color: #ef444473
}

.bg-red-500\/5 {
    background-color: #ef44440d
}

.bg-red-500\/50 {
    background-color: #ef444480
}

.bg-red-500\/55 {
    background-color: #ef44448c
}

.bg-red-500\/60 {
    background-color: #ef444499
}

.bg-red-500\/65 {
    background-color: #ef4444a6
}

.bg-red-500\/70 {
    background-color: #ef4444b3
}

.bg-red-500\/75 {
    background-color: #ef4444bf
}

.bg-red-500\/80 {
    background-color: #ef4444cc
}

.bg-red-500\/85 {
    background-color: #ef4444d9
}

.bg-red-500\/90 {
    background-color: #ef4444e6
}

.bg-red-500\/95 {
    background-color: #ef4444f2
}

.bg-rose-400 {
    --tw-bg-opacity: 1;
    background-color: #fb7185;
    background-color: rgb(251 113 133/var(--tw-bg-opacity))
}

.bg-rose-400\/0 {
    background-color: #fb718500
}

.bg-rose-400\/10 {
    background-color: #fb71851a
}

.bg-rose-400\/100 {
    background-color: #fb7185
}

.bg-rose-400\/15 {
    background-color: #fb718526
}

.bg-rose-400\/20 {
    background-color: #fb718533
}

.bg-rose-400\/25 {
    background-color: #fb718540
}

.bg-rose-400\/30 {
    background-color: #fb71854d
}

.bg-rose-400\/35 {
    background-color: #fb718559
}

.bg-rose-400\/40 {
    background-color: #fb718566
}

.bg-rose-400\/45 {
    background-color: #fb718573
}

.bg-rose-400\/5 {
    background-color: #fb71850d
}

.bg-rose-400\/50 {
    background-color: #fb718580
}

.bg-rose-400\/55 {
    background-color: #fb71858c
}

.bg-rose-400\/60 {
    background-color: #fb718599
}

.bg-rose-400\/65 {
    background-color: #fb7185a6
}

.bg-rose-400\/70 {
    background-color: #fb7185b3
}

.bg-rose-400\/75 {
    background-color: #fb7185bf
}

.bg-rose-400\/80 {
    background-color: #fb7185cc
}

.bg-rose-400\/85 {
    background-color: #fb7185d9
}

.bg-rose-400\/90 {
    background-color: #fb7185e6
}

.bg-rose-400\/95 {
    background-color: #fb7185f2
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: #f43f5e;
    background-color: rgb(244 63 94/var(--tw-bg-opacity))
}

.bg-rose-500\/0 {
    background-color: #f43f5e00
}

.bg-rose-500\/10 {
    background-color: #f43f5e1a
}

.bg-rose-500\/100 {
    background-color: #f43f5e
}

.bg-rose-500\/15 {
    background-color: #f43f5e26
}

.bg-rose-500\/20 {
    background-color: #f43f5e33
}

.bg-rose-500\/25 {
    background-color: #f43f5e40
}

.bg-rose-500\/30 {
    background-color: #f43f5e4d
}

.bg-rose-500\/35 {
    background-color: #f43f5e59
}

.bg-rose-500\/40 {
    background-color: #f43f5e66
}

.bg-rose-500\/45 {
    background-color: #f43f5e73
}

.bg-rose-500\/5 {
    background-color: #f43f5e0d
}

.bg-rose-500\/50 {
    background-color: #f43f5e80
}

.bg-rose-500\/55 {
    background-color: #f43f5e8c
}

.bg-rose-500\/60 {
    background-color: #f43f5e99
}

.bg-rose-500\/65 {
    background-color: #f43f5ea6
}

.bg-rose-500\/70 {
    background-color: #f43f5eb3
}

.bg-rose-500\/75 {
    background-color: #f43f5ebf
}

.bg-rose-500\/80 {
    background-color: #f43f5ecc
}

.bg-rose-500\/85 {
    background-color: #f43f5ed9
}

.bg-rose-500\/90 {
    background-color: #f43f5ee6
}

.bg-rose-500\/95 {
    background-color: #f43f5ef2
}

.bg-sky-400 {
    --tw-bg-opacity: 1;
    background-color: #38bdf8;
    background-color: rgb(56 189 248/var(--tw-bg-opacity))
}

.bg-sky-400\/0 {
    background-color: #38bdf800
}

.bg-sky-400\/10 {
    background-color: #38bdf81a
}

.bg-sky-400\/100 {
    background-color: #38bdf8
}

.bg-sky-400\/15 {
    background-color: #38bdf826
}

.bg-sky-400\/20 {
    background-color: #38bdf833
}

.bg-sky-400\/25 {
    background-color: #38bdf840
}

.bg-sky-400\/30 {
    background-color: #38bdf84d
}

.bg-sky-400\/35 {
    background-color: #38bdf859
}

.bg-sky-400\/40 {
    background-color: #38bdf866
}

.bg-sky-400\/45 {
    background-color: #38bdf873
}

.bg-sky-400\/5 {
    background-color: #38bdf80d
}

.bg-sky-400\/50 {
    background-color: #38bdf880
}

.bg-sky-400\/55 {
    background-color: #38bdf88c
}

.bg-sky-400\/60 {
    background-color: #38bdf899
}

.bg-sky-400\/65 {
    background-color: #38bdf8a6
}

.bg-sky-400\/70 {
    background-color: #38bdf8b3
}

.bg-sky-400\/75 {
    background-color: #38bdf8bf
}

.bg-sky-400\/80 {
    background-color: #38bdf8cc
}

.bg-sky-400\/85 {
    background-color: #38bdf8d9
}

.bg-sky-400\/90 {
    background-color: #38bdf8e6
}

.bg-sky-400\/95 {
    background-color: #38bdf8f2
}

.bg-sky-500 {
    --tw-bg-opacity: 1;
    background-color: #0ea5e9;
    background-color: rgb(14 165 233/var(--tw-bg-opacity))
}

.bg-sky-500\/0 {
    background-color: #0ea5e900
}

.bg-sky-500\/10 {
    background-color: #0ea5e91a
}

.bg-sky-500\/100 {
    background-color: #0ea5e9
}

.bg-sky-500\/15 {
    background-color: #0ea5e926
}

.bg-sky-500\/20 {
    background-color: #0ea5e933
}

.bg-sky-500\/25 {
    background-color: #0ea5e940
}

.bg-sky-500\/30 {
    background-color: #0ea5e94d
}

.bg-sky-500\/35 {
    background-color: #0ea5e959
}

.bg-sky-500\/40 {
    background-color: #0ea5e966
}

.bg-sky-500\/45 {
    background-color: #0ea5e973
}

.bg-sky-500\/5 {
    background-color: #0ea5e90d
}

.bg-sky-500\/50 {
    background-color: #0ea5e980
}

.bg-sky-500\/55 {
    background-color: #0ea5e98c
}

.bg-sky-500\/60 {
    background-color: #0ea5e999
}

.bg-sky-500\/65 {
    background-color: #0ea5e9a6
}

.bg-sky-500\/70 {
    background-color: #0ea5e9b3
}

.bg-sky-500\/75 {
    background-color: #0ea5e9bf
}

.bg-sky-500\/80 {
    background-color: #0ea5e9cc
}

.bg-sky-500\/85 {
    background-color: #0ea5e9d9
}

.bg-sky-500\/90 {
    background-color: #0ea5e9e6
}

.bg-sky-500\/95 {
    background-color: #0ea5e9f2
}

.bg-teal-400 {
    --tw-bg-opacity: 1;
    background-color: #2dd4bf;
    background-color: rgb(45 212 191/var(--tw-bg-opacity))
}

.bg-teal-400\/0 {
    background-color: #2dd4bf00
}

.bg-teal-400\/10 {
    background-color: #2dd4bf1a
}

.bg-teal-400\/100 {
    background-color: #2dd4bf
}

.bg-teal-400\/15 {
    background-color: #2dd4bf26
}

.bg-teal-400\/20 {
    background-color: #2dd4bf33
}

.bg-teal-400\/25 {
    background-color: #2dd4bf40
}

.bg-teal-400\/30 {
    background-color: #2dd4bf4d
}

.bg-teal-400\/35 {
    background-color: #2dd4bf59
}

.bg-teal-400\/40 {
    background-color: #2dd4bf66
}

.bg-teal-400\/45 {
    background-color: #2dd4bf73
}

.bg-teal-400\/5 {
    background-color: #2dd4bf0d
}

.bg-teal-400\/50 {
    background-color: #2dd4bf80
}

.bg-teal-400\/55 {
    background-color: #2dd4bf8c
}

.bg-teal-400\/60 {
    background-color: #2dd4bf99
}

.bg-teal-400\/65 {
    background-color: #2dd4bfa6
}

.bg-teal-400\/70 {
    background-color: #2dd4bfb3
}

.bg-teal-400\/75 {
    background-color: #2dd4bfbf
}

.bg-teal-400\/80 {
    background-color: #2dd4bfcc
}

.bg-teal-400\/85 {
    background-color: #2dd4bfd9
}

.bg-teal-400\/90 {
    background-color: #2dd4bfe6
}

.bg-teal-400\/95 {
    background-color: #2dd4bff2
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: #14b8a6;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.bg-teal-500\/0 {
    background-color: #14b8a600
}

.bg-teal-500\/10 {
    background-color: #14b8a61a
}

.bg-teal-500\/100 {
    background-color: #14b8a6
}

.bg-teal-500\/15 {
    background-color: #14b8a626
}

.bg-teal-500\/20 {
    background-color: #14b8a633
}

.bg-teal-500\/25 {
    background-color: #14b8a640
}

.bg-teal-500\/30 {
    background-color: #14b8a64d
}

.bg-teal-500\/35 {
    background-color: #14b8a659
}

.bg-teal-500\/40 {
    background-color: #14b8a666
}

.bg-teal-500\/45 {
    background-color: #14b8a673
}

.bg-teal-500\/5 {
    background-color: #14b8a60d
}

.bg-teal-500\/50 {
    background-color: #14b8a680
}

.bg-teal-500\/55 {
    background-color: #14b8a68c
}

.bg-teal-500\/60 {
    background-color: #14b8a699
}

.bg-teal-500\/65 {
    background-color: #14b8a6a6
}

.bg-teal-500\/70 {
    background-color: #14b8a6b3
}

.bg-teal-500\/75 {
    background-color: #14b8a6bf
}

.bg-teal-500\/80 {
    background-color: #14b8a6cc
}

.bg-teal-500\/85 {
    background-color: #14b8a6d9
}

.bg-teal-500\/90 {
    background-color: #14b8a6e6
}

.bg-teal-500\/95 {
    background-color: #14b8a6f2
}

.bg-violet-400 {
    --tw-bg-opacity: 1;
    background-color: #a78bfa;
    background-color: rgb(167 139 250/var(--tw-bg-opacity))
}

.bg-violet-400\/0 {
    background-color: #a78bfa00
}

.bg-violet-400\/10 {
    background-color: #a78bfa1a
}

.bg-violet-400\/100 {
    background-color: #a78bfa
}

.bg-violet-400\/15 {
    background-color: #a78bfa26
}

.bg-violet-400\/20 {
    background-color: #a78bfa33
}

.bg-violet-400\/25 {
    background-color: #a78bfa40
}

.bg-violet-400\/30 {
    background-color: #a78bfa4d
}

.bg-violet-400\/35 {
    background-color: #a78bfa59
}

.bg-violet-400\/40 {
    background-color: #a78bfa66
}

.bg-violet-400\/45 {
    background-color: #a78bfa73
}

.bg-violet-400\/5 {
    background-color: #a78bfa0d
}

.bg-violet-400\/50 {
    background-color: #a78bfa80
}

.bg-violet-400\/55 {
    background-color: #a78bfa8c
}

.bg-violet-400\/60 {
    background-color: #a78bfa99
}

.bg-violet-400\/65 {
    background-color: #a78bfaa6
}

.bg-violet-400\/70 {
    background-color: #a78bfab3
}

.bg-violet-400\/75 {
    background-color: #a78bfabf
}

.bg-violet-400\/80 {
    background-color: #a78bfacc
}

.bg-violet-400\/85 {
    background-color: #a78bfad9
}

.bg-violet-400\/90 {
    background-color: #a78bfae6
}

.bg-violet-400\/95 {
    background-color: #a78bfaf2
}

.bg-violet-500 {
    --tw-bg-opacity: 1;
    background-color: #8b5cf6;
    background-color: rgb(139 92 246/var(--tw-bg-opacity))
}

.bg-violet-500\/0 {
    background-color: #8b5cf600
}

.bg-violet-500\/10 {
    background-color: #8b5cf61a
}

.bg-violet-500\/100 {
    background-color: #8b5cf6
}

.bg-violet-500\/15 {
    background-color: #8b5cf626
}

.bg-violet-500\/20 {
    background-color: #8b5cf633
}

.bg-violet-500\/25 {
    background-color: #8b5cf640
}

.bg-violet-500\/30 {
    background-color: #8b5cf64d
}

.bg-violet-500\/35 {
    background-color: #8b5cf659
}

.bg-violet-500\/40 {
    background-color: #8b5cf666
}

.bg-violet-500\/45 {
    background-color: #8b5cf673
}

.bg-violet-500\/5 {
    background-color: #8b5cf60d
}

.bg-violet-500\/50 {
    background-color: #8b5cf680
}

.bg-violet-500\/55 {
    background-color: #8b5cf68c
}

.bg-violet-500\/60 {
    background-color: #8b5cf699
}

.bg-violet-500\/65 {
    background-color: #8b5cf6a6
}

.bg-violet-500\/70 {
    background-color: #8b5cf6b3
}

.bg-violet-500\/75 {
    background-color: #8b5cf6bf
}

.bg-violet-500\/80 {
    background-color: #8b5cf6cc
}

.bg-violet-500\/85 {
    background-color: #8b5cf6d9
}

.bg-violet-500\/90 {
    background-color: #8b5cf6e6
}

.bg-violet-500\/95 {
    background-color: #8b5cf6f2
}

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

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: #facc15;
    background-color: rgb(250 204 21/var(--tw-bg-opacity))
}

.bg-yellow-400\/0 {
    background-color: #facc1500
}

.bg-yellow-400\/10 {
    background-color: #facc151a
}

.bg-yellow-400\/100 {
    background-color: #facc15
}

.bg-yellow-400\/15 {
    background-color: #facc1526
}

.bg-yellow-400\/20 {
    background-color: #facc1533
}

.bg-yellow-400\/25 {
    background-color: #facc1540
}

.bg-yellow-400\/30 {
    background-color: #facc154d
}

.bg-yellow-400\/35 {
    background-color: #facc1559
}

.bg-yellow-400\/40 {
    background-color: #facc1566
}

.bg-yellow-400\/45 {
    background-color: #facc1573
}

.bg-yellow-400\/5 {
    background-color: #facc150d
}

.bg-yellow-400\/50 {
    background-color: #facc1580
}

.bg-yellow-400\/55 {
    background-color: #facc158c
}

.bg-yellow-400\/60 {
    background-color: #facc1599
}

.bg-yellow-400\/65 {
    background-color: #facc15a6
}

.bg-yellow-400\/70 {
    background-color: #facc15b3
}

.bg-yellow-400\/75 {
    background-color: #facc15bf
}

.bg-yellow-400\/80 {
    background-color: #facc15cc
}

.bg-yellow-400\/85 {
    background-color: #facc15d9
}

.bg-yellow-400\/90 {
    background-color: #facc15e6
}

.bg-yellow-400\/95 {
    background-color: #facc15f2
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: #eab308;
    background-color: rgb(234 179 8/var(--tw-bg-opacity))
}

.bg-yellow-500\/0 {
    background-color: #eab30800
}

.bg-yellow-500\/10 {
    background-color: #eab3081a
}

.bg-yellow-500\/100 {
    background-color: #eab308
}

.bg-yellow-500\/15 {
    background-color: #eab30826
}

.bg-yellow-500\/20 {
    background-color: #eab30833
}

.bg-yellow-500\/25 {
    background-color: #eab30840
}

.bg-yellow-500\/30 {
    background-color: #eab3084d
}

.bg-yellow-500\/35 {
    background-color: #eab30859
}

.bg-yellow-500\/40 {
    background-color: #eab30866
}

.bg-yellow-500\/45 {
    background-color: #eab30873
}

.bg-yellow-500\/5 {
    background-color: #eab3080d
}

.bg-yellow-500\/50 {
    background-color: #eab30880
}

.bg-yellow-500\/55 {
    background-color: #eab3088c
}

.bg-yellow-500\/60 {
    background-color: #eab30899
}

.bg-yellow-500\/65 {
    background-color: #eab308a6
}

.bg-yellow-500\/70 {
    background-color: #eab308b3
}

.bg-yellow-500\/75 {
    background-color: #eab308bf
}

.bg-yellow-500\/80 {
    background-color: #eab308cc
}

.bg-yellow-500\/85 {
    background-color: #eab308d9
}

.bg-yellow-500\/90 {
    background-color: #eab308e6
}

.bg-yellow-500\/95 {
    background-color: #eab308f2
}

.bg-none {
    background-image: none
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2\.5 {
    padding: .625rem
}

.p-px {
    padding: 1px
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

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

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pe-10 {
    padding-inline-end: 2.5rem
}

.pe-11 {
    padding-inline-end: 2.75rem
}

.pe-12 {
    padding-inline-end: 3rem
}

.pe-2 {
    padding-inline-end: .5rem
}

.pe-2\.5 {
    padding-inline-end: .625rem
}

.pe-3 {
    padding-inline-end: .75rem
}

.pe-3\.5 {
    padding-inline-end: .875rem
}

.pe-7 {
    padding-inline-end: 1.75rem
}

.pe-8 {
    padding-inline-end: 2rem
}

.pe-9 {
    padding-inline-end: 2.25rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-14 {
    padding-left: 3.5rem
}

.ps-10 {
    padding-inline-start: 2.5rem
}

.ps-11 {
    padding-inline-start: 2.75rem
}

.ps-12 {
    padding-inline-start: 3rem
}

.ps-2 {
    padding-inline-start: .5rem
}

.ps-2\.5 {
    padding-inline-start: .625rem
}

.ps-3 {
    padding-inline-start: .75rem
}

.ps-3\.5 {
    padding-inline-start: .875rem
}

.ps-4 {
    padding-inline-start: 1rem
}

.ps-7 {
    padding-inline-start: 1.75rem
}

.ps-8 {
    padding-inline-start: 2rem
}

.ps-9 {
    padding-inline-start: 2.25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.text-\[1\.125rem\] {
    font-size: 1.125rem
}

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

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

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

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

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

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

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

.text-\[2\.4rem\] {
    font-size: 2.4rem
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

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

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

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

.text-\[2rem\] {
    font-size: 2rem
}

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

.text-\[44\.48px\] {
    font-size: 44.48px
}

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

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

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

.text-\[6\.25rem\] {
    font-size: 6.25rem
}

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

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

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

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

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.uppercase {
    text-transform: uppercase
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.text-\[\#29292F\] {
    --tw-text-opacity: 1;
    color: #29292f;
    color: rgb(41 41 47/var(--tw-text-opacity))
}

.text-\[red\] {
    --tw-text-opacity: 1;
    color: red;
    color: rgb(255 0 0/var(--tw-text-opacity))
}

.text-amber-400 {
    --tw-text-opacity: 1;
    color: #fbbf24;
    color: rgb(251 191 36/var(--tw-text-opacity))
}

.text-amber-400\/0 {
    color: #fbbf2400
}

.text-amber-400\/10 {
    color: #fbbf241a
}

.text-amber-400\/100 {
    color: #fbbf24
}

.text-amber-400\/15 {
    color: #fbbf2426
}

.text-amber-400\/20 {
    color: #fbbf2433
}

.text-amber-400\/25 {
    color: #fbbf2440
}

.text-amber-400\/30 {
    color: #fbbf244d
}

.text-amber-400\/35 {
    color: #fbbf2459
}

.text-amber-400\/40 {
    color: #fbbf2466
}

.text-amber-400\/45 {
    color: #fbbf2473
}

.text-amber-400\/5 {
    color: #fbbf240d
}

.text-amber-400\/50 {
    color: #fbbf2480
}

.text-amber-400\/55 {
    color: #fbbf248c
}

.text-amber-400\/60 {
    color: #fbbf2499
}

.text-amber-400\/65 {
    color: #fbbf24a6
}

.text-amber-400\/70 {
    color: #fbbf24b3
}

.text-amber-400\/75 {
    color: #fbbf24bf
}

.text-amber-400\/80 {
    color: #fbbf24cc
}

.text-amber-400\/85 {
    color: #fbbf24d9
}

.text-amber-400\/90 {
    color: #fbbf24e6
}

.text-amber-400\/95 {
    color: #fbbf24f2
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: #f59e0b;
    color: rgb(245 158 11/var(--tw-text-opacity))
}

.text-amber-500\/0 {
    color: #f59e0b00
}

.text-amber-500\/10 {
    color: #f59e0b1a
}

.text-amber-500\/100 {
    color: #f59e0b
}

.text-amber-500\/15 {
    color: #f59e0b26
}

.text-amber-500\/20 {
    color: #f59e0b33
}

.text-amber-500\/25 {
    color: #f59e0b40
}

.text-amber-500\/30 {
    color: #f59e0b4d
}

.text-amber-500\/35 {
    color: #f59e0b59
}

.text-amber-500\/40 {
    color: #f59e0b66
}

.text-amber-500\/45 {
    color: #f59e0b73
}

.text-amber-500\/5 {
    color: #f59e0b0d
}

.text-amber-500\/50 {
    color: #f59e0b80
}

.text-amber-500\/55 {
    color: #f59e0b8c
}

.text-amber-500\/60 {
    color: #f59e0b99
}

.text-amber-500\/65 {
    color: #f59e0ba6
}

.text-amber-500\/70 {
    color: #f59e0bb3
}

.text-amber-500\/75 {
    color: #f59e0bbf
}

.text-amber-500\/80 {
    color: #f59e0bcc
}

.text-amber-500\/85 {
    color: #f59e0bd9
}

.text-amber-500\/90 {
    color: #f59e0be6
}

.text-amber-500\/95 {
    color: #f59e0bf2
}

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

.text-blue-400 {
    --tw-text-opacity: 1;
    color: #60a5fa;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

.text-blue-400\/0 {
    color: #60a5fa00
}

.text-blue-400\/10 {
    color: #60a5fa1a
}

.text-blue-400\/100 {
    color: #60a5fa
}

.text-blue-400\/15 {
    color: #60a5fa26
}

.text-blue-400\/20 {
    color: #60a5fa33
}

.text-blue-400\/25 {
    color: #60a5fa40
}

.text-blue-400\/30 {
    color: #60a5fa4d
}

.text-blue-400\/35 {
    color: #60a5fa59
}

.text-blue-400\/40 {
    color: #60a5fa66
}

.text-blue-400\/45 {
    color: #60a5fa73
}

.text-blue-400\/5 {
    color: #60a5fa0d
}

.text-blue-400\/50 {
    color: #60a5fa80
}

.text-blue-400\/55 {
    color: #60a5fa8c
}

.text-blue-400\/60 {
    color: #60a5fa99
}

.text-blue-400\/65 {
    color: #60a5faa6
}

.text-blue-400\/70 {
    color: #60a5fab3
}

.text-blue-400\/75 {
    color: #60a5fabf
}

.text-blue-400\/80 {
    color: #60a5facc
}

.text-blue-400\/85 {
    color: #60a5fad9
}

.text-blue-400\/90 {
    color: #60a5fae6
}

.text-blue-400\/95 {
    color: #60a5faf2
}

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

.text-blue-500\/0 {
    color: #3b82f600
}

.text-blue-500\/10 {
    color: #3b82f61a
}

.text-blue-500\/100 {
    color: #3b82f6
}

.text-blue-500\/15 {
    color: #3b82f626
}

.text-blue-500\/20 {
    color: #3b82f633
}

.text-blue-500\/25 {
    color: #3b82f640
}

.text-blue-500\/30 {
    color: #3b82f64d
}

.text-blue-500\/35 {
    color: #3b82f659
}

.text-blue-500\/40 {
    color: #3b82f666
}

.text-blue-500\/45 {
    color: #3b82f673
}

.text-blue-500\/5 {
    color: #3b82f60d
}

.text-blue-500\/50 {
    color: #3b82f680
}

.text-blue-500\/55 {
    color: #3b82f68c
}

.text-blue-500\/60 {
    color: #3b82f699
}

.text-blue-500\/65 {
    color: #3b82f6a6
}

.text-blue-500\/70 {
    color: #3b82f6b3
}

.text-blue-500\/75 {
    color: #3b82f6bf
}

.text-blue-500\/80 {
    color: #3b82f6cc
}

.text-blue-500\/85 {
    color: #3b82f6d9
}

.text-blue-500\/90 {
    color: #3b82f6e6
}

.text-blue-500\/95 {
    color: #3b82f6f2
}

.text-cyan-400 {
    --tw-text-opacity: 1;
    color: #22d3ee;
    color: rgb(34 211 238/var(--tw-text-opacity))
}

.text-cyan-400\/0 {
    color: #22d3ee00
}

.text-cyan-400\/10 {
    color: #22d3ee1a
}

.text-cyan-400\/100 {
    color: #22d3ee
}

.text-cyan-400\/15 {
    color: #22d3ee26
}

.text-cyan-400\/20 {
    color: #22d3ee33
}

.text-cyan-400\/25 {
    color: #22d3ee40
}

.text-cyan-400\/30 {
    color: #22d3ee4d
}

.text-cyan-400\/35 {
    color: #22d3ee59
}

.text-cyan-400\/40 {
    color: #22d3ee66
}

.text-cyan-400\/45 {
    color: #22d3ee73
}

.text-cyan-400\/5 {
    color: #22d3ee0d
}

.text-cyan-400\/50 {
    color: #22d3ee80
}

.text-cyan-400\/55 {
    color: #22d3ee8c
}

.text-cyan-400\/60 {
    color: #22d3ee99
}

.text-cyan-400\/65 {
    color: #22d3eea6
}

.text-cyan-400\/70 {
    color: #22d3eeb3
}

.text-cyan-400\/75 {
    color: #22d3eebf
}

.text-cyan-400\/80 {
    color: #22d3eecc
}

.text-cyan-400\/85 {
    color: #22d3eed9
}

.text-cyan-400\/90 {
    color: #22d3eee6
}

.text-cyan-400\/95 {
    color: #22d3eef2
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: #06b6d4;
    color: rgb(6 182 212/var(--tw-text-opacity))
}

.text-cyan-500\/0 {
    color: #06b6d400
}

.text-cyan-500\/10 {
    color: #06b6d41a
}

.text-cyan-500\/100 {
    color: #06b6d4
}

.text-cyan-500\/15 {
    color: #06b6d426
}

.text-cyan-500\/20 {
    color: #06b6d433
}

.text-cyan-500\/25 {
    color: #06b6d440
}

.text-cyan-500\/30 {
    color: #06b6d44d
}

.text-cyan-500\/35 {
    color: #06b6d459
}

.text-cyan-500\/40 {
    color: #06b6d466
}

.text-cyan-500\/45 {
    color: #06b6d473
}

.text-cyan-500\/5 {
    color: #06b6d40d
}

.text-cyan-500\/50 {
    color: #06b6d480
}

.text-cyan-500\/55 {
    color: #06b6d48c
}

.text-cyan-500\/60 {
    color: #06b6d499
}

.text-cyan-500\/65 {
    color: #06b6d4a6
}

.text-cyan-500\/70 {
    color: #06b6d4b3
}

.text-cyan-500\/75 {
    color: #06b6d4bf
}

.text-cyan-500\/80 {
    color: #06b6d4cc
}

.text-cyan-500\/85 {
    color: #06b6d4d9
}

.text-cyan-500\/90 {
    color: #06b6d4e6
}

.text-cyan-500\/95 {
    color: #06b6d4f2
}

.text-emerald-400 {
    --tw-text-opacity: 1;
    color: #34d399;
    color: rgb(52 211 153/var(--tw-text-opacity))
}

.text-emerald-400\/0 {
    color: #34d39900
}

.text-emerald-400\/10 {
    color: #34d3991a
}

.text-emerald-400\/100 {
    color: #34d399
}

.text-emerald-400\/15 {
    color: #34d39926
}

.text-emerald-400\/20 {
    color: #34d39933
}

.text-emerald-400\/25 {
    color: #34d39940
}

.text-emerald-400\/30 {
    color: #34d3994d
}

.text-emerald-400\/35 {
    color: #34d39959
}

.text-emerald-400\/40 {
    color: #34d39966
}

.text-emerald-400\/45 {
    color: #34d39973
}

.text-emerald-400\/5 {
    color: #34d3990d
}

.text-emerald-400\/50 {
    color: #34d39980
}

.text-emerald-400\/55 {
    color: #34d3998c
}

.text-emerald-400\/60 {
    color: #34d39999
}

.text-emerald-400\/65 {
    color: #34d399a6
}

.text-emerald-400\/70 {
    color: #34d399b3
}

.text-emerald-400\/75 {
    color: #34d399bf
}

.text-emerald-400\/80 {
    color: #34d399cc
}

.text-emerald-400\/85 {
    color: #34d399d9
}

.text-emerald-400\/90 {
    color: #34d399e6
}

.text-emerald-400\/95 {
    color: #34d399f2
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: #10b981;
    color: rgb(16 185 129/var(--tw-text-opacity))
}

.text-emerald-500\/0 {
    color: #10b98100
}

.text-emerald-500\/10 {
    color: #10b9811a
}

.text-emerald-500\/100 {
    color: #10b981
}

.text-emerald-500\/15 {
    color: #10b98126
}

.text-emerald-500\/20 {
    color: #10b98133
}

.text-emerald-500\/25 {
    color: #10b98140
}

.text-emerald-500\/30 {
    color: #10b9814d
}

.text-emerald-500\/35 {
    color: #10b98159
}

.text-emerald-500\/40 {
    color: #10b98166
}

.text-emerald-500\/45 {
    color: #10b98173
}

.text-emerald-500\/5 {
    color: #10b9810d
}

.text-emerald-500\/50 {
    color: #10b98180
}

.text-emerald-500\/55 {
    color: #10b9818c
}

.text-emerald-500\/60 {
    color: #10b98199
}

.text-emerald-500\/65 {
    color: #10b981a6
}

.text-emerald-500\/70 {
    color: #10b981b3
}

.text-emerald-500\/75 {
    color: #10b981bf
}

.text-emerald-500\/80 {
    color: #10b981cc
}

.text-emerald-500\/85 {
    color: #10b981d9
}

.text-emerald-500\/90 {
    color: #10b981e6
}

.text-emerald-500\/95 {
    color: #10b981f2
}

.text-fuchsia-400 {
    --tw-text-opacity: 1;
    color: #e879f9;
    color: rgb(232 121 249/var(--tw-text-opacity))
}

.text-fuchsia-400\/0 {
    color: #e879f900
}

.text-fuchsia-400\/10 {
    color: #e879f91a
}

.text-fuchsia-400\/100 {
    color: #e879f9
}

.text-fuchsia-400\/15 {
    color: #e879f926
}

.text-fuchsia-400\/20 {
    color: #e879f933
}

.text-fuchsia-400\/25 {
    color: #e879f940
}

.text-fuchsia-400\/30 {
    color: #e879f94d
}

.text-fuchsia-400\/35 {
    color: #e879f959
}

.text-fuchsia-400\/40 {
    color: #e879f966
}

.text-fuchsia-400\/45 {
    color: #e879f973
}

.text-fuchsia-400\/5 {
    color: #e879f90d
}

.text-fuchsia-400\/50 {
    color: #e879f980
}

.text-fuchsia-400\/55 {
    color: #e879f98c
}

.text-fuchsia-400\/60 {
    color: #e879f999
}

.text-fuchsia-400\/65 {
    color: #e879f9a6
}

.text-fuchsia-400\/70 {
    color: #e879f9b3
}

.text-fuchsia-400\/75 {
    color: #e879f9bf
}

.text-fuchsia-400\/80 {
    color: #e879f9cc
}

.text-fuchsia-400\/85 {
    color: #e879f9d9
}

.text-fuchsia-400\/90 {
    color: #e879f9e6
}

.text-fuchsia-400\/95 {
    color: #e879f9f2
}

.text-fuchsia-500 {
    --tw-text-opacity: 1;
    color: #d946ef;
    color: rgb(217 70 239/var(--tw-text-opacity))
}

.text-fuchsia-500\/0 {
    color: #d946ef00
}

.text-fuchsia-500\/10 {
    color: #d946ef1a
}

.text-fuchsia-500\/100 {
    color: #d946ef
}

.text-fuchsia-500\/15 {
    color: #d946ef26
}

.text-fuchsia-500\/20 {
    color: #d946ef33
}

.text-fuchsia-500\/25 {
    color: #d946ef40
}

.text-fuchsia-500\/30 {
    color: #d946ef4d
}

.text-fuchsia-500\/35 {
    color: #d946ef59
}

.text-fuchsia-500\/40 {
    color: #d946ef66
}

.text-fuchsia-500\/45 {
    color: #d946ef73
}

.text-fuchsia-500\/5 {
    color: #d946ef0d
}

.text-fuchsia-500\/50 {
    color: #d946ef80
}

.text-fuchsia-500\/55 {
    color: #d946ef8c
}

.text-fuchsia-500\/60 {
    color: #d946ef99
}

.text-fuchsia-500\/65 {
    color: #d946efa6
}

.text-fuchsia-500\/70 {
    color: #d946efb3
}

.text-fuchsia-500\/75 {
    color: #d946efbf
}

.text-fuchsia-500\/80 {
    color: #d946efcc
}

.text-fuchsia-500\/85 {
    color: #d946efd9
}

.text-fuchsia-500\/90 {
    color: #d946efe6
}

.text-fuchsia-500\/95 {
    color: #d946eff2
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/1);
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500)/1);
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/1);
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/1);
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: #4ade80;
    color: rgb(74 222 128/var(--tw-text-opacity))
}

.text-green-400\/0 {
    color: #4ade8000
}

.text-green-400\/10 {
    color: #4ade801a
}

.text-green-400\/100 {
    color: #4ade80
}

.text-green-400\/15 {
    color: #4ade8026
}

.text-green-400\/20 {
    color: #4ade8033
}

.text-green-400\/25 {
    color: #4ade8040
}

.text-green-400\/30 {
    color: #4ade804d
}

.text-green-400\/35 {
    color: #4ade8059
}

.text-green-400\/40 {
    color: #4ade8066
}

.text-green-400\/45 {
    color: #4ade8073
}

.text-green-400\/5 {
    color: #4ade800d
}

.text-green-400\/50 {
    color: #4ade8080
}

.text-green-400\/55 {
    color: #4ade808c
}

.text-green-400\/60 {
    color: #4ade8099
}

.text-green-400\/65 {
    color: #4ade80a6
}

.text-green-400\/70 {
    color: #4ade80b3
}

.text-green-400\/75 {
    color: #4ade80bf
}

.text-green-400\/80 {
    color: #4ade80cc
}

.text-green-400\/85 {
    color: #4ade80d9
}

.text-green-400\/90 {
    color: #4ade80e6
}

.text-green-400\/95 {
    color: #4ade80f2
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: #22c55e;
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.text-green-500\/0 {
    color: #22c55e00
}

.text-green-500\/10 {
    color: #22c55e1a
}

.text-green-500\/100 {
    color: #22c55e
}

.text-green-500\/15 {
    color: #22c55e26
}

.text-green-500\/20 {
    color: #22c55e33
}

.text-green-500\/25 {
    color: #22c55e40
}

.text-green-500\/30 {
    color: #22c55e4d
}

.text-green-500\/35 {
    color: #22c55e59
}

.text-green-500\/40 {
    color: #22c55e66
}

.text-green-500\/45 {
    color: #22c55e73
}

.text-green-500\/5 {
    color: #22c55e0d
}

.text-green-500\/50 {
    color: #22c55e80
}

.text-green-500\/55 {
    color: #22c55e8c
}

.text-green-500\/60 {
    color: #22c55e99
}

.text-green-500\/65 {
    color: #22c55ea6
}

.text-green-500\/70 {
    color: #22c55eb3
}

.text-green-500\/75 {
    color: #22c55ebf
}

.text-green-500\/80 {
    color: #22c55ecc
}

.text-green-500\/85 {
    color: #22c55ed9
}

.text-green-500\/90 {
    color: #22c55ee6
}

.text-green-500\/95 {
    color: #22c55ef2
}

.text-indigo-400 {
    --tw-text-opacity: 1;
    color: #818cf8;
    color: rgb(129 140 248/var(--tw-text-opacity))
}

.text-indigo-400\/0 {
    color: #818cf800
}

.text-indigo-400\/10 {
    color: #818cf81a
}

.text-indigo-400\/100 {
    color: #818cf8
}

.text-indigo-400\/15 {
    color: #818cf826
}

.text-indigo-400\/20 {
    color: #818cf833
}

.text-indigo-400\/25 {
    color: #818cf840
}

.text-indigo-400\/30 {
    color: #818cf84d
}

.text-indigo-400\/35 {
    color: #818cf859
}

.text-indigo-400\/40 {
    color: #818cf866
}

.text-indigo-400\/45 {
    color: #818cf873
}

.text-indigo-400\/5 {
    color: #818cf80d
}

.text-indigo-400\/50 {
    color: #818cf880
}

.text-indigo-400\/55 {
    color: #818cf88c
}

.text-indigo-400\/60 {
    color: #818cf899
}

.text-indigo-400\/65 {
    color: #818cf8a6
}

.text-indigo-400\/70 {
    color: #818cf8b3
}

.text-indigo-400\/75 {
    color: #818cf8bf
}

.text-indigo-400\/80 {
    color: #818cf8cc
}

.text-indigo-400\/85 {
    color: #818cf8d9
}

.text-indigo-400\/90 {
    color: #818cf8e6
}

.text-indigo-400\/95 {
    color: #818cf8f2
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: #6366f1;
    color: rgb(99 102 241/var(--tw-text-opacity))
}

.text-indigo-500\/0 {
    color: #6366f100
}

.text-indigo-500\/10 {
    color: #6366f11a
}

.text-indigo-500\/100 {
    color: #6366f1
}

.text-indigo-500\/15 {
    color: #6366f126
}

.text-indigo-500\/20 {
    color: #6366f133
}

.text-indigo-500\/25 {
    color: #6366f140
}

.text-indigo-500\/30 {
    color: #6366f14d
}

.text-indigo-500\/35 {
    color: #6366f159
}

.text-indigo-500\/40 {
    color: #6366f166
}

.text-indigo-500\/45 {
    color: #6366f173
}

.text-indigo-500\/5 {
    color: #6366f10d
}

.text-indigo-500\/50 {
    color: #6366f180
}

.text-indigo-500\/55 {
    color: #6366f18c
}

.text-indigo-500\/60 {
    color: #6366f199
}

.text-indigo-500\/65 {
    color: #6366f1a6
}

.text-indigo-500\/70 {
    color: #6366f1b3
}

.text-indigo-500\/75 {
    color: #6366f1bf
}

.text-indigo-500\/80 {
    color: #6366f1cc
}

.text-indigo-500\/85 {
    color: #6366f1d9
}

.text-indigo-500\/90 {
    color: #6366f1e6
}

.text-indigo-500\/95 {
    color: #6366f1f2
}

.text-lime-400 {
    --tw-text-opacity: 1;
    color: #a3e635;
    color: rgb(163 230 53/var(--tw-text-opacity))
}

.text-lime-400\/0 {
    color: #a3e63500
}

.text-lime-400\/10 {
    color: #a3e6351a
}

.text-lime-400\/100 {
    color: #a3e635
}

.text-lime-400\/15 {
    color: #a3e63526
}

.text-lime-400\/20 {
    color: #a3e63533
}

.text-lime-400\/25 {
    color: #a3e63540
}

.text-lime-400\/30 {
    color: #a3e6354d
}

.text-lime-400\/35 {
    color: #a3e63559
}

.text-lime-400\/40 {
    color: #a3e63566
}

.text-lime-400\/45 {
    color: #a3e63573
}

.text-lime-400\/5 {
    color: #a3e6350d
}

.text-lime-400\/50 {
    color: #a3e63580
}

.text-lime-400\/55 {
    color: #a3e6358c
}

.text-lime-400\/60 {
    color: #a3e63599
}

.text-lime-400\/65 {
    color: #a3e635a6
}

.text-lime-400\/70 {
    color: #a3e635b3
}

.text-lime-400\/75 {
    color: #a3e635bf
}

.text-lime-400\/80 {
    color: #a3e635cc
}

.text-lime-400\/85 {
    color: #a3e635d9
}

.text-lime-400\/90 {
    color: #a3e635e6
}

.text-lime-400\/95 {
    color: #a3e635f2
}

.text-lime-500 {
    --tw-text-opacity: 1;
    color: #84cc16;
    color: rgb(132 204 22/var(--tw-text-opacity))
}

.text-lime-500\/0 {
    color: #84cc1600
}

.text-lime-500\/10 {
    color: #84cc161a
}

.text-lime-500\/100 {
    color: #84cc16
}

.text-lime-500\/15 {
    color: #84cc1626
}

.text-lime-500\/20 {
    color: #84cc1633
}

.text-lime-500\/25 {
    color: #84cc1640
}

.text-lime-500\/30 {
    color: #84cc164d
}

.text-lime-500\/35 {
    color: #84cc1659
}

.text-lime-500\/40 {
    color: #84cc1666
}

.text-lime-500\/45 {
    color: #84cc1673
}

.text-lime-500\/5 {
    color: #84cc160d
}

.text-lime-500\/50 {
    color: #84cc1680
}

.text-lime-500\/55 {
    color: #84cc168c
}

.text-lime-500\/60 {
    color: #84cc1699
}

.text-lime-500\/65 {
    color: #84cc16a6
}

.text-lime-500\/70 {
    color: #84cc16b3
}

.text-lime-500\/75 {
    color: #84cc16bf
}

.text-lime-500\/80 {
    color: #84cc16cc
}

.text-lime-500\/85 {
    color: #84cc16d9
}

.text-lime-500\/90 {
    color: #84cc16e6
}

.text-lime-500\/95 {
    color: #84cc16f2
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: #fb923c;
    color: rgb(251 146 60/var(--tw-text-opacity))
}

.text-orange-400\/0 {
    color: #fb923c00
}

.text-orange-400\/10 {
    color: #fb923c1a
}

.text-orange-400\/100 {
    color: #fb923c
}

.text-orange-400\/15 {
    color: #fb923c26
}

.text-orange-400\/20 {
    color: #fb923c33
}

.text-orange-400\/25 {
    color: #fb923c40
}

.text-orange-400\/30 {
    color: #fb923c4d
}

.text-orange-400\/35 {
    color: #fb923c59
}

.text-orange-400\/40 {
    color: #fb923c66
}

.text-orange-400\/45 {
    color: #fb923c73
}

.text-orange-400\/5 {
    color: #fb923c0d
}

.text-orange-400\/50 {
    color: #fb923c80
}

.text-orange-400\/55 {
    color: #fb923c8c
}

.text-orange-400\/60 {
    color: #fb923c99
}

.text-orange-400\/65 {
    color: #fb923ca6
}

.text-orange-400\/70 {
    color: #fb923cb3
}

.text-orange-400\/75 {
    color: #fb923cbf
}

.text-orange-400\/80 {
    color: #fb923ccc
}

.text-orange-400\/85 {
    color: #fb923cd9
}

.text-orange-400\/90 {
    color: #fb923ce6
}

.text-orange-400\/95 {
    color: #fb923cf2
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: #f97316;
    color: rgb(249 115 22/var(--tw-text-opacity))
}

.text-orange-500\/0 {
    color: #f9731600
}

.text-orange-500\/10 {
    color: #f973161a
}

.text-orange-500\/100 {
    color: #f97316
}

.text-orange-500\/15 {
    color: #f9731626
}

.text-orange-500\/20 {
    color: #f9731633
}

.text-orange-500\/25 {
    color: #f9731640
}

.text-orange-500\/30 {
    color: #f973164d
}

.text-orange-500\/35 {
    color: #f9731659
}

.text-orange-500\/40 {
    color: #f9731666
}

.text-orange-500\/45 {
    color: #f9731673
}

.text-orange-500\/5 {
    color: #f973160d
}

.text-orange-500\/50 {
    color: #f9731680
}

.text-orange-500\/55 {
    color: #f973168c
}

.text-orange-500\/60 {
    color: #f9731699
}

.text-orange-500\/65 {
    color: #f97316a6
}

.text-orange-500\/70 {
    color: #f97316b3
}

.text-orange-500\/75 {
    color: #f97316bf
}

.text-orange-500\/80 {
    color: #f97316cc
}

.text-orange-500\/85 {
    color: #f97316d9
}

.text-orange-500\/90 {
    color: #f97316e6
}

.text-orange-500\/95 {
    color: #f97316f2
}

.text-pink-400 {
    --tw-text-opacity: 1;
    color: #f472b6;
    color: rgb(244 114 182/var(--tw-text-opacity))
}

.text-pink-400\/0 {
    color: #f472b600
}

.text-pink-400\/10 {
    color: #f472b61a
}

.text-pink-400\/100 {
    color: #f472b6
}

.text-pink-400\/15 {
    color: #f472b626
}

.text-pink-400\/20 {
    color: #f472b633
}

.text-pink-400\/25 {
    color: #f472b640
}

.text-pink-400\/30 {
    color: #f472b64d
}

.text-pink-400\/35 {
    color: #f472b659
}

.text-pink-400\/40 {
    color: #f472b666
}

.text-pink-400\/45 {
    color: #f472b673
}

.text-pink-400\/5 {
    color: #f472b60d
}

.text-pink-400\/50 {
    color: #f472b680
}

.text-pink-400\/55 {
    color: #f472b68c
}

.text-pink-400\/60 {
    color: #f472b699
}

.text-pink-400\/65 {
    color: #f472b6a6
}

.text-pink-400\/70 {
    color: #f472b6b3
}

.text-pink-400\/75 {
    color: #f472b6bf
}

.text-pink-400\/80 {
    color: #f472b6cc
}

.text-pink-400\/85 {
    color: #f472b6d9
}

.text-pink-400\/90 {
    color: #f472b6e6
}

.text-pink-400\/95 {
    color: #f472b6f2
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: #ec4899;
    color: rgb(236 72 153/var(--tw-text-opacity))
}

.text-pink-500\/0 {
    color: #ec489900
}

.text-pink-500\/10 {
    color: #ec48991a
}

.text-pink-500\/100 {
    color: #ec4899
}

.text-pink-500\/15 {
    color: #ec489926
}

.text-pink-500\/20 {
    color: #ec489933
}

.text-pink-500\/25 {
    color: #ec489940
}

.text-pink-500\/30 {
    color: #ec48994d
}

.text-pink-500\/35 {
    color: #ec489959
}

.text-pink-500\/40 {
    color: #ec489966
}

.text-pink-500\/45 {
    color: #ec489973
}

.text-pink-500\/5 {
    color: #ec48990d
}

.text-pink-500\/50 {
    color: #ec489980
}

.text-pink-500\/55 {
    color: #ec48998c
}

.text-pink-500\/60 {
    color: #ec489999
}

.text-pink-500\/65 {
    color: #ec4899a6
}

.text-pink-500\/70 {
    color: #ec4899b3
}

.text-pink-500\/75 {
    color: #ec4899bf
}

.text-pink-500\/80 {
    color: #ec4899cc
}

.text-pink-500\/85 {
    color: #ec4899d9
}

.text-pink-500\/90 {
    color: #ec4899e6
}

.text-pink-500\/95 {
    color: #ec4899f2
}

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

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

.text-primary-400\/0 {
    color: rgb(var(--color-primary-400)/0)
}

.text-primary-400\/10 {
    color: rgb(var(--color-primary-400)/.1)
}

.text-primary-400\/100 {
    color: rgb(var(--color-primary-400)/1)
}

.text-primary-400\/15 {
    color: rgb(var(--color-primary-400)/.15)
}

.text-primary-400\/20 {
    color: rgb(var(--color-primary-400)/.2)
}

.text-primary-400\/25 {
    color: rgb(var(--color-primary-400)/.25)
}

.text-primary-400\/30 {
    color: rgb(var(--color-primary-400)/.3)
}

.text-primary-400\/35 {
    color: rgb(var(--color-primary-400)/.35)
}

.text-primary-400\/40 {
    color: rgb(var(--color-primary-400)/.4)
}

.text-primary-400\/45 {
    color: rgb(var(--color-primary-400)/.45)
}

.text-primary-400\/5 {
    color: rgb(var(--color-primary-400)/.05)
}

.text-primary-400\/50 {
    color: rgb(var(--color-primary-400)/.5)
}

.text-primary-400\/55 {
    color: rgb(var(--color-primary-400)/.55)
}

.text-primary-400\/60 {
    color: rgb(var(--color-primary-400)/.6)
}

.text-primary-400\/65 {
    color: rgb(var(--color-primary-400)/.65)
}

.text-primary-400\/70 {
    color: rgb(var(--color-primary-400)/.7)
}

.text-primary-400\/75 {
    color: rgb(var(--color-primary-400)/.75)
}

.text-primary-400\/80 {
    color: rgb(var(--color-primary-400)/.8)
}

.text-primary-400\/85 {
    color: rgb(var(--color-primary-400)/.85)
}

.text-primary-400\/90 {
    color: rgb(var(--color-primary-400)/.9)
}

.text-primary-400\/95 {
    color: rgb(var(--color-primary-400)/.95)
}

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

.text-primary-500\/0 {
    color: rgb(var(--color-primary-500)/0)
}

.text-primary-500\/10 {
    color: rgb(var(--color-primary-500)/.1)
}

.text-primary-500\/100 {
    color: rgb(var(--color-primary-500)/1)
}

.text-primary-500\/15 {
    color: rgb(var(--color-primary-500)/.15)
}

.text-primary-500\/20 {
    color: rgb(var(--color-primary-500)/.2)
}

.text-primary-500\/25 {
    color: rgb(var(--color-primary-500)/.25)
}

.text-primary-500\/30 {
    color: rgb(var(--color-primary-500)/.3)
}

.text-primary-500\/35 {
    color: rgb(var(--color-primary-500)/.35)
}

.text-primary-500\/40 {
    color: rgb(var(--color-primary-500)/.4)
}

.text-primary-500\/45 {
    color: rgb(var(--color-primary-500)/.45)
}

.text-primary-500\/5 {
    color: rgb(var(--color-primary-500)/.05)
}

.text-primary-500\/50 {
    color: rgb(var(--color-primary-500)/.5)
}

.text-primary-500\/55 {
    color: rgb(var(--color-primary-500)/.55)
}

.text-primary-500\/60 {
    color: rgb(var(--color-primary-500)/.6)
}

.text-primary-500\/65 {
    color: rgb(var(--color-primary-500)/.65)
}

.text-primary-500\/70 {
    color: rgb(var(--color-primary-500)/.7)
}

.text-primary-500\/75 {
    color: rgb(var(--color-primary-500)/.75)
}

.text-primary-500\/80 {
    color: rgb(var(--color-primary-500)/.8)
}

.text-primary-500\/85 {
    color: rgb(var(--color-primary-500)/.85)
}

.text-primary-500\/90 {
    color: rgb(var(--color-primary-500)/.9)
}

.text-primary-500\/95 {
    color: rgb(var(--color-primary-500)/.95)
}

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

.text-primary-600\/0 {
    color: rgb(var(--color-primary-600)/0)
}

.text-primary-600\/10 {
    color: rgb(var(--color-primary-600)/.1)
}

.text-primary-600\/100 {
    color: rgb(var(--color-primary-600)/1)
}

.text-primary-600\/15 {
    color: rgb(var(--color-primary-600)/.15)
}

.text-primary-600\/20 {
    color: rgb(var(--color-primary-600)/.2)
}

.text-primary-600\/25 {
    color: rgb(var(--color-primary-600)/.25)
}

.text-primary-600\/30 {
    color: rgb(var(--color-primary-600)/.3)
}

.text-primary-600\/35 {
    color: rgb(var(--color-primary-600)/.35)
}

.text-primary-600\/40 {
    color: rgb(var(--color-primary-600)/.4)
}

.text-primary-600\/45 {
    color: rgb(var(--color-primary-600)/.45)
}

.text-primary-600\/5 {
    color: rgb(var(--color-primary-600)/.05)
}

.text-primary-600\/50 {
    color: rgb(var(--color-primary-600)/.5)
}

.text-primary-600\/55 {
    color: rgb(var(--color-primary-600)/.55)
}

.text-primary-600\/60 {
    color: rgb(var(--color-primary-600)/.6)
}

.text-primary-600\/65 {
    color: rgb(var(--color-primary-600)/.65)
}

.text-primary-600\/70 {
    color: rgb(var(--color-primary-600)/.7)
}

.text-primary-600\/75 {
    color: rgb(var(--color-primary-600)/.75)
}

.text-primary-600\/80 {
    color: rgb(var(--color-primary-600)/.8)
}

.text-primary-600\/85 {
    color: rgb(var(--color-primary-600)/.85)
}

.text-primary-600\/90 {
    color: rgb(var(--color-primary-600)/.9)
}

.text-primary-600\/95 {
    color: rgb(var(--color-primary-600)/.95)
}

.text-purple-400 {
    --tw-text-opacity: 1;
    color: #c084fc;
    color: rgb(192 132 252/var(--tw-text-opacity))
}

.text-purple-400\/0 {
    color: #c084fc00
}

.text-purple-400\/10 {
    color: #c084fc1a
}

.text-purple-400\/100 {
    color: #c084fc
}

.text-purple-400\/15 {
    color: #c084fc26
}

.text-purple-400\/20 {
    color: #c084fc33
}

.text-purple-400\/25 {
    color: #c084fc40
}

.text-purple-400\/30 {
    color: #c084fc4d
}

.text-purple-400\/35 {
    color: #c084fc59
}

.text-purple-400\/40 {
    color: #c084fc66
}

.text-purple-400\/45 {
    color: #c084fc73
}

.text-purple-400\/5 {
    color: #c084fc0d
}

.text-purple-400\/50 {
    color: #c084fc80
}

.text-purple-400\/55 {
    color: #c084fc8c
}

.text-purple-400\/60 {
    color: #c084fc99
}

.text-purple-400\/65 {
    color: #c084fca6
}

.text-purple-400\/70 {
    color: #c084fcb3
}

.text-purple-400\/75 {
    color: #c084fcbf
}

.text-purple-400\/80 {
    color: #c084fccc
}

.text-purple-400\/85 {
    color: #c084fcd9
}

.text-purple-400\/90 {
    color: #c084fce6
}

.text-purple-400\/95 {
    color: #c084fcf2
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: #a855f7;
    color: rgb(168 85 247/var(--tw-text-opacity))
}

.text-purple-500\/0 {
    color: #a855f700
}

.text-purple-500\/10 {
    color: #a855f71a
}

.text-purple-500\/100 {
    color: #a855f7
}

.text-purple-500\/15 {
    color: #a855f726
}

.text-purple-500\/20 {
    color: #a855f733
}

.text-purple-500\/25 {
    color: #a855f740
}

.text-purple-500\/30 {
    color: #a855f74d
}

.text-purple-500\/35 {
    color: #a855f759
}

.text-purple-500\/40 {
    color: #a855f766
}

.text-purple-500\/45 {
    color: #a855f773
}

.text-purple-500\/5 {
    color: #a855f70d
}

.text-purple-500\/50 {
    color: #a855f780
}

.text-purple-500\/55 {
    color: #a855f78c
}

.text-purple-500\/60 {
    color: #a855f799
}

.text-purple-500\/65 {
    color: #a855f7a6
}

.text-purple-500\/70 {
    color: #a855f7b3
}

.text-purple-500\/75 {
    color: #a855f7bf
}

.text-purple-500\/80 {
    color: #a855f7cc
}

.text-purple-500\/85 {
    color: #a855f7d9
}

.text-purple-500\/90 {
    color: #a855f7e6
}

.text-purple-500\/95 {
    color: #a855f7f2
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: #f87171;
    color: rgb(248 113 113/var(--tw-text-opacity))
}

.text-red-400\/0 {
    color: #f8727200
}

.text-red-400\/10 {
    color: #f872721a
}

.text-red-400\/100 {
    color: #f87171
}

.text-red-400\/15 {
    color: #f8727226
}

.text-red-400\/20 {
    color: #f8727233
}

.text-red-400\/25 {
    color: #f8727240
}

.text-red-400\/30 {
    color: #f872724d
}

.text-red-400\/35 {
    color: #f8727259
}

.text-red-400\/40 {
    color: #f8727266
}

.text-red-400\/45 {
    color: #f8727273
}

.text-red-400\/5 {
    color: #f872720d
}

.text-red-400\/50 {
    color: #f8727280
}

.text-red-400\/55 {
    color: #f872728c
}

.text-red-400\/60 {
    color: #f8727299
}

.text-red-400\/65 {
    color: #f87272a6
}

.text-red-400\/70 {
    color: #f87272b3
}

.text-red-400\/75 {
    color: #f87272bf
}

.text-red-400\/80 {
    color: #f87272cc
}

.text-red-400\/85 {
    color: #f87272d9
}

.text-red-400\/90 {
    color: #f87272e6
}

.text-red-400\/95 {
    color: #f87272f2
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: #ef4444;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-red-500\/0 {
    color: #ef444400
}

.text-red-500\/10 {
    color: #ef44441a
}

.text-red-500\/100 {
    color: #ef4444
}

.text-red-500\/15 {
    color: #ef444426
}

.text-red-500\/20 {
    color: #ef444433
}

.text-red-500\/25 {
    color: #ef444440
}

.text-red-500\/30 {
    color: #ef44444d
}

.text-red-500\/35 {
    color: #ef444459
}

.text-red-500\/40 {
    color: #ef444466
}

.text-red-500\/45 {
    color: #ef444473
}

.text-red-500\/5 {
    color: #ef44440d
}

.text-red-500\/50 {
    color: #ef444480
}

.text-red-500\/55 {
    color: #ef44448c
}

.text-red-500\/60 {
    color: #ef444499
}

.text-red-500\/65 {
    color: #ef4444a6
}

.text-red-500\/70 {
    color: #ef4444b3
}

.text-red-500\/75 {
    color: #ef4444bf
}

.text-red-500\/80 {
    color: #ef4444cc
}

.text-red-500\/85 {
    color: #ef4444d9
}

.text-red-500\/90 {
    color: #ef4444e6
}

.text-red-500\/95 {
    color: #ef4444f2
}

.text-rose-400 {
    --tw-text-opacity: 1;
    color: #fb7185;
    color: rgb(251 113 133/var(--tw-text-opacity))
}

.text-rose-400\/0 {
    color: #fb718500
}

.text-rose-400\/10 {
    color: #fb71851a
}

.text-rose-400\/100 {
    color: #fb7185
}

.text-rose-400\/15 {
    color: #fb718526
}

.text-rose-400\/20 {
    color: #fb718533
}

.text-rose-400\/25 {
    color: #fb718540
}

.text-rose-400\/30 {
    color: #fb71854d
}

.text-rose-400\/35 {
    color: #fb718559
}

.text-rose-400\/40 {
    color: #fb718566
}

.text-rose-400\/45 {
    color: #fb718573
}

.text-rose-400\/5 {
    color: #fb71850d
}

.text-rose-400\/50 {
    color: #fb718580
}

.text-rose-400\/55 {
    color: #fb71858c
}

.text-rose-400\/60 {
    color: #fb718599
}

.text-rose-400\/65 {
    color: #fb7185a6
}

.text-rose-400\/70 {
    color: #fb7185b3
}

.text-rose-400\/75 {
    color: #fb7185bf
}

.text-rose-400\/80 {
    color: #fb7185cc
}

.text-rose-400\/85 {
    color: #fb7185d9
}

.text-rose-400\/90 {
    color: #fb7185e6
}

.text-rose-400\/95 {
    color: #fb7185f2
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: #f43f5e;
    color: rgb(244 63 94/var(--tw-text-opacity))
}

.text-rose-500\/0 {
    color: #f43f5e00
}

.text-rose-500\/10 {
    color: #f43f5e1a
}

.text-rose-500\/100 {
    color: #f43f5e
}

.text-rose-500\/15 {
    color: #f43f5e26
}

.text-rose-500\/20 {
    color: #f43f5e33
}

.text-rose-500\/25 {
    color: #f43f5e40
}

.text-rose-500\/30 {
    color: #f43f5e4d
}

.text-rose-500\/35 {
    color: #f43f5e59
}

.text-rose-500\/40 {
    color: #f43f5e66
}

.text-rose-500\/45 {
    color: #f43f5e73
}

.text-rose-500\/5 {
    color: #f43f5e0d
}

.text-rose-500\/50 {
    color: #f43f5e80
}

.text-rose-500\/55 {
    color: #f43f5e8c
}

.text-rose-500\/60 {
    color: #f43f5e99
}

.text-rose-500\/65 {
    color: #f43f5ea6
}

.text-rose-500\/70 {
    color: #f43f5eb3
}

.text-rose-500\/75 {
    color: #f43f5ebf
}

.text-rose-500\/80 {
    color: #f43f5ecc
}

.text-rose-500\/85 {
    color: #f43f5ed9
}

.text-rose-500\/90 {
    color: #f43f5ee6
}

.text-rose-500\/95 {
    color: #f43f5ef2
}

.text-sky-400 {
    --tw-text-opacity: 1;
    color: #38bdf8;
    color: rgb(56 189 248/var(--tw-text-opacity))
}

.text-sky-400\/0 {
    color: #38bdf800
}

.text-sky-400\/10 {
    color: #38bdf81a
}

.text-sky-400\/100 {
    color: #38bdf8
}

.text-sky-400\/15 {
    color: #38bdf826
}

.text-sky-400\/20 {
    color: #38bdf833
}

.text-sky-400\/25 {
    color: #38bdf840
}

.text-sky-400\/30 {
    color: #38bdf84d
}

.text-sky-400\/35 {
    color: #38bdf859
}

.text-sky-400\/40 {
    color: #38bdf866
}

.text-sky-400\/45 {
    color: #38bdf873
}

.text-sky-400\/5 {
    color: #38bdf80d
}

.text-sky-400\/50 {
    color: #38bdf880
}

.text-sky-400\/55 {
    color: #38bdf88c
}

.text-sky-400\/60 {
    color: #38bdf899
}

.text-sky-400\/65 {
    color: #38bdf8a6
}

.text-sky-400\/70 {
    color: #38bdf8b3
}

.text-sky-400\/75 {
    color: #38bdf8bf
}

.text-sky-400\/80 {
    color: #38bdf8cc
}

.text-sky-400\/85 {
    color: #38bdf8d9
}

.text-sky-400\/90 {
    color: #38bdf8e6
}

.text-sky-400\/95 {
    color: #38bdf8f2
}

.text-sky-500 {
    --tw-text-opacity: 1;
    color: #0ea5e9;
    color: rgb(14 165 233/var(--tw-text-opacity))
}

.text-sky-500\/0 {
    color: #0ea5e900
}

.text-sky-500\/10 {
    color: #0ea5e91a
}

.text-sky-500\/100 {
    color: #0ea5e9
}

.text-sky-500\/15 {
    color: #0ea5e926
}

.text-sky-500\/20 {
    color: #0ea5e933
}

.text-sky-500\/25 {
    color: #0ea5e940
}

.text-sky-500\/30 {
    color: #0ea5e94d
}

.text-sky-500\/35 {
    color: #0ea5e959
}

.text-sky-500\/40 {
    color: #0ea5e966
}

.text-sky-500\/45 {
    color: #0ea5e973
}

.text-sky-500\/5 {
    color: #0ea5e90d
}

.text-sky-500\/50 {
    color: #0ea5e980
}

.text-sky-500\/55 {
    color: #0ea5e98c
}

.text-sky-500\/60 {
    color: #0ea5e999
}

.text-sky-500\/65 {
    color: #0ea5e9a6
}

.text-sky-500\/70 {
    color: #0ea5e9b3
}

.text-sky-500\/75 {
    color: #0ea5e9bf
}

.text-sky-500\/80 {
    color: #0ea5e9cc
}

.text-sky-500\/85 {
    color: #0ea5e9d9
}

.text-sky-500\/90 {
    color: #0ea5e9e6
}

.text-sky-500\/95 {
    color: #0ea5e9f2
}

.text-teal-400 {
    --tw-text-opacity: 1;
    color: #2dd4bf;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.text-teal-400\/0 {
    color: #2dd4bf00
}

.text-teal-400\/10 {
    color: #2dd4bf1a
}

.text-teal-400\/100 {
    color: #2dd4bf
}

.text-teal-400\/15 {
    color: #2dd4bf26
}

.text-teal-400\/20 {
    color: #2dd4bf33
}

.text-teal-400\/25 {
    color: #2dd4bf40
}

.text-teal-400\/30 {
    color: #2dd4bf4d
}

.text-teal-400\/35 {
    color: #2dd4bf59
}

.text-teal-400\/40 {
    color: #2dd4bf66
}

.text-teal-400\/45 {
    color: #2dd4bf73
}

.text-teal-400\/5 {
    color: #2dd4bf0d
}

.text-teal-400\/50 {
    color: #2dd4bf80
}

.text-teal-400\/55 {
    color: #2dd4bf8c
}

.text-teal-400\/60 {
    color: #2dd4bf99
}

.text-teal-400\/65 {
    color: #2dd4bfa6
}

.text-teal-400\/70 {
    color: #2dd4bfb3
}

.text-teal-400\/75 {
    color: #2dd4bfbf
}

.text-teal-400\/80 {
    color: #2dd4bfcc
}

.text-teal-400\/85 {
    color: #2dd4bfd9
}

.text-teal-400\/90 {
    color: #2dd4bfe6
}

.text-teal-400\/95 {
    color: #2dd4bff2
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: #14b8a6;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.text-teal-500\/0 {
    color: #14b8a600
}

.text-teal-500\/10 {
    color: #14b8a61a
}

.text-teal-500\/100 {
    color: #14b8a6
}

.text-teal-500\/15 {
    color: #14b8a626
}

.text-teal-500\/20 {
    color: #14b8a633
}

.text-teal-500\/25 {
    color: #14b8a640
}

.text-teal-500\/30 {
    color: #14b8a64d
}

.text-teal-500\/35 {
    color: #14b8a659
}

.text-teal-500\/40 {
    color: #14b8a666
}

.text-teal-500\/45 {
    color: #14b8a673
}

.text-teal-500\/5 {
    color: #14b8a60d
}

.text-teal-500\/50 {
    color: #14b8a680
}

.text-teal-500\/55 {
    color: #14b8a68c
}

.text-teal-500\/60 {
    color: #14b8a699
}

.text-teal-500\/65 {
    color: #14b8a6a6
}

.text-teal-500\/70 {
    color: #14b8a6b3
}

.text-teal-500\/75 {
    color: #14b8a6bf
}

.text-teal-500\/80 {
    color: #14b8a6cc
}

.text-teal-500\/85 {
    color: #14b8a6d9
}

.text-teal-500\/90 {
    color: #14b8a6e6
}

.text-teal-500\/95 {
    color: #14b8a6f2
}

.text-violet-400 {
    --tw-text-opacity: 1;
    color: #a78bfa;
    color: rgb(167 139 250/var(--tw-text-opacity))
}

.text-violet-400\/0 {
    color: #a78bfa00
}

.text-violet-400\/10 {
    color: #a78bfa1a
}

.text-violet-400\/100 {
    color: #a78bfa
}

.text-violet-400\/15 {
    color: #a78bfa26
}

.text-violet-400\/20 {
    color: #a78bfa33
}

.text-violet-400\/25 {
    color: #a78bfa40
}

.text-violet-400\/30 {
    color: #a78bfa4d
}

.text-violet-400\/35 {
    color: #a78bfa59
}

.text-violet-400\/40 {
    color: #a78bfa66
}

.text-violet-400\/45 {
    color: #a78bfa73
}

.text-violet-400\/5 {
    color: #a78bfa0d
}

.text-violet-400\/50 {
    color: #a78bfa80
}

.text-violet-400\/55 {
    color: #a78bfa8c
}

.text-violet-400\/60 {
    color: #a78bfa99
}

.text-violet-400\/65 {
    color: #a78bfaa6
}

.text-violet-400\/70 {
    color: #a78bfab3
}

.text-violet-400\/75 {
    color: #a78bfabf
}

.text-violet-400\/80 {
    color: #a78bfacc
}

.text-violet-400\/85 {
    color: #a78bfad9
}

.text-violet-400\/90 {
    color: #a78bfae6
}

.text-violet-400\/95 {
    color: #a78bfaf2
}

.text-violet-500 {
    --tw-text-opacity: 1;
    color: #8b5cf6;
    color: rgb(139 92 246/var(--tw-text-opacity))
}

.text-violet-500\/0 {
    color: #8b5cf600
}

.text-violet-500\/10 {
    color: #8b5cf61a
}

.text-violet-500\/100 {
    color: #8b5cf6
}

.text-violet-500\/15 {
    color: #8b5cf626
}

.text-violet-500\/20 {
    color: #8b5cf633
}

.text-violet-500\/25 {
    color: #8b5cf640
}

.text-violet-500\/30 {
    color: #8b5cf64d
}

.text-violet-500\/35 {
    color: #8b5cf659
}

.text-violet-500\/40 {
    color: #8b5cf666
}

.text-violet-500\/45 {
    color: #8b5cf673
}

.text-violet-500\/5 {
    color: #8b5cf60d
}

.text-violet-500\/50 {
    color: #8b5cf680
}

.text-violet-500\/55 {
    color: #8b5cf68c
}

.text-violet-500\/60 {
    color: #8b5cf699
}

.text-violet-500\/65 {
    color: #8b5cf6a6
}

.text-violet-500\/70 {
    color: #8b5cf6b3
}

.text-violet-500\/75 {
    color: #8b5cf6bf
}

.text-violet-500\/80 {
    color: #8b5cf6cc
}

.text-violet-500\/85 {
    color: #8b5cf6d9
}

.text-violet-500\/90 {
    color: #8b5cf6e6
}

.text-violet-500\/95 {
    color: #8b5cf6f2
}

.text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: #facc15;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

.text-yellow-400\/0 {
    color: #facc1500
}

.text-yellow-400\/10 {
    color: #facc151a
}

.text-yellow-400\/100 {
    color: #facc15
}

.text-yellow-400\/15 {
    color: #facc1526
}

.text-yellow-400\/20 {
    color: #facc1533
}

.text-yellow-400\/25 {
    color: #facc1540
}

.text-yellow-400\/30 {
    color: #facc154d
}

.text-yellow-400\/35 {
    color: #facc1559
}

.text-yellow-400\/40 {
    color: #facc1566
}

.text-yellow-400\/45 {
    color: #facc1573
}

.text-yellow-400\/5 {
    color: #facc150d
}

.text-yellow-400\/50 {
    color: #facc1580
}

.text-yellow-400\/55 {
    color: #facc158c
}

.text-yellow-400\/60 {
    color: #facc1599
}

.text-yellow-400\/65 {
    color: #facc15a6
}

.text-yellow-400\/70 {
    color: #facc15b3
}

.text-yellow-400\/75 {
    color: #facc15bf
}

.text-yellow-400\/80 {
    color: #facc15cc
}

.text-yellow-400\/85 {
    color: #facc15d9
}

.text-yellow-400\/90 {
    color: #facc15e6
}

.text-yellow-400\/95 {
    color: #facc15f2
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: #eab308;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.text-yellow-500\/0 {
    color: #eab30800
}

.text-yellow-500\/10 {
    color: #eab3081a
}

.text-yellow-500\/100 {
    color: #eab308
}

.text-yellow-500\/15 {
    color: #eab30826
}

.text-yellow-500\/20 {
    color: #eab30833
}

.text-yellow-500\/25 {
    color: #eab30840
}

.text-yellow-500\/30 {
    color: #eab3084d
}

.text-yellow-500\/35 {
    color: #eab30859
}

.text-yellow-500\/40 {
    color: #eab30866
}

.text-yellow-500\/45 {
    color: #eab30873
}

.text-yellow-500\/5 {
    color: #eab3080d
}

.text-yellow-500\/50 {
    color: #eab30880
}

.text-yellow-500\/55 {
    color: #eab3088c
}

.text-yellow-500\/60 {
    color: #eab30899
}

.text-yellow-500\/65 {
    color: #eab308a6
}

.text-yellow-500\/70 {
    color: #eab308b3
}

.text-yellow-500\/75 {
    color: #eab308bf
}

.text-yellow-500\/80 {
    color: #eab308cc
}

.text-yellow-500\/85 {
    color: #eab308d9
}

.text-yellow-500\/90 {
    color: #eab308e6
}

.text-yellow-500\/95 {
    color: #eab308f2
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-400)/1);
    color: rgb(var(--color-gray-400)/var(--tw-placeholder-opacity))
}

.opacity-100 {
    opacity: 1
}

.opacity-90 {
    opacity: .9
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, inset 0 2px 4px #0000000d;
    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, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    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, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.outline-primary-400 {
    outline-color: rgb(var(--color-primary-400)/1)
}

.outline-primary-400\/0 {
    outline-color: rgb(var(--color-primary-400)/0)
}

.outline-primary-400\/10 {
    outline-color: rgb(var(--color-primary-400)/.1)
}

.outline-primary-400\/100 {
    outline-color: rgb(var(--color-primary-400)/1)
}

.outline-primary-400\/15 {
    outline-color: rgb(var(--color-primary-400)/.15)
}

.outline-primary-400\/20 {
    outline-color: rgb(var(--color-primary-400)/.2)
}

.outline-primary-400\/25 {
    outline-color: rgb(var(--color-primary-400)/.25)
}

.outline-primary-400\/30 {
    outline-color: rgb(var(--color-primary-400)/.3)
}

.outline-primary-400\/35 {
    outline-color: rgb(var(--color-primary-400)/.35)
}

.outline-primary-400\/40 {
    outline-color: rgb(var(--color-primary-400)/.4)
}

.outline-primary-400\/45 {
    outline-color: rgb(var(--color-primary-400)/.45)
}

.outline-primary-400\/5 {
    outline-color: rgb(var(--color-primary-400)/.05)
}

.outline-primary-400\/50 {
    outline-color: rgb(var(--color-primary-400)/.5)
}

.outline-primary-400\/55 {
    outline-color: rgb(var(--color-primary-400)/.55)
}

.outline-primary-400\/60 {
    outline-color: rgb(var(--color-primary-400)/.6)
}

.outline-primary-400\/65 {
    outline-color: rgb(var(--color-primary-400)/.65)
}

.outline-primary-400\/70 {
    outline-color: rgb(var(--color-primary-400)/.7)
}

.outline-primary-400\/75 {
    outline-color: rgb(var(--color-primary-400)/.75)
}

.outline-primary-400\/80 {
    outline-color: rgb(var(--color-primary-400)/.8)
}

.outline-primary-400\/85 {
    outline-color: rgb(var(--color-primary-400)/.85)
}

.outline-primary-400\/90 {
    outline-color: rgb(var(--color-primary-400)/.9)
}

.outline-primary-400\/95 {
    outline-color: rgb(var(--color-primary-400)/.95)
}

.outline-primary-500 {
    outline-color: rgb(var(--color-primary-500)/1)
}

.outline-primary-500\/0 {
    outline-color: rgb(var(--color-primary-500)/0)
}

.outline-primary-500\/10 {
    outline-color: rgb(var(--color-primary-500)/.1)
}

.outline-primary-500\/100 {
    outline-color: rgb(var(--color-primary-500)/1)
}

.outline-primary-500\/15 {
    outline-color: rgb(var(--color-primary-500)/.15)
}

.outline-primary-500\/20 {
    outline-color: rgb(var(--color-primary-500)/.2)
}

.outline-primary-500\/25 {
    outline-color: rgb(var(--color-primary-500)/.25)
}

.outline-primary-500\/30 {
    outline-color: rgb(var(--color-primary-500)/.3)
}

.outline-primary-500\/35 {
    outline-color: rgb(var(--color-primary-500)/.35)
}

.outline-primary-500\/40 {
    outline-color: rgb(var(--color-primary-500)/.4)
}

.outline-primary-500\/45 {
    outline-color: rgb(var(--color-primary-500)/.45)
}

.outline-primary-500\/5 {
    outline-color: rgb(var(--color-primary-500)/.05)
}

.outline-primary-500\/50 {
    outline-color: rgb(var(--color-primary-500)/.5)
}

.outline-primary-500\/55 {
    outline-color: rgb(var(--color-primary-500)/.55)
}

.outline-primary-500\/60 {
    outline-color: rgb(var(--color-primary-500)/.6)
}

.outline-primary-500\/65 {
    outline-color: rgb(var(--color-primary-500)/.65)
}

.outline-primary-500\/70 {
    outline-color: rgb(var(--color-primary-500)/.7)
}

.outline-primary-500\/75 {
    outline-color: rgb(var(--color-primary-500)/.75)
}

.outline-primary-500\/80 {
    outline-color: rgb(var(--color-primary-500)/.8)
}

.outline-primary-500\/85 {
    outline-color: rgb(var(--color-primary-500)/.85)
}

.outline-primary-500\/90 {
    outline-color: rgb(var(--color-primary-500)/.9)
}

.outline-primary-500\/95 {
    outline-color: rgb(var(--color-primary-500)/.95)
}

.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);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    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(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.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);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    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);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-\[var\(--card-tertiary\)\] {
    --tw-ring-color: var(--card-tertiary)
}

.ring-current {
    --tw-ring-color: currentColor
}

.ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-200)/var(--tw-ring-opacity))
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-300)/var(--tw-ring-opacity))
}

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

.ring-primary-400\/0 {
    --tw-ring-color: rgb(var(--color-primary-400)/0)
}

.ring-primary-400\/10 {
    --tw-ring-color: rgb(var(--color-primary-400)/.1)
}

.ring-primary-400\/100 {
    --tw-ring-color: rgb(var(--color-primary-400)/1)
}

.ring-primary-400\/15 {
    --tw-ring-color: rgb(var(--color-primary-400)/.15)
}

.ring-primary-400\/20 {
    --tw-ring-color: rgb(var(--color-primary-400)/.2)
}

.ring-primary-400\/25 {
    --tw-ring-color: rgb(var(--color-primary-400)/.25)
}

.ring-primary-400\/30 {
    --tw-ring-color: rgb(var(--color-primary-400)/.3)
}

.ring-primary-400\/35 {
    --tw-ring-color: rgb(var(--color-primary-400)/.35)
}

.ring-primary-400\/40 {
    --tw-ring-color: rgb(var(--color-primary-400)/.4)
}

.ring-primary-400\/45 {
    --tw-ring-color: rgb(var(--color-primary-400)/.45)
}

.ring-primary-400\/5 {
    --tw-ring-color: rgb(var(--color-primary-400)/.05)
}

.ring-primary-400\/50 {
    --tw-ring-color: rgb(var(--color-primary-400)/.5)
}

.ring-primary-400\/55 {
    --tw-ring-color: rgb(var(--color-primary-400)/.55)
}

.ring-primary-400\/60 {
    --tw-ring-color: rgb(var(--color-primary-400)/.6)
}

.ring-primary-400\/65 {
    --tw-ring-color: rgb(var(--color-primary-400)/.65)
}

.ring-primary-400\/70 {
    --tw-ring-color: rgb(var(--color-primary-400)/.7)
}

.ring-primary-400\/75 {
    --tw-ring-color: rgb(var(--color-primary-400)/.75)
}

.ring-primary-400\/80 {
    --tw-ring-color: rgb(var(--color-primary-400)/.8)
}

.ring-primary-400\/85 {
    --tw-ring-color: rgb(var(--color-primary-400)/.85)
}

.ring-primary-400\/90 {
    --tw-ring-color: rgb(var(--color-primary-400)/.9)
}

.ring-primary-400\/95 {
    --tw-ring-color: rgb(var(--color-primary-400)/.95)
}

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

.ring-primary-500\/0 {
    --tw-ring-color: rgb(var(--color-primary-500)/0)
}

.ring-primary-500\/10 {
    --tw-ring-color: rgb(var(--color-primary-500)/.1)
}

.ring-primary-500\/100 {
    --tw-ring-color: rgb(var(--color-primary-500)/1)
}

.ring-primary-500\/15 {
    --tw-ring-color: rgb(var(--color-primary-500)/.15)
}

.ring-primary-500\/20 {
    --tw-ring-color: rgb(var(--color-primary-500)/.2)
}

.ring-primary-500\/25 {
    --tw-ring-color: rgb(var(--color-primary-500)/.25)
}

.ring-primary-500\/30 {
    --tw-ring-color: rgb(var(--color-primary-500)/.3)
}

.ring-primary-500\/35 {
    --tw-ring-color: rgb(var(--color-primary-500)/.35)
}

.ring-primary-500\/40 {
    --tw-ring-color: rgb(var(--color-primary-500)/.4)
}

.ring-primary-500\/45 {
    --tw-ring-color: rgb(var(--color-primary-500)/.45)
}

.ring-primary-500\/5 {
    --tw-ring-color: rgb(var(--color-primary-500)/.05)
}

.ring-primary-500\/50 {
    --tw-ring-color: rgb(var(--color-primary-500)/.5)
}

.ring-primary-500\/55 {
    --tw-ring-color: rgb(var(--color-primary-500)/.55)
}

.ring-primary-500\/60 {
    --tw-ring-color: rgb(var(--color-primary-500)/.6)
}

.ring-primary-500\/65 {
    --tw-ring-color: rgb(var(--color-primary-500)/.65)
}

.ring-primary-500\/70 {
    --tw-ring-color: rgb(var(--color-primary-500)/.7)
}

.ring-primary-500\/75 {
    --tw-ring-color: rgb(var(--color-primary-500)/.75)
}

.ring-primary-500\/80 {
    --tw-ring-color: rgb(var(--color-primary-500)/.8)
}

.ring-primary-500\/85 {
    --tw-ring-color: rgb(var(--color-primary-500)/.85)
}

.ring-primary-500\/90 {
    --tw-ring-color: rgb(var(--color-primary-500)/.9)
}

.ring-primary-500\/95 {
    --tw-ring-color: rgb(var(--color-primary-500)/.95)
}

.ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity))
}

.ring-red-400\/0 {
    --tw-ring-color: hsla(0, 91%, 71%, 0)
}

.ring-red-400\/10 {
    --tw-ring-color: hsla(0, 91%, 71%, .1)
}

.ring-red-400\/100 {
    --tw-ring-color: #f87171
}

.ring-red-400\/15 {
    --tw-ring-color: hsla(0, 91%, 71%, .15)
}

.ring-red-400\/20 {
    --tw-ring-color: hsla(0, 91%, 71%, .2)
}

.ring-red-400\/25 {
    --tw-ring-color: hsla(0, 91%, 71%, .25)
}

.ring-red-400\/30 {
    --tw-ring-color: hsla(0, 91%, 71%, .3)
}

.ring-red-400\/35 {
    --tw-ring-color: hsla(0, 91%, 71%, .35)
}

.ring-red-400\/40 {
    --tw-ring-color: hsla(0, 91%, 71%, .4)
}

.ring-red-400\/45 {
    --tw-ring-color: hsla(0, 91%, 71%, .45)
}

.ring-red-400\/5 {
    --tw-ring-color: hsla(0, 91%, 71%, .05)
}

.ring-red-400\/50 {
    --tw-ring-color: hsla(0, 91%, 71%, .5)
}

.ring-red-400\/55 {
    --tw-ring-color: hsla(0, 91%, 71%, .55)
}

.ring-red-400\/60 {
    --tw-ring-color: hsla(0, 91%, 71%, .6)
}

.ring-red-400\/65 {
    --tw-ring-color: hsla(0, 91%, 71%, .65)
}

.ring-red-400\/70 {
    --tw-ring-color: hsla(0, 91%, 71%, .7)
}

.ring-red-400\/75 {
    --tw-ring-color: hsla(0, 91%, 71%, .75)
}

.ring-red-400\/80 {
    --tw-ring-color: hsla(0, 91%, 71%, .8)
}

.ring-red-400\/85 {
    --tw-ring-color: hsla(0, 91%, 71%, .85)
}

.ring-red-400\/90 {
    --tw-ring-color: hsla(0, 91%, 71%, .9)
}

.ring-red-400\/95 {
    --tw-ring-color: hsla(0, 91%, 71%, .95)
}

.ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
}

.ring-red-500\/0 {
    --tw-ring-color: rgba(239, 68, 68, 0)
}

.ring-red-500\/10 {
    --tw-ring-color: rgba(239, 68, 68, .1)
}

.ring-red-500\/100 {
    --tw-ring-color: #ef4444
}

.ring-red-500\/15 {
    --tw-ring-color: rgba(239, 68, 68, .15)
}

.ring-red-500\/20 {
    --tw-ring-color: rgba(239, 68, 68, .2)
}

.ring-red-500\/25 {
    --tw-ring-color: rgba(239, 68, 68, .25)
}

.ring-red-500\/30 {
    --tw-ring-color: rgba(239, 68, 68, .3)
}

.ring-red-500\/35 {
    --tw-ring-color: rgba(239, 68, 68, .35)
}

.ring-red-500\/40 {
    --tw-ring-color: rgba(239, 68, 68, .4)
}

.ring-red-500\/45 {
    --tw-ring-color: rgba(239, 68, 68, .45)
}

.ring-red-500\/5 {
    --tw-ring-color: rgba(239, 68, 68, .05)
}

.ring-red-500\/50 {
    --tw-ring-color: rgba(239, 68, 68, .5)
}

.ring-red-500\/55 {
    --tw-ring-color: rgba(239, 68, 68, .55)
}

.ring-red-500\/60 {
    --tw-ring-color: rgba(239, 68, 68, .6)
}

.ring-red-500\/65 {
    --tw-ring-color: rgba(239, 68, 68, .65)
}

.ring-red-500\/70 {
    --tw-ring-color: rgba(239, 68, 68, .7)
}

.ring-red-500\/75 {
    --tw-ring-color: rgba(239, 68, 68, .75)
}

.ring-red-500\/80 {
    --tw-ring-color: rgba(239, 68, 68, .8)
}

.ring-red-500\/85 {
    --tw-ring-color: rgba(239, 68, 68, .85)
}

.ring-red-500\/90 {
    --tw-ring-color: rgba(239, 68, 68, .9)
}

.ring-red-500\/95 {
    --tw-ring-color: rgba(239, 68, 68, .95)
}

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

.ring-opacity-25 {
    --tw-ring-opacity: .25
}

.blur {
    --tw-blur: blur(8px);
    filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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)
}

.brightness-50 {
    --tw-brightness: brightness(.5);
    filter: var(--tw-blur) brightness(.5) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    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)
}

.brightness-\[0\.1\] {
    --tw-brightness: brightness(.1);
    filter: var(--tw-blur) brightness(.1) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    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)
}

.brightness-\[0\.3\] {
    --tw-brightness: brightness(.3);
    filter: var(--tw-blur) brightness(.3) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    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)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06));
    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) drop-shadow(0 1px 2px rgb(0 0 0/.1)) drop-shadow(0 1px 1px rgb(0 0 0/.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

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

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

.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-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\] {
    transition-duration: .15s;
    transition-property: height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

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

.duration-75 {
    transition-duration: 75ms
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.content-\[\"\"\] {
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.rtl\:i-heroicons-chevron-left-20-solid:where([dir=rtl], [dir=rtl] *) {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.before\:visible:before {
    content: var(--tw-content);
    visibility: visible
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-px:before {
    content: var(--tw-content);
    inset: 1px
}

.before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-2:before {
    content: var(--tw-content);
    height: .5rem
}

.before\:w-2:before {
    content: var(--tw-content);
    width: .5rem
}

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

.before\:rounded-md:before {
    border-radius: .375rem;
    content: var(--tw-content)
}

.before\:rounded-sm:before {
    border-radius: .125rem;
    content: var(--tw-content)
}

.before\:bg-gray-100:before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/1);
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.before\:bg-gray-200:before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/1);
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.before\:bg-white:before {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.before\:shadow:before {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    content: var(--tw-content)
}

.before\:ring-1:before {
    --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    content: var(--tw-content)
}

.before\:ring-gray-200:before {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-200)/var(--tw-ring-opacity));
    content: var(--tw-content)
}

.after\:ms-0:after {
    content: var(--tw-content);
    margin-inline-start: 0
}

.after\:ms-0\.5:after {
    content: var(--tw-content);
    margin-inline-start: .125rem
}

.after\:text-red-500:after {
    --tw-text-opacity: 1;
    color: #ef4444;
    color: rgb(239 68 68/var(--tw-text-opacity));
    content: var(--tw-content)
}

.after\:content-\[\'\*\'\]:after {
    --tw-content: "*";
    content: "*";
    content: var(--tw-content)
}

.first\:me-0:first-child {
    margin-inline-end: 0
}

.first\:rounded-s-md:first-child {
    border-end-start-radius: .375rem;
    border-start-start-radius: .375rem
}

.last\:rounded-e-md:last-child {
    border-end-end-radius: .375rem;
    border-start-end-radius: .375rem
}

.indeterminate\:relative:indeterminate {
    position: relative
}

.indeterminate\:after\:rounded-full:indeterminate:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

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

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

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

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

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

.hover\:bg-primary-100\/0:hover {
    background-color: rgb(var(--color-primary-100)/0)
}

.hover\:bg-primary-100\/10:hover {
    background-color: rgb(var(--color-primary-100)/.1)
}

.hover\:bg-primary-100\/100:hover {
    background-color: rgb(var(--color-primary-100)/1)
}

.hover\:bg-primary-100\/15:hover {
    background-color: rgb(var(--color-primary-100)/.15)
}

.hover\:bg-primary-100\/20:hover {
    background-color: rgb(var(--color-primary-100)/.2)
}

.hover\:bg-primary-100\/25:hover {
    background-color: rgb(var(--color-primary-100)/.25)
}

.hover\:bg-primary-100\/30:hover {
    background-color: rgb(var(--color-primary-100)/.3)
}

.hover\:bg-primary-100\/35:hover {
    background-color: rgb(var(--color-primary-100)/.35)
}

.hover\:bg-primary-100\/40:hover {
    background-color: rgb(var(--color-primary-100)/.4)
}

.hover\:bg-primary-100\/45:hover {
    background-color: rgb(var(--color-primary-100)/.45)
}

.hover\:bg-primary-100\/5:hover {
    background-color: rgb(var(--color-primary-100)/.05)
}

.hover\:bg-primary-100\/50:hover {
    background-color: rgb(var(--color-primary-100)/.5)
}

.hover\:bg-primary-100\/55:hover {
    background-color: rgb(var(--color-primary-100)/.55)
}

.hover\:bg-primary-100\/60:hover {
    background-color: rgb(var(--color-primary-100)/.6)
}

.hover\:bg-primary-100\/65:hover {
    background-color: rgb(var(--color-primary-100)/.65)
}

.hover\:bg-primary-100\/70:hover {
    background-color: rgb(var(--color-primary-100)/.7)
}

.hover\:bg-primary-100\/75:hover {
    background-color: rgb(var(--color-primary-100)/.75)
}

.hover\:bg-primary-100\/80:hover {
    background-color: rgb(var(--color-primary-100)/.8)
}

.hover\:bg-primary-100\/85:hover {
    background-color: rgb(var(--color-primary-100)/.85)
}

.hover\:bg-primary-100\/90:hover {
    background-color: rgb(var(--color-primary-100)/.9)
}

.hover\:bg-primary-100\/95:hover {
    background-color: rgb(var(--color-primary-100)/.95)
}

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

.hover\:bg-primary-50\/0:hover {
    background-color: rgb(var(--color-primary-50)/0)
}

.hover\:bg-primary-50\/10:hover {
    background-color: rgb(var(--color-primary-50)/.1)
}

.hover\:bg-primary-50\/100:hover {
    background-color: rgb(var(--color-primary-50)/1)
}

.hover\:bg-primary-50\/15:hover {
    background-color: rgb(var(--color-primary-50)/.15)
}

.hover\:bg-primary-50\/20:hover {
    background-color: rgb(var(--color-primary-50)/.2)
}

.hover\:bg-primary-50\/25:hover {
    background-color: rgb(var(--color-primary-50)/.25)
}

.hover\:bg-primary-50\/30:hover {
    background-color: rgb(var(--color-primary-50)/.3)
}

.hover\:bg-primary-50\/35:hover {
    background-color: rgb(var(--color-primary-50)/.35)
}

.hover\:bg-primary-50\/40:hover {
    background-color: rgb(var(--color-primary-50)/.4)
}

.hover\:bg-primary-50\/45:hover {
    background-color: rgb(var(--color-primary-50)/.45)
}

.hover\:bg-primary-50\/5:hover {
    background-color: rgb(var(--color-primary-50)/.05)
}

.hover\:bg-primary-50\/50:hover {
    background-color: rgb(var(--color-primary-50)/.5)
}

.hover\:bg-primary-50\/55:hover {
    background-color: rgb(var(--color-primary-50)/.55)
}

.hover\:bg-primary-50\/60:hover {
    background-color: rgb(var(--color-primary-50)/.6)
}

.hover\:bg-primary-50\/65:hover {
    background-color: rgb(var(--color-primary-50)/.65)
}

.hover\:bg-primary-50\/70:hover {
    background-color: rgb(var(--color-primary-50)/.7)
}

.hover\:bg-primary-50\/75:hover {
    background-color: rgb(var(--color-primary-50)/.75)
}

.hover\:bg-primary-50\/80:hover {
    background-color: rgb(var(--color-primary-50)/.8)
}

.hover\:bg-primary-50\/85:hover {
    background-color: rgb(var(--color-primary-50)/.85)
}

.hover\:bg-primary-50\/90:hover {
    background-color: rgb(var(--color-primary-50)/.9)
}

.hover\:bg-primary-50\/95:hover {
    background-color: rgb(var(--color-primary-50)/.95)
}

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

.hover\:bg-primary-500\/0:hover {
    background-color: rgb(var(--color-primary-500)/0)
}

.hover\:bg-primary-500\/10:hover {
    background-color: rgb(var(--color-primary-500)/.1)
}

.hover\:bg-primary-500\/100:hover {
    background-color: rgb(var(--color-primary-500)/1)
}

.hover\:bg-primary-500\/15:hover {
    background-color: rgb(var(--color-primary-500)/.15)
}

.hover\:bg-primary-500\/20:hover {
    background-color: rgb(var(--color-primary-500)/.2)
}

.hover\:bg-primary-500\/25:hover {
    background-color: rgb(var(--color-primary-500)/.25)
}

.hover\:bg-primary-500\/30:hover {
    background-color: rgb(var(--color-primary-500)/.3)
}

.hover\:bg-primary-500\/35:hover {
    background-color: rgb(var(--color-primary-500)/.35)
}

.hover\:bg-primary-500\/40:hover {
    background-color: rgb(var(--color-primary-500)/.4)
}

.hover\:bg-primary-500\/45:hover {
    background-color: rgb(var(--color-primary-500)/.45)
}

.hover\:bg-primary-500\/5:hover {
    background-color: rgb(var(--color-primary-500)/.05)
}

.hover\:bg-primary-500\/50:hover {
    background-color: rgb(var(--color-primary-500)/.5)
}

.hover\:bg-primary-500\/55:hover {
    background-color: rgb(var(--color-primary-500)/.55)
}

.hover\:bg-primary-500\/60:hover {
    background-color: rgb(var(--color-primary-500)/.6)
}

.hover\:bg-primary-500\/65:hover {
    background-color: rgb(var(--color-primary-500)/.65)
}

.hover\:bg-primary-500\/70:hover {
    background-color: rgb(var(--color-primary-500)/.7)
}

.hover\:bg-primary-500\/75:hover {
    background-color: rgb(var(--color-primary-500)/.75)
}

.hover\:bg-primary-500\/80:hover {
    background-color: rgb(var(--color-primary-500)/.8)
}

.hover\:bg-primary-500\/85:hover {
    background-color: rgb(var(--color-primary-500)/.85)
}

.hover\:bg-primary-500\/90:hover {
    background-color: rgb(var(--color-primary-500)/.9)
}

.hover\:bg-primary-500\/95:hover {
    background-color: rgb(var(--color-primary-500)/.95)
}

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

.hover\:bg-primary-600\/0:hover {
    background-color: rgb(var(--color-primary-600)/0)
}

.hover\:bg-primary-600\/10:hover {
    background-color: rgb(var(--color-primary-600)/.1)
}

.hover\:bg-primary-600\/100:hover {
    background-color: rgb(var(--color-primary-600)/1)
}

.hover\:bg-primary-600\/15:hover {
    background-color: rgb(var(--color-primary-600)/.15)
}

.hover\:bg-primary-600\/20:hover {
    background-color: rgb(var(--color-primary-600)/.2)
}

.hover\:bg-primary-600\/25:hover {
    background-color: rgb(var(--color-primary-600)/.25)
}

.hover\:bg-primary-600\/30:hover {
    background-color: rgb(var(--color-primary-600)/.3)
}

.hover\:bg-primary-600\/35:hover {
    background-color: rgb(var(--color-primary-600)/.35)
}

.hover\:bg-primary-600\/40:hover {
    background-color: rgb(var(--color-primary-600)/.4)
}

.hover\:bg-primary-600\/45:hover {
    background-color: rgb(var(--color-primary-600)/.45)
}

.hover\:bg-primary-600\/5:hover {
    background-color: rgb(var(--color-primary-600)/.05)
}

.hover\:bg-primary-600\/50:hover {
    background-color: rgb(var(--color-primary-600)/.5)
}

.hover\:bg-primary-600\/55:hover {
    background-color: rgb(var(--color-primary-600)/.55)
}

.hover\:bg-primary-600\/60:hover {
    background-color: rgb(var(--color-primary-600)/.6)
}

.hover\:bg-primary-600\/65:hover {
    background-color: rgb(var(--color-primary-600)/.65)
}

.hover\:bg-primary-600\/70:hover {
    background-color: rgb(var(--color-primary-600)/.7)
}

.hover\:bg-primary-600\/75:hover {
    background-color: rgb(var(--color-primary-600)/.75)
}

.hover\:bg-primary-600\/80:hover {
    background-color: rgb(var(--color-primary-600)/.8)
}

.hover\:bg-primary-600\/85:hover {
    background-color: rgb(var(--color-primary-600)/.85)
}

.hover\:bg-primary-600\/90:hover {
    background-color: rgb(var(--color-primary-600)/.9)
}

.hover\:bg-primary-600\/95:hover {
    background-color: rgb(var(--color-primary-600)/.95)
}

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

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/1);
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/1);
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity))
}

.hover\:text-primary-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-600)/1);
    color: rgb(var(--color-primary-600)/var(--tw-text-opacity))
}

.hover\:text-primary-600\/0:hover {
    color: rgb(var(--color-primary-600)/0)
}

.hover\:text-primary-600\/10:hover {
    color: rgb(var(--color-primary-600)/.1)
}

.hover\:text-primary-600\/100:hover {
    color: rgb(var(--color-primary-600)/1)
}

.hover\:text-primary-600\/15:hover {
    color: rgb(var(--color-primary-600)/.15)
}

.hover\:text-primary-600\/20:hover {
    color: rgb(var(--color-primary-600)/.2)
}

.hover\:text-primary-600\/25:hover {
    color: rgb(var(--color-primary-600)/.25)
}

.hover\:text-primary-600\/30:hover {
    color: rgb(var(--color-primary-600)/.3)
}

.hover\:text-primary-600\/35:hover {
    color: rgb(var(--color-primary-600)/.35)
}

.hover\:text-primary-600\/40:hover {
    color: rgb(var(--color-primary-600)/.4)
}

.hover\:text-primary-600\/45:hover {
    color: rgb(var(--color-primary-600)/.45)
}

.hover\:text-primary-600\/5:hover {
    color: rgb(var(--color-primary-600)/.05)
}

.hover\:text-primary-600\/50:hover {
    color: rgb(var(--color-primary-600)/.5)
}

.hover\:text-primary-600\/55:hover {
    color: rgb(var(--color-primary-600)/.55)
}

.hover\:text-primary-600\/60:hover {
    color: rgb(var(--color-primary-600)/.6)
}

.hover\:text-primary-600\/65:hover {
    color: rgb(var(--color-primary-600)/.65)
}

.hover\:text-primary-600\/70:hover {
    color: rgb(var(--color-primary-600)/.7)
}

.hover\:text-primary-600\/75:hover {
    color: rgb(var(--color-primary-600)/.75)
}

.hover\:text-primary-600\/80:hover {
    color: rgb(var(--color-primary-600)/.8)
}

.hover\:text-primary-600\/85:hover {
    color: rgb(var(--color-primary-600)/.85)
}

.hover\:text-primary-600\/90:hover {
    color: rgb(var(--color-primary-600)/.9)
}

.hover\:text-primary-600\/95:hover {
    color: rgb(var(--color-primary-600)/.95)
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:before\:bg-gray-50:hover:before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50)/1);
    background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.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(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-primary-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity))
}

.focus\:ring-primary-500\/0:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/0)
}

.focus\:ring-primary-500\/10:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.1)
}

.focus\:ring-primary-500\/100:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/1)
}

.focus\:ring-primary-500\/15:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.15)
}

.focus\:ring-primary-500\/20:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.2)
}

.focus\:ring-primary-500\/25:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.25)
}

.focus\:ring-primary-500\/30:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.3)
}

.focus\:ring-primary-500\/35:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.35)
}

.focus\:ring-primary-500\/40:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.4)
}

.focus\:ring-primary-500\/45:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.45)
}

.focus\:ring-primary-500\/5:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.05)
}

.focus\:ring-primary-500\/50:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.5)
}

.focus\:ring-primary-500\/55:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.55)
}

.focus\:ring-primary-500\/60:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.6)
}

.focus\:ring-primary-500\/65:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.65)
}

.focus\:ring-primary-500\/70:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.7)
}

.focus\:ring-primary-500\/75:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.75)
}

.focus\:ring-primary-500\/80:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.8)
}

.focus\:ring-primary-500\/85:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.85)
}

.focus\:ring-primary-500\/90:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.9)
}

.focus\:ring-primary-500\/95:focus {
    --tw-ring-color: rgb(var(--color-primary-500)/.95)
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
}

.focus\:ring-red-500\/0:focus {
    --tw-ring-color: rgba(239, 68, 68, 0)
}

.focus\:ring-red-500\/10:focus {
    --tw-ring-color: rgba(239, 68, 68, .1)
}

.focus\:ring-red-500\/100:focus {
    --tw-ring-color: #ef4444
}

.focus\:ring-red-500\/15:focus {
    --tw-ring-color: rgba(239, 68, 68, .15)
}

.focus\:ring-red-500\/20:focus {
    --tw-ring-color: rgba(239, 68, 68, .2)
}

.focus\:ring-red-500\/25:focus {
    --tw-ring-color: rgba(239, 68, 68, .25)
}

.focus\:ring-red-500\/30:focus {
    --tw-ring-color: rgba(239, 68, 68, .3)
}

.focus\:ring-red-500\/35:focus {
    --tw-ring-color: rgba(239, 68, 68, .35)
}

.focus\:ring-red-500\/40:focus {
    --tw-ring-color: rgba(239, 68, 68, .4)
}

.focus\:ring-red-500\/45:focus {
    --tw-ring-color: rgba(239, 68, 68, .45)
}

.focus\:ring-red-500\/5:focus {
    --tw-ring-color: rgba(239, 68, 68, .05)
}

.focus\:ring-red-500\/50:focus {
    --tw-ring-color: rgba(239, 68, 68, .5)
}

.focus\:ring-red-500\/55:focus {
    --tw-ring-color: rgba(239, 68, 68, .55)
}

.focus\:ring-red-500\/60:focus {
    --tw-ring-color: rgba(239, 68, 68, .6)
}

.focus\:ring-red-500\/65:focus {
    --tw-ring-color: rgba(239, 68, 68, .65)
}

.focus\:ring-red-500\/70:focus {
    --tw-ring-color: rgba(239, 68, 68, .7)
}

.focus\:ring-red-500\/75:focus {
    --tw-ring-color: rgba(239, 68, 68, .75)
}

.focus\:ring-red-500\/80:focus {
    --tw-ring-color: rgba(239, 68, 68, .8)
}

.focus\:ring-red-500\/85:focus {
    --tw-ring-color: rgba(239, 68, 68, .85)
}

.focus\:ring-red-500\/90:focus {
    --tw-ring-color: rgba(239, 68, 68, .9)
}

.focus\:ring-red-500\/95:focus {
    --tw-ring-color: rgba(239, 68, 68, .95)
}

.focus\:ring-transparent:focus {
    --tw-ring-color: transparent
}

.focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-0:focus-visible {
    outline-width: 0
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-primary-500:focus-visible {
    outline-color: rgb(var(--color-primary-500)/1)
}

.focus-visible\:outline-primary-500\/0:focus-visible {
    outline-color: rgb(var(--color-primary-500)/0)
}

.focus-visible\:outline-primary-500\/10:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.1)
}

.focus-visible\:outline-primary-500\/100:focus-visible {
    outline-color: rgb(var(--color-primary-500)/1)
}

.focus-visible\:outline-primary-500\/15:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.15)
}

.focus-visible\:outline-primary-500\/20:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.2)
}

.focus-visible\:outline-primary-500\/25:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.25)
}

.focus-visible\:outline-primary-500\/30:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.3)
}

.focus-visible\:outline-primary-500\/35:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.35)
}

.focus-visible\:outline-primary-500\/40:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.4)
}

.focus-visible\:outline-primary-500\/45:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.45)
}

.focus-visible\:outline-primary-500\/5:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.05)
}

.focus-visible\:outline-primary-500\/50:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.5)
}

.focus-visible\:outline-primary-500\/55:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.55)
}

.focus-visible\:outline-primary-500\/60:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.6)
}

.focus-visible\:outline-primary-500\/65:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.65)
}

.focus-visible\:outline-primary-500\/70:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.7)
}

.focus-visible\:outline-primary-500\/75:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.75)
}

.focus-visible\:outline-primary-500\/80:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.8)
}

.focus-visible\:outline-primary-500\/85:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.85)
}

.focus-visible\:outline-primary-500\/90:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.9)
}

.focus-visible\:outline-primary-500\/95:focus-visible {
    outline-color: rgb(var(--color-primary-500)/.95)
}

.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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset
}

.focus-visible\:ring-primary-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity))
}

.focus-visible\:ring-primary-500\/0:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/0)
}

.focus-visible\:ring-primary-500\/10:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.1)
}

.focus-visible\:ring-primary-500\/100:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/1)
}

.focus-visible\:ring-primary-500\/15:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.15)
}

.focus-visible\:ring-primary-500\/20:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.2)
}

.focus-visible\:ring-primary-500\/25:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.25)
}

.focus-visible\:ring-primary-500\/30:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.3)
}

.focus-visible\:ring-primary-500\/35:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.35)
}

.focus-visible\:ring-primary-500\/40:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.4)
}

.focus-visible\:ring-primary-500\/45:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.45)
}

.focus-visible\:ring-primary-500\/5:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.05)
}

.focus-visible\:ring-primary-500\/50:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.5)
}

.focus-visible\:ring-primary-500\/55:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.55)
}

.focus-visible\:ring-primary-500\/60:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.6)
}

.focus-visible\:ring-primary-500\/65:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.65)
}

.focus-visible\:ring-primary-500\/70:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.7)
}

.focus-visible\:ring-primary-500\/75:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.75)
}

.focus-visible\:ring-primary-500\/80:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.8)
}

.focus-visible\:ring-primary-500\/85:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.85)
}

.focus-visible\:ring-primary-500\/90:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.9)
}

.focus-visible\:ring-primary-500\/95:focus-visible {
    --tw-ring-color: rgb(var(--color-primary-500)/.95)
}

.focus-visible\:ring-red-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
}

.focus-visible\:ring-red-500\/0:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, 0)
}

.focus-visible\:ring-red-500\/10:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .1)
}

.focus-visible\:ring-red-500\/100:focus-visible {
    --tw-ring-color: #ef4444
}

.focus-visible\:ring-red-500\/15:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .15)
}

.focus-visible\:ring-red-500\/20:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .2)
}

.focus-visible\:ring-red-500\/25:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .25)
}

.focus-visible\:ring-red-500\/30:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .3)
}

.focus-visible\:ring-red-500\/35:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .35)
}

.focus-visible\:ring-red-500\/40:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .4)
}

.focus-visible\:ring-red-500\/45:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .45)
}

.focus-visible\:ring-red-500\/5:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .05)
}

.focus-visible\:ring-red-500\/50:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .5)
}

.focus-visible\:ring-red-500\/55:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .55)
}

.focus-visible\:ring-red-500\/60:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .6)
}

.focus-visible\:ring-red-500\/65:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .65)
}

.focus-visible\:ring-red-500\/70:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .7)
}

.focus-visible\:ring-red-500\/75:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .75)
}

.focus-visible\:ring-red-500\/80:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .8)
}

.focus-visible\:ring-red-500\/85:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .85)
}

.focus-visible\:ring-red-500\/90:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .9)
}

.focus-visible\:ring-red-500\/95:focus-visible {
    --tw-ring-color: rgba(239, 68, 68, .95)
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.focus-visible\:ring-offset-white:focus-visible {
    --tw-ring-offset-color: #fff
}

.focus-visible\:before\:ring-1:focus-visible:before {
    --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    content: var(--tw-content)
}

.focus-visible\:before\:ring-inset:focus-visible:before {
    --tw-ring-inset: inset;
    content: var(--tw-content)
}

.focus-visible\:before\:ring-primary-500:focus-visible:before {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity));
    content: var(--tw-content)
}

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

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

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

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

.disabled\:bg-primary-50\/0:disabled {
    background-color: rgb(var(--color-primary-50)/0)
}

.disabled\:bg-primary-50\/10:disabled {
    background-color: rgb(var(--color-primary-50)/.1)
}

.disabled\:bg-primary-50\/100:disabled {
    background-color: rgb(var(--color-primary-50)/1)
}

.disabled\:bg-primary-50\/15:disabled {
    background-color: rgb(var(--color-primary-50)/.15)
}

.disabled\:bg-primary-50\/20:disabled {
    background-color: rgb(var(--color-primary-50)/.2)
}

.disabled\:bg-primary-50\/25:disabled {
    background-color: rgb(var(--color-primary-50)/.25)
}

.disabled\:bg-primary-50\/30:disabled {
    background-color: rgb(var(--color-primary-50)/.3)
}

.disabled\:bg-primary-50\/35:disabled {
    background-color: rgb(var(--color-primary-50)/.35)
}

.disabled\:bg-primary-50\/40:disabled {
    background-color: rgb(var(--color-primary-50)/.4)
}

.disabled\:bg-primary-50\/45:disabled {
    background-color: rgb(var(--color-primary-50)/.45)
}

.disabled\:bg-primary-50\/5:disabled {
    background-color: rgb(var(--color-primary-50)/.05)
}

.disabled\:bg-primary-50\/50:disabled {
    background-color: rgb(var(--color-primary-50)/.5)
}

.disabled\:bg-primary-50\/55:disabled {
    background-color: rgb(var(--color-primary-50)/.55)
}

.disabled\:bg-primary-50\/60:disabled {
    background-color: rgb(var(--color-primary-50)/.6)
}

.disabled\:bg-primary-50\/65:disabled {
    background-color: rgb(var(--color-primary-50)/.65)
}

.disabled\:bg-primary-50\/70:disabled {
    background-color: rgb(var(--color-primary-50)/.7)
}

.disabled\:bg-primary-50\/75:disabled {
    background-color: rgb(var(--color-primary-50)/.75)
}

.disabled\:bg-primary-50\/80:disabled {
    background-color: rgb(var(--color-primary-50)/.8)
}

.disabled\:bg-primary-50\/85:disabled {
    background-color: rgb(var(--color-primary-50)/.85)
}

.disabled\:bg-primary-50\/90:disabled {
    background-color: rgb(var(--color-primary-50)/.9)
}

.disabled\:bg-primary-50\/95:disabled {
    background-color: rgb(var(--color-primary-50)/.95)
}

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

.disabled\:bg-primary-500\/0:disabled {
    background-color: rgb(var(--color-primary-500)/0)
}

.disabled\:bg-primary-500\/10:disabled {
    background-color: rgb(var(--color-primary-500)/.1)
}

.disabled\:bg-primary-500\/100:disabled {
    background-color: rgb(var(--color-primary-500)/1)
}

.disabled\:bg-primary-500\/15:disabled {
    background-color: rgb(var(--color-primary-500)/.15)
}

.disabled\:bg-primary-500\/20:disabled {
    background-color: rgb(var(--color-primary-500)/.2)
}

.disabled\:bg-primary-500\/25:disabled {
    background-color: rgb(var(--color-primary-500)/.25)
}

.disabled\:bg-primary-500\/30:disabled {
    background-color: rgb(var(--color-primary-500)/.3)
}

.disabled\:bg-primary-500\/35:disabled {
    background-color: rgb(var(--color-primary-500)/.35)
}

.disabled\:bg-primary-500\/40:disabled {
    background-color: rgb(var(--color-primary-500)/.4)
}

.disabled\:bg-primary-500\/45:disabled {
    background-color: rgb(var(--color-primary-500)/.45)
}

.disabled\:bg-primary-500\/5:disabled {
    background-color: rgb(var(--color-primary-500)/.05)
}

.disabled\:bg-primary-500\/50:disabled {
    background-color: rgb(var(--color-primary-500)/.5)
}

.disabled\:bg-primary-500\/55:disabled {
    background-color: rgb(var(--color-primary-500)/.55)
}

.disabled\:bg-primary-500\/60:disabled {
    background-color: rgb(var(--color-primary-500)/.6)
}

.disabled\:bg-primary-500\/65:disabled {
    background-color: rgb(var(--color-primary-500)/.65)
}

.disabled\:bg-primary-500\/70:disabled {
    background-color: rgb(var(--color-primary-500)/.7)
}

.disabled\:bg-primary-500\/75:disabled {
    background-color: rgb(var(--color-primary-500)/.75)
}

.disabled\:bg-primary-500\/80:disabled {
    background-color: rgb(var(--color-primary-500)/.8)
}

.disabled\:bg-primary-500\/85:disabled {
    background-color: rgb(var(--color-primary-500)/.85)
}

.disabled\:bg-primary-500\/90:disabled {
    background-color: rgb(var(--color-primary-500)/.9)
}

.disabled\:bg-primary-500\/95:disabled {
    background-color: rgb(var(--color-primary-500)/.95)
}

.disabled\:bg-transparent:disabled {
    background-color: transparent
}

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

.disabled\:bg-opacity-50:disabled {
    --tw-bg-opacity: .5
}

.disabled\:text-primary-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-500)/1);
    color: rgb(var(--color-primary-500)/var(--tw-text-opacity))
}

.disabled\:text-primary-500\/0:disabled {
    color: rgb(var(--color-primary-500)/0)
}

.disabled\:text-primary-500\/10:disabled {
    color: rgb(var(--color-primary-500)/.1)
}

.disabled\:text-primary-500\/100:disabled {
    color: rgb(var(--color-primary-500)/1)
}

.disabled\:text-primary-500\/15:disabled {
    color: rgb(var(--color-primary-500)/.15)
}

.disabled\:text-primary-500\/20:disabled {
    color: rgb(var(--color-primary-500)/.2)
}

.disabled\:text-primary-500\/25:disabled {
    color: rgb(var(--color-primary-500)/.25)
}

.disabled\:text-primary-500\/30:disabled {
    color: rgb(var(--color-primary-500)/.3)
}

.disabled\:text-primary-500\/35:disabled {
    color: rgb(var(--color-primary-500)/.35)
}

.disabled\:text-primary-500\/40:disabled {
    color: rgb(var(--color-primary-500)/.4)
}

.disabled\:text-primary-500\/45:disabled {
    color: rgb(var(--color-primary-500)/.45)
}

.disabled\:text-primary-500\/5:disabled {
    color: rgb(var(--color-primary-500)/.05)
}

.disabled\:text-primary-500\/50:disabled {
    color: rgb(var(--color-primary-500)/.5)
}

.disabled\:text-primary-500\/55:disabled {
    color: rgb(var(--color-primary-500)/.55)
}

.disabled\:text-primary-500\/60:disabled {
    color: rgb(var(--color-primary-500)/.6)
}

.disabled\:text-primary-500\/65:disabled {
    color: rgb(var(--color-primary-500)/.65)
}

.disabled\:text-primary-500\/70:disabled {
    color: rgb(var(--color-primary-500)/.7)
}

.disabled\:text-primary-500\/75:disabled {
    color: rgb(var(--color-primary-500)/.75)
}

.disabled\:text-primary-500\/80:disabled {
    color: rgb(var(--color-primary-500)/.8)
}

.disabled\:text-primary-500\/85:disabled {
    color: rgb(var(--color-primary-500)/.85)
}

.disabled\:text-primary-500\/90:disabled {
    color: rgb(var(--color-primary-500)/.9)
}

.disabled\:text-primary-500\/95:disabled {
    color: rgb(var(--color-primary-500)/.95)
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-75:disabled {
    opacity: .75
}

.group:hover .group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.group:hover .group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/1);
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
}

.peer:disabled~.peer-disabled\:bg-opacity-50 {
    --tw-bg-opacity: .5
}

.group[data-popper-placement*=bottom] .group-data-\[popper-placement\*\=\'bottom\'\]\:-top-1 {
    top: -.25rem
}

.group[data-popper-placement*=left] .group-data-\[popper-placement\*\=\'left\'\]\:-right-1 {
    right: -.25rem
}

.group[data-popper-placement*=right] .group-data-\[popper-placement\*\=\'right\'\]\:-left-1 {
    left: -.25rem
}

.group[data-popper-placement*=top] .group-data-\[popper-placement\*\=\'top\'\]\:-bottom-1 {
    bottom: -.25rem
}

@container (min-width: 20rem) {
    .\@xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@container (min-width: 24rem) {
    .\@sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@container (min-width: 28rem) {
    .\@md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

:where([data-headlessui-focus-visible]) .ui-focus-visible\:outline-0:focus {
    outline-width: 0
}

:where([data-headlessui-focus-visible]) .ui-focus-visible\: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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

:where([data-headlessui-focus-visible]) .ui-focus-visible\:ring-primary-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500)/var(--tw-ring-opacity))
}

.ui-not-focus-visible\:outline-none:focus:where(:not([data-headlessui-focus-visible] .ui-not-focus-visible\:outline-none)) {
    outline: 2px solid transparent;
    outline-offset: 2px
}

:is(.dark .dark\:divide-gray-700)>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-700)/var(--tw-divide-opacity))
}

:is(.dark .dark\:divide-gray-800)>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-gray-800)/var(--tw-divide-opacity))
}

:is(.dark .dark\:border-gray-700) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-700)/var(--tw-border-opacity))
}

:is(.dark .dark\:border-gray-800) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-800)/var(--tw-border-opacity))
}

:is(.dark .dark\:bg-amber-400) {
    --tw-bg-opacity: 1;
    background-color: #fbbf24;
    background-color: rgb(251 191 36/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-amber-400\/0) {
    background-color: #fbbf2400
}

:is(.dark .dark\:bg-amber-400\/10) {
    background-color: #fbbf241a
}

:is(.dark .dark\:bg-amber-400\/100) {
    background-color: #fbbf24
}

:is(.dark .dark\:bg-amber-400\/15) {
    background-color: #fbbf2426
}

:is(.dark .dark\:bg-amber-400\/20) {
    background-color: #fbbf2433
}

:is(.dark .dark\:bg-amber-400\/25) {
    background-color: #fbbf2440
}

:is(.dark .dark\:bg-amber-400\/30) {
    background-color: #fbbf244d
}

:is(.dark .dark\:bg-amber-400\/35) {
    background-color: #fbbf2459
}

:is(.dark .dark\:bg-amber-400\/40) {
    background-color: #fbbf2466
}

:is(.dark .dark\:bg-amber-400\/45) {
    background-color: #fbbf2473
}

:is(.dark .dark\:bg-amber-400\/5) {
    background-color: #fbbf240d
}

:is(.dark .dark\:bg-amber-400\/50) {
    background-color: #fbbf2480
}

:is(.dark .dark\:bg-amber-400\/55) {
    background-color: #fbbf248c
}

:is(.dark .dark\:bg-amber-400\/60) {
    background-color: #fbbf2499
}

:is(.dark .dark\:bg-amber-400\/65) {
    background-color: #fbbf24a6
}

:is(.dark .dark\:bg-amber-400\/70) {
    background-color: #fbbf24b3
}

:is(.dark .dark\:bg-amber-400\/75) {
    background-color: #fbbf24bf
}

:is(.dark .dark\:bg-amber-400\/80) {
    background-color: #fbbf24cc
}

:is(.dark .dark\:bg-amber-400\/85) {
    background-color: #fbbf24d9
}

:is(.dark .dark\:bg-amber-400\/90) {
    background-color: #fbbf24e6
}

:is(.dark .dark\:bg-amber-400\/95) {
    background-color: #fbbf24f2
}

:is(.dark .dark\:bg-blue-400) {
    --tw-bg-opacity: 1;
    background-color: #60a5fa;
    background-color: rgb(96 165 250/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-blue-400\/0) {
    background-color: #60a5fa00
}

:is(.dark .dark\:bg-blue-400\/10) {
    background-color: #60a5fa1a
}

:is(.dark .dark\:bg-blue-400\/100) {
    background-color: #60a5fa
}

:is(.dark .dark\:bg-blue-400\/15) {
    background-color: #60a5fa26
}

:is(.dark .dark\:bg-blue-400\/20) {
    background-color: #60a5fa33
}

:is(.dark .dark\:bg-blue-400\/25) {
    background-color: #60a5fa40
}

:is(.dark .dark\:bg-blue-400\/30) {
    background-color: #60a5fa4d
}

:is(.dark .dark\:bg-blue-400\/35) {
    background-color: #60a5fa59
}

:is(.dark .dark\:bg-blue-400\/40) {
    background-color: #60a5fa66
}

:is(.dark .dark\:bg-blue-400\/45) {
    background-color: #60a5fa73
}

:is(.dark .dark\:bg-blue-400\/5) {
    background-color: #60a5fa0d
}

:is(.dark .dark\:bg-blue-400\/50) {
    background-color: #60a5fa80
}

:is(.dark .dark\:bg-blue-400\/55) {
    background-color: #60a5fa8c
}

:is(.dark .dark\:bg-blue-400\/60) {
    background-color: #60a5fa99
}

:is(.dark .dark\:bg-blue-400\/65) {
    background-color: #60a5faa6
}

:is(.dark .dark\:bg-blue-400\/70) {
    background-color: #60a5fab3
}

:is(.dark .dark\:bg-blue-400\/75) {
    background-color: #60a5fabf
}

:is(.dark .dark\:bg-blue-400\/80) {
    background-color: #60a5facc
}

:is(.dark .dark\:bg-blue-400\/85) {
    background-color: #60a5fad9
}

:is(.dark .dark\:bg-blue-400\/90) {
    background-color: #60a5fae6
}

:is(.dark .dark\:bg-blue-400\/95) {
    background-color: #60a5faf2
}

:is(.dark .dark\:bg-cyan-400) {
    --tw-bg-opacity: 1;
    background-color: #22d3ee;
    background-color: rgb(34 211 238/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-cyan-400\/0) {
    background-color: #22d3ee00
}

:is(.dark .dark\:bg-cyan-400\/10) {
    background-color: #22d3ee1a
}

:is(.dark .dark\:bg-cyan-400\/100) {
    background-color: #22d3ee
}

:is(.dark .dark\:bg-cyan-400\/15) {
    background-color: #22d3ee26
}

:is(.dark .dark\:bg-cyan-400\/20) {
    background-color: #22d3ee33
}

:is(.dark .dark\:bg-cyan-400\/25) {
    background-color: #22d3ee40
}

:is(.dark .dark\:bg-cyan-400\/30) {
    background-color: #22d3ee4d
}

:is(.dark .dark\:bg-cyan-400\/35) {
    background-color: #22d3ee59
}

:is(.dark .dark\:bg-cyan-400\/40) {
    background-color: #22d3ee66
}

:is(.dark .dark\:bg-cyan-400\/45) {
    background-color: #22d3ee73
}

:is(.dark .dark\:bg-cyan-400\/5) {
    background-color: #22d3ee0d
}

:is(.dark .dark\:bg-cyan-400\/50) {
    background-color: #22d3ee80
}

:is(.dark .dark\:bg-cyan-400\/55) {
    background-color: #22d3ee8c
}

:is(.dark .dark\:bg-cyan-400\/60) {
    background-color: #22d3ee99
}

:is(.dark .dark\:bg-cyan-400\/65) {
    background-color: #22d3eea6
}

:is(.dark .dark\:bg-cyan-400\/70) {
    background-color: #22d3eeb3
}

:is(.dark .dark\:bg-cyan-400\/75) {
    background-color: #22d3eebf
}

:is(.dark .dark\:bg-cyan-400\/80) {
    background-color: #22d3eecc
}

:is(.dark .dark\:bg-cyan-400\/85) {
    background-color: #22d3eed9
}

:is(.dark .dark\:bg-cyan-400\/90) {
    background-color: #22d3eee6
}

:is(.dark .dark\:bg-cyan-400\/95) {
    background-color: #22d3eef2
}

:is(.dark .dark\:bg-emerald-400) {
    --tw-bg-opacity: 1;
    background-color: #34d399;
    background-color: rgb(52 211 153/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-emerald-400\/0) {
    background-color: #34d39900
}

:is(.dark .dark\:bg-emerald-400\/10) {
    background-color: #34d3991a
}

:is(.dark .dark\:bg-emerald-400\/100) {
    background-color: #34d399
}

:is(.dark .dark\:bg-emerald-400\/15) {
    background-color: #34d39926
}

:is(.dark .dark\:bg-emerald-400\/20) {
    background-color: #34d39933
}

:is(.dark .dark\:bg-emerald-400\/25) {
    background-color: #34d39940
}

:is(.dark .dark\:bg-emerald-400\/30) {
    background-color: #34d3994d
}

:is(.dark .dark\:bg-emerald-400\/35) {
    background-color: #34d39959
}

:is(.dark .dark\:bg-emerald-400\/40) {
    background-color: #34d39966
}

:is(.dark .dark\:bg-emerald-400\/45) {
    background-color: #34d39973
}

:is(.dark .dark\:bg-emerald-400\/5) {
    background-color: #34d3990d
}

:is(.dark .dark\:bg-emerald-400\/50) {
    background-color: #34d39980
}

:is(.dark .dark\:bg-emerald-400\/55) {
    background-color: #34d3998c
}

:is(.dark .dark\:bg-emerald-400\/60) {
    background-color: #34d39999
}

:is(.dark .dark\:bg-emerald-400\/65) {
    background-color: #34d399a6
}

:is(.dark .dark\:bg-emerald-400\/70) {
    background-color: #34d399b3
}

:is(.dark .dark\:bg-emerald-400\/75) {
    background-color: #34d399bf
}

:is(.dark .dark\:bg-emerald-400\/80) {
    background-color: #34d399cc
}

:is(.dark .dark\:bg-emerald-400\/85) {
    background-color: #34d399d9
}

:is(.dark .dark\:bg-emerald-400\/90) {
    background-color: #34d399e6
}

:is(.dark .dark\:bg-emerald-400\/95) {
    background-color: #34d399f2
}

:is(.dark .dark\:bg-fuchsia-400) {
    --tw-bg-opacity: 1;
    background-color: #e879f9;
    background-color: rgb(232 121 249/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-fuchsia-400\/0) {
    background-color: #e879f900
}

:is(.dark .dark\:bg-fuchsia-400\/10) {
    background-color: #e879f91a
}

:is(.dark .dark\:bg-fuchsia-400\/100) {
    background-color: #e879f9
}

:is(.dark .dark\:bg-fuchsia-400\/15) {
    background-color: #e879f926
}

:is(.dark .dark\:bg-fuchsia-400\/20) {
    background-color: #e879f933
}

:is(.dark .dark\:bg-fuchsia-400\/25) {
    background-color: #e879f940
}

:is(.dark .dark\:bg-fuchsia-400\/30) {
    background-color: #e879f94d
}

:is(.dark .dark\:bg-fuchsia-400\/35) {
    background-color: #e879f959
}

:is(.dark .dark\:bg-fuchsia-400\/40) {
    background-color: #e879f966
}

:is(.dark .dark\:bg-fuchsia-400\/45) {
    background-color: #e879f973
}

:is(.dark .dark\:bg-fuchsia-400\/5) {
    background-color: #e879f90d
}

:is(.dark .dark\:bg-fuchsia-400\/50) {
    background-color: #e879f980
}

:is(.dark .dark\:bg-fuchsia-400\/55) {
    background-color: #e879f98c
}

:is(.dark .dark\:bg-fuchsia-400\/60) {
    background-color: #e879f999
}

:is(.dark .dark\:bg-fuchsia-400\/65) {
    background-color: #e879f9a6
}

:is(.dark .dark\:bg-fuchsia-400\/70) {
    background-color: #e879f9b3
}

:is(.dark .dark\:bg-fuchsia-400\/75) {
    background-color: #e879f9bf
}

:is(.dark .dark\:bg-fuchsia-400\/80) {
    background-color: #e879f9cc
}

:is(.dark .dark\:bg-fuchsia-400\/85) {
    background-color: #e879f9d9
}

:is(.dark .dark\:bg-fuchsia-400\/90) {
    background-color: #e879f9e6
}

:is(.dark .dark\:bg-fuchsia-400\/95) {
    background-color: #e879f9f2
}

:is(.dark .dark\:bg-gray-400) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-400)/1);
    background-color: rgb(var(--color-gray-400)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/1);
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/1);
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800\/50) {
    background-color: rgb(var(--color-gray-800)/.5)
}

:is(.dark .dark\:bg-gray-800\/75) {
    background-color: rgb(var(--color-gray-800)/.75)
}

:is(.dark .dark\:bg-gray-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/1);
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-green-400) {
    --tw-bg-opacity: 1;
    background-color: #4ade80;
    background-color: rgb(74 222 128/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-green-400\/0) {
    background-color: #4ade8000
}

:is(.dark .dark\:bg-green-400\/10) {
    background-color: #4ade801a
}

:is(.dark .dark\:bg-green-400\/100) {
    background-color: #4ade80
}

:is(.dark .dark\:bg-green-400\/15) {
    background-color: #4ade8026
}

:is(.dark .dark\:bg-green-400\/20) {
    background-color: #4ade8033
}

:is(.dark .dark\:bg-green-400\/25) {
    background-color: #4ade8040
}

:is(.dark .dark\:bg-green-400\/30) {
    background-color: #4ade804d
}

:is(.dark .dark\:bg-green-400\/35) {
    background-color: #4ade8059
}

:is(.dark .dark\:bg-green-400\/40) {
    background-color: #4ade8066
}

:is(.dark .dark\:bg-green-400\/45) {
    background-color: #4ade8073
}

:is(.dark .dark\:bg-green-400\/5) {
    background-color: #4ade800d
}

:is(.dark .dark\:bg-green-400\/50) {
    background-color: #4ade8080
}

:is(.dark .dark\:bg-green-400\/55) {
    background-color: #4ade808c
}

:is(.dark .dark\:bg-green-400\/60) {
    background-color: #4ade8099
}

:is(.dark .dark\:bg-green-400\/65) {
    background-color: #4ade80a6
}

:is(.dark .dark\:bg-green-400\/70) {
    background-color: #4ade80b3
}

:is(.dark .dark\:bg-green-400\/75) {
    background-color: #4ade80bf
}

:is(.dark .dark\:bg-green-400\/80) {
    background-color: #4ade80cc
}

:is(.dark .dark\:bg-green-400\/85) {
    background-color: #4ade80d9
}

:is(.dark .dark\:bg-green-400\/90) {
    background-color: #4ade80e6
}

:is(.dark .dark\:bg-green-400\/95) {
    background-color: #4ade80f2
}

:is(.dark .dark\:bg-indigo-400) {
    --tw-bg-opacity: 1;
    background-color: #818cf8;
    background-color: rgb(129 140 248/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-indigo-400\/0) {
    background-color: #818cf800
}

:is(.dark .dark\:bg-indigo-400\/10) {
    background-color: #818cf81a
}

:is(.dark .dark\:bg-indigo-400\/100) {
    background-color: #818cf8
}

:is(.dark .dark\:bg-indigo-400\/15) {
    background-color: #818cf826
}

:is(.dark .dark\:bg-indigo-400\/20) {
    background-color: #818cf833
}

:is(.dark .dark\:bg-indigo-400\/25) {
    background-color: #818cf840
}

:is(.dark .dark\:bg-indigo-400\/30) {
    background-color: #818cf84d
}

:is(.dark .dark\:bg-indigo-400\/35) {
    background-color: #818cf859
}

:is(.dark .dark\:bg-indigo-400\/40) {
    background-color: #818cf866
}

:is(.dark .dark\:bg-indigo-400\/45) {
    background-color: #818cf873
}

:is(.dark .dark\:bg-indigo-400\/5) {
    background-color: #818cf80d
}

:is(.dark .dark\:bg-indigo-400\/50) {
    background-color: #818cf880
}

:is(.dark .dark\:bg-indigo-400\/55) {
    background-color: #818cf88c
}

:is(.dark .dark\:bg-indigo-400\/60) {
    background-color: #818cf899
}

:is(.dark .dark\:bg-indigo-400\/65) {
    background-color: #818cf8a6
}

:is(.dark .dark\:bg-indigo-400\/70) {
    background-color: #818cf8b3
}

:is(.dark .dark\:bg-indigo-400\/75) {
    background-color: #818cf8bf
}

:is(.dark .dark\:bg-indigo-400\/80) {
    background-color: #818cf8cc
}

:is(.dark .dark\:bg-indigo-400\/85) {
    background-color: #818cf8d9
}

:is(.dark .dark\:bg-indigo-400\/90) {
    background-color: #818cf8e6
}

:is(.dark .dark\:bg-indigo-400\/95) {
    background-color: #818cf8f2
}

:is(.dark .dark\:bg-lime-400) {
    --tw-bg-opacity: 1;
    background-color: #a3e635;
    background-color: rgb(163 230 53/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-lime-400\/0) {
    background-color: #a3e63500
}

:is(.dark .dark\:bg-lime-400\/10) {
    background-color: #a3e6351a
}

:is(.dark .dark\:bg-lime-400\/100) {
    background-color: #a3e635
}

:is(.dark .dark\:bg-lime-400\/15) {
    background-color: #a3e63526
}

:is(.dark .dark\:bg-lime-400\/20) {
    background-color: #a3e63533
}

:is(.dark .dark\:bg-lime-400\/25) {
    background-color: #a3e63540
}

:is(.dark .dark\:bg-lime-400\/30) {
    background-color: #a3e6354d
}

:is(.dark .dark\:bg-lime-400\/35) {
    background-color: #a3e63559
}

:is(.dark .dark\:bg-lime-400\/40) {
    background-color: #a3e63566
}

:is(.dark .dark\:bg-lime-400\/45) {
    background-color: #a3e63573
}

:is(.dark .dark\:bg-lime-400\/5) {
    background-color: #a3e6350d
}

:is(.dark .dark\:bg-lime-400\/50) {
    background-color: #a3e63580
}

:is(.dark .dark\:bg-lime-400\/55) {
    background-color: #a3e6358c
}

:is(.dark .dark\:bg-lime-400\/60) {
    background-color: #a3e63599
}

:is(.dark .dark\:bg-lime-400\/65) {
    background-color: #a3e635a6
}

:is(.dark .dark\:bg-lime-400\/70) {
    background-color: #a3e635b3
}

:is(.dark .dark\:bg-lime-400\/75) {
    background-color: #a3e635bf
}

:is(.dark .dark\:bg-lime-400\/80) {
    background-color: #a3e635cc
}

:is(.dark .dark\:bg-lime-400\/85) {
    background-color: #a3e635d9
}

:is(.dark .dark\:bg-lime-400\/90) {
    background-color: #a3e635e6
}

:is(.dark .dark\:bg-lime-400\/95) {
    background-color: #a3e635f2
}

:is(.dark .dark\:bg-orange-400) {
    --tw-bg-opacity: 1;
    background-color: #fb923c;
    background-color: rgb(251 146 60/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-orange-400\/0) {
    background-color: #fb923c00
}

:is(.dark .dark\:bg-orange-400\/10) {
    background-color: #fb923c1a
}

:is(.dark .dark\:bg-orange-400\/100) {
    background-color: #fb923c
}

:is(.dark .dark\:bg-orange-400\/15) {
    background-color: #fb923c26
}

:is(.dark .dark\:bg-orange-400\/20) {
    background-color: #fb923c33
}

:is(.dark .dark\:bg-orange-400\/25) {
    background-color: #fb923c40
}

:is(.dark .dark\:bg-orange-400\/30) {
    background-color: #fb923c4d
}

:is(.dark .dark\:bg-orange-400\/35) {
    background-color: #fb923c59
}

:is(.dark .dark\:bg-orange-400\/40) {
    background-color: #fb923c66
}

:is(.dark .dark\:bg-orange-400\/45) {
    background-color: #fb923c73
}

:is(.dark .dark\:bg-orange-400\/5) {
    background-color: #fb923c0d
}

:is(.dark .dark\:bg-orange-400\/50) {
    background-color: #fb923c80
}

:is(.dark .dark\:bg-orange-400\/55) {
    background-color: #fb923c8c
}

:is(.dark .dark\:bg-orange-400\/60) {
    background-color: #fb923c99
}

:is(.dark .dark\:bg-orange-400\/65) {
    background-color: #fb923ca6
}

:is(.dark .dark\:bg-orange-400\/70) {
    background-color: #fb923cb3
}

:is(.dark .dark\:bg-orange-400\/75) {
    background-color: #fb923cbf
}

:is(.dark .dark\:bg-orange-400\/80) {
    background-color: #fb923ccc
}

:is(.dark .dark\:bg-orange-400\/85) {
    background-color: #fb923cd9
}

:is(.dark .dark\:bg-orange-400\/90) {
    background-color: #fb923ce6
}

:is(.dark .dark\:bg-orange-400\/95) {
    background-color: #fb923cf2
}

:is(.dark .dark\:bg-pink-400) {
    --tw-bg-opacity: 1;
    background-color: #f472b6;
    background-color: rgb(244 114 182/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-pink-400\/0) {
    background-color: #f472b600
}

:is(.dark .dark\:bg-pink-400\/10) {
    background-color: #f472b61a
}

:is(.dark .dark\:bg-pink-400\/100) {
    background-color: #f472b6
}

:is(.dark .dark\:bg-pink-400\/15) {
    background-color: #f472b626
}

:is(.dark .dark\:bg-pink-400\/20) {
    background-color: #f472b633
}

:is(.dark .dark\:bg-pink-400\/25) {
    background-color: #f472b640
}

:is(.dark .dark\:bg-pink-400\/30) {
    background-color: #f472b64d
}

:is(.dark .dark\:bg-pink-400\/35) {
    background-color: #f472b659
}

:is(.dark .dark\:bg-pink-400\/40) {
    background-color: #f472b666
}

:is(.dark .dark\:bg-pink-400\/45) {
    background-color: #f472b673
}

:is(.dark .dark\:bg-pink-400\/5) {
    background-color: #f472b60d
}

:is(.dark .dark\:bg-pink-400\/50) {
    background-color: #f472b680
}

:is(.dark .dark\:bg-pink-400\/55) {
    background-color: #f472b68c
}

:is(.dark .dark\:bg-pink-400\/60) {
    background-color: #f472b699
}

:is(.dark .dark\:bg-pink-400\/65) {
    background-color: #f472b6a6
}

:is(.dark .dark\:bg-pink-400\/70) {
    background-color: #f472b6b3
}

:is(.dark .dark\:bg-pink-400\/75) {
    background-color: #f472b6bf
}

:is(.dark .dark\:bg-pink-400\/80) {
    background-color: #f472b6cc
}

:is(.dark .dark\:bg-pink-400\/85) {
    background-color: #f472b6d9
}

:is(.dark .dark\:bg-pink-400\/90) {
    background-color: #f472b6e6
}

:is(.dark .dark\:bg-pink-400\/95) {
    background-color: #f472b6f2
}

:is(.dark .dark\:bg-primary-400) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-400)/1);
    background-color: rgb(var(--color-primary-400)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-primary-400\/0) {
    background-color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:bg-primary-400\/10) {
    background-color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:bg-primary-400\/100) {
    background-color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:bg-primary-400\/15) {
    background-color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:bg-primary-400\/20) {
    background-color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:bg-primary-400\/25) {
    background-color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:bg-primary-400\/30) {
    background-color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:bg-primary-400\/35) {
    background-color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:bg-primary-400\/40) {
    background-color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:bg-primary-400\/45) {
    background-color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:bg-primary-400\/5) {
    background-color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:bg-primary-400\/50) {
    background-color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:bg-primary-400\/55) {
    background-color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:bg-primary-400\/60) {
    background-color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:bg-primary-400\/65) {
    background-color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:bg-primary-400\/70) {
    background-color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:bg-primary-400\/75) {
    background-color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:bg-primary-400\/80) {
    background-color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:bg-primary-400\/85) {
    background-color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:bg-primary-400\/90) {
    background-color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:bg-primary-400\/95) {
    background-color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .dark\:bg-primary-950) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-950)/1);
    background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-primary-950\/0) {
    background-color: rgb(var(--color-primary-950)/0)
}

:is(.dark .dark\:bg-primary-950\/10) {
    background-color: rgb(var(--color-primary-950)/.1)
}

:is(.dark .dark\:bg-primary-950\/100) {
    background-color: rgb(var(--color-primary-950)/1)
}

:is(.dark .dark\:bg-primary-950\/15) {
    background-color: rgb(var(--color-primary-950)/.15)
}

:is(.dark .dark\:bg-primary-950\/20) {
    background-color: rgb(var(--color-primary-950)/.2)
}

:is(.dark .dark\:bg-primary-950\/25) {
    background-color: rgb(var(--color-primary-950)/.25)
}

:is(.dark .dark\:bg-primary-950\/30) {
    background-color: rgb(var(--color-primary-950)/.3)
}

:is(.dark .dark\:bg-primary-950\/35) {
    background-color: rgb(var(--color-primary-950)/.35)
}

:is(.dark .dark\:bg-primary-950\/40) {
    background-color: rgb(var(--color-primary-950)/.4)
}

:is(.dark .dark\:bg-primary-950\/45) {
    background-color: rgb(var(--color-primary-950)/.45)
}

:is(.dark .dark\:bg-primary-950\/5) {
    background-color: rgb(var(--color-primary-950)/.05)
}

:is(.dark .dark\:bg-primary-950\/50) {
    background-color: rgb(var(--color-primary-950)/.5)
}

:is(.dark .dark\:bg-primary-950\/55) {
    background-color: rgb(var(--color-primary-950)/.55)
}

:is(.dark .dark\:bg-primary-950\/60) {
    background-color: rgb(var(--color-primary-950)/.6)
}

:is(.dark .dark\:bg-primary-950\/65) {
    background-color: rgb(var(--color-primary-950)/.65)
}

:is(.dark .dark\:bg-primary-950\/70) {
    background-color: rgb(var(--color-primary-950)/.7)
}

:is(.dark .dark\:bg-primary-950\/75) {
    background-color: rgb(var(--color-primary-950)/.75)
}

:is(.dark .dark\:bg-primary-950\/80) {
    background-color: rgb(var(--color-primary-950)/.8)
}

:is(.dark .dark\:bg-primary-950\/85) {
    background-color: rgb(var(--color-primary-950)/.85)
}

:is(.dark .dark\:bg-primary-950\/90) {
    background-color: rgb(var(--color-primary-950)/.9)
}

:is(.dark .dark\:bg-primary-950\/95) {
    background-color: rgb(var(--color-primary-950)/.95)
}

:is(.dark .dark\:bg-purple-400) {
    --tw-bg-opacity: 1;
    background-color: #c084fc;
    background-color: rgb(192 132 252/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-purple-400\/0) {
    background-color: #c084fc00
}

:is(.dark .dark\:bg-purple-400\/10) {
    background-color: #c084fc1a
}

:is(.dark .dark\:bg-purple-400\/100) {
    background-color: #c084fc
}

:is(.dark .dark\:bg-purple-400\/15) {
    background-color: #c084fc26
}

:is(.dark .dark\:bg-purple-400\/20) {
    background-color: #c084fc33
}

:is(.dark .dark\:bg-purple-400\/25) {
    background-color: #c084fc40
}

:is(.dark .dark\:bg-purple-400\/30) {
    background-color: #c084fc4d
}

:is(.dark .dark\:bg-purple-400\/35) {
    background-color: #c084fc59
}

:is(.dark .dark\:bg-purple-400\/40) {
    background-color: #c084fc66
}

:is(.dark .dark\:bg-purple-400\/45) {
    background-color: #c084fc73
}

:is(.dark .dark\:bg-purple-400\/5) {
    background-color: #c084fc0d
}

:is(.dark .dark\:bg-purple-400\/50) {
    background-color: #c084fc80
}

:is(.dark .dark\:bg-purple-400\/55) {
    background-color: #c084fc8c
}

:is(.dark .dark\:bg-purple-400\/60) {
    background-color: #c084fc99
}

:is(.dark .dark\:bg-purple-400\/65) {
    background-color: #c084fca6
}

:is(.dark .dark\:bg-purple-400\/70) {
    background-color: #c084fcb3
}

:is(.dark .dark\:bg-purple-400\/75) {
    background-color: #c084fcbf
}

:is(.dark .dark\:bg-purple-400\/80) {
    background-color: #c084fccc
}

:is(.dark .dark\:bg-purple-400\/85) {
    background-color: #c084fcd9
}

:is(.dark .dark\:bg-purple-400\/90) {
    background-color: #c084fce6
}

:is(.dark .dark\:bg-purple-400\/95) {
    background-color: #c084fcf2
}

:is(.dark .dark\:bg-red-400) {
    --tw-bg-opacity: 1;
    background-color: #f87171;
    background-color: rgb(248 113 113/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-red-400\/0) {
    background-color: #f8727200
}

:is(.dark .dark\:bg-red-400\/10) {
    background-color: #f872721a
}

:is(.dark .dark\:bg-red-400\/100) {
    background-color: #f87171
}

:is(.dark .dark\:bg-red-400\/15) {
    background-color: #f8727226
}

:is(.dark .dark\:bg-red-400\/20) {
    background-color: #f8727233
}

:is(.dark .dark\:bg-red-400\/25) {
    background-color: #f8727240
}

:is(.dark .dark\:bg-red-400\/30) {
    background-color: #f872724d
}

:is(.dark .dark\:bg-red-400\/35) {
    background-color: #f8727259
}

:is(.dark .dark\:bg-red-400\/40) {
    background-color: #f8727266
}

:is(.dark .dark\:bg-red-400\/45) {
    background-color: #f8727273
}

:is(.dark .dark\:bg-red-400\/5) {
    background-color: #f872720d
}

:is(.dark .dark\:bg-red-400\/50) {
    background-color: #f8727280
}

:is(.dark .dark\:bg-red-400\/55) {
    background-color: #f872728c
}

:is(.dark .dark\:bg-red-400\/60) {
    background-color: #f8727299
}

:is(.dark .dark\:bg-red-400\/65) {
    background-color: #f87272a6
}

:is(.dark .dark\:bg-red-400\/70) {
    background-color: #f87272b3
}

:is(.dark .dark\:bg-red-400\/75) {
    background-color: #f87272bf
}

:is(.dark .dark\:bg-red-400\/80) {
    background-color: #f87272cc
}

:is(.dark .dark\:bg-red-400\/85) {
    background-color: #f87272d9
}

:is(.dark .dark\:bg-red-400\/90) {
    background-color: #f87272e6
}

:is(.dark .dark\:bg-red-400\/95) {
    background-color: #f87272f2
}

:is(.dark .dark\:bg-rose-400) {
    --tw-bg-opacity: 1;
    background-color: #fb7185;
    background-color: rgb(251 113 133/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-rose-400\/0) {
    background-color: #fb718500
}

:is(.dark .dark\:bg-rose-400\/10) {
    background-color: #fb71851a
}

:is(.dark .dark\:bg-rose-400\/100) {
    background-color: #fb7185
}

:is(.dark .dark\:bg-rose-400\/15) {
    background-color: #fb718526
}

:is(.dark .dark\:bg-rose-400\/20) {
    background-color: #fb718533
}

:is(.dark .dark\:bg-rose-400\/25) {
    background-color: #fb718540
}

:is(.dark .dark\:bg-rose-400\/30) {
    background-color: #fb71854d
}

:is(.dark .dark\:bg-rose-400\/35) {
    background-color: #fb718559
}

:is(.dark .dark\:bg-rose-400\/40) {
    background-color: #fb718566
}

:is(.dark .dark\:bg-rose-400\/45) {
    background-color: #fb718573
}

:is(.dark .dark\:bg-rose-400\/5) {
    background-color: #fb71850d
}

:is(.dark .dark\:bg-rose-400\/50) {
    background-color: #fb718580
}

:is(.dark .dark\:bg-rose-400\/55) {
    background-color: #fb71858c
}

:is(.dark .dark\:bg-rose-400\/60) {
    background-color: #fb718599
}

:is(.dark .dark\:bg-rose-400\/65) {
    background-color: #fb7185a6
}

:is(.dark .dark\:bg-rose-400\/70) {
    background-color: #fb7185b3
}

:is(.dark .dark\:bg-rose-400\/75) {
    background-color: #fb7185bf
}

:is(.dark .dark\:bg-rose-400\/80) {
    background-color: #fb7185cc
}

:is(.dark .dark\:bg-rose-400\/85) {
    background-color: #fb7185d9
}

:is(.dark .dark\:bg-rose-400\/90) {
    background-color: #fb7185e6
}

:is(.dark .dark\:bg-rose-400\/95) {
    background-color: #fb7185f2
}

:is(.dark .dark\:bg-sky-400) {
    --tw-bg-opacity: 1;
    background-color: #38bdf8;
    background-color: rgb(56 189 248/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-sky-400\/0) {
    background-color: #38bdf800
}

:is(.dark .dark\:bg-sky-400\/10) {
    background-color: #38bdf81a
}

:is(.dark .dark\:bg-sky-400\/100) {
    background-color: #38bdf8
}

:is(.dark .dark\:bg-sky-400\/15) {
    background-color: #38bdf826
}

:is(.dark .dark\:bg-sky-400\/20) {
    background-color: #38bdf833
}

:is(.dark .dark\:bg-sky-400\/25) {
    background-color: #38bdf840
}

:is(.dark .dark\:bg-sky-400\/30) {
    background-color: #38bdf84d
}

:is(.dark .dark\:bg-sky-400\/35) {
    background-color: #38bdf859
}

:is(.dark .dark\:bg-sky-400\/40) {
    background-color: #38bdf866
}

:is(.dark .dark\:bg-sky-400\/45) {
    background-color: #38bdf873
}

:is(.dark .dark\:bg-sky-400\/5) {
    background-color: #38bdf80d
}

:is(.dark .dark\:bg-sky-400\/50) {
    background-color: #38bdf880
}

:is(.dark .dark\:bg-sky-400\/55) {
    background-color: #38bdf88c
}

:is(.dark .dark\:bg-sky-400\/60) {
    background-color: #38bdf899
}

:is(.dark .dark\:bg-sky-400\/65) {
    background-color: #38bdf8a6
}

:is(.dark .dark\:bg-sky-400\/70) {
    background-color: #38bdf8b3
}

:is(.dark .dark\:bg-sky-400\/75) {
    background-color: #38bdf8bf
}

:is(.dark .dark\:bg-sky-400\/80) {
    background-color: #38bdf8cc
}

:is(.dark .dark\:bg-sky-400\/85) {
    background-color: #38bdf8d9
}

:is(.dark .dark\:bg-sky-400\/90) {
    background-color: #38bdf8e6
}

:is(.dark .dark\:bg-sky-400\/95) {
    background-color: #38bdf8f2
}

:is(.dark .dark\:bg-teal-400) {
    --tw-bg-opacity: 1;
    background-color: #2dd4bf;
    background-color: rgb(45 212 191/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-teal-400\/0) {
    background-color: #2dd4bf00
}

:is(.dark .dark\:bg-teal-400\/10) {
    background-color: #2dd4bf1a
}

:is(.dark .dark\:bg-teal-400\/100) {
    background-color: #2dd4bf
}

:is(.dark .dark\:bg-teal-400\/15) {
    background-color: #2dd4bf26
}

:is(.dark .dark\:bg-teal-400\/20) {
    background-color: #2dd4bf33
}

:is(.dark .dark\:bg-teal-400\/25) {
    background-color: #2dd4bf40
}

:is(.dark .dark\:bg-teal-400\/30) {
    background-color: #2dd4bf4d
}

:is(.dark .dark\:bg-teal-400\/35) {
    background-color: #2dd4bf59
}

:is(.dark .dark\:bg-teal-400\/40) {
    background-color: #2dd4bf66
}

:is(.dark .dark\:bg-teal-400\/45) {
    background-color: #2dd4bf73
}

:is(.dark .dark\:bg-teal-400\/5) {
    background-color: #2dd4bf0d
}

:is(.dark .dark\:bg-teal-400\/50) {
    background-color: #2dd4bf80
}

:is(.dark .dark\:bg-teal-400\/55) {
    background-color: #2dd4bf8c
}

:is(.dark .dark\:bg-teal-400\/60) {
    background-color: #2dd4bf99
}

:is(.dark .dark\:bg-teal-400\/65) {
    background-color: #2dd4bfa6
}

:is(.dark .dark\:bg-teal-400\/70) {
    background-color: #2dd4bfb3
}

:is(.dark .dark\:bg-teal-400\/75) {
    background-color: #2dd4bfbf
}

:is(.dark .dark\:bg-teal-400\/80) {
    background-color: #2dd4bfcc
}

:is(.dark .dark\:bg-teal-400\/85) {
    background-color: #2dd4bfd9
}

:is(.dark .dark\:bg-teal-400\/90) {
    background-color: #2dd4bfe6
}

:is(.dark .dark\:bg-teal-400\/95) {
    background-color: #2dd4bff2
}

:is(.dark .dark\:bg-violet-400) {
    --tw-bg-opacity: 1;
    background-color: #a78bfa;
    background-color: rgb(167 139 250/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-violet-400\/0) {
    background-color: #a78bfa00
}

:is(.dark .dark\:bg-violet-400\/10) {
    background-color: #a78bfa1a
}

:is(.dark .dark\:bg-violet-400\/100) {
    background-color: #a78bfa
}

:is(.dark .dark\:bg-violet-400\/15) {
    background-color: #a78bfa26
}

:is(.dark .dark\:bg-violet-400\/20) {
    background-color: #a78bfa33
}

:is(.dark .dark\:bg-violet-400\/25) {
    background-color: #a78bfa40
}

:is(.dark .dark\:bg-violet-400\/30) {
    background-color: #a78bfa4d
}

:is(.dark .dark\:bg-violet-400\/35) {
    background-color: #a78bfa59
}

:is(.dark .dark\:bg-violet-400\/40) {
    background-color: #a78bfa66
}

:is(.dark .dark\:bg-violet-400\/45) {
    background-color: #a78bfa73
}

:is(.dark .dark\:bg-violet-400\/5) {
    background-color: #a78bfa0d
}

:is(.dark .dark\:bg-violet-400\/50) {
    background-color: #a78bfa80
}

:is(.dark .dark\:bg-violet-400\/55) {
    background-color: #a78bfa8c
}

:is(.dark .dark\:bg-violet-400\/60) {
    background-color: #a78bfa99
}

:is(.dark .dark\:bg-violet-400\/65) {
    background-color: #a78bfaa6
}

:is(.dark .dark\:bg-violet-400\/70) {
    background-color: #a78bfab3
}

:is(.dark .dark\:bg-violet-400\/75) {
    background-color: #a78bfabf
}

:is(.dark .dark\:bg-violet-400\/80) {
    background-color: #a78bfacc
}

:is(.dark .dark\:bg-violet-400\/85) {
    background-color: #a78bfad9
}

:is(.dark .dark\:bg-violet-400\/90) {
    background-color: #a78bfae6
}

:is(.dark .dark\:bg-violet-400\/95) {
    background-color: #a78bfaf2
}

:is(.dark .dark\:bg-white) {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-yellow-400) {
    --tw-bg-opacity: 1;
    background-color: #facc15;
    background-color: rgb(250 204 21/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-yellow-400\/0) {
    background-color: #facc1500
}

:is(.dark .dark\:bg-yellow-400\/10) {
    background-color: #facc151a
}

:is(.dark .dark\:bg-yellow-400\/100) {
    background-color: #facc15
}

:is(.dark .dark\:bg-yellow-400\/15) {
    background-color: #facc1526
}

:is(.dark .dark\:bg-yellow-400\/20) {
    background-color: #facc1533
}

:is(.dark .dark\:bg-yellow-400\/25) {
    background-color: #facc1540
}

:is(.dark .dark\:bg-yellow-400\/30) {
    background-color: #facc154d
}

:is(.dark .dark\:bg-yellow-400\/35) {
    background-color: #facc1559
}

:is(.dark .dark\:bg-yellow-400\/40) {
    background-color: #facc1566
}

:is(.dark .dark\:bg-yellow-400\/45) {
    background-color: #facc1573
}

:is(.dark .dark\:bg-yellow-400\/5) {
    background-color: #facc150d
}

:is(.dark .dark\:bg-yellow-400\/50) {
    background-color: #facc1580
}

:is(.dark .dark\:bg-yellow-400\/55) {
    background-color: #facc158c
}

:is(.dark .dark\:bg-yellow-400\/60) {
    background-color: #facc1599
}

:is(.dark .dark\:bg-yellow-400\/65) {
    background-color: #facc15a6
}

:is(.dark .dark\:bg-yellow-400\/70) {
    background-color: #facc15b3
}

:is(.dark .dark\:bg-yellow-400\/75) {
    background-color: #facc15bf
}

:is(.dark .dark\:bg-yellow-400\/80) {
    background-color: #facc15cc
}

:is(.dark .dark\:bg-yellow-400\/85) {
    background-color: #facc15d9
}

:is(.dark .dark\:bg-yellow-400\/90) {
    background-color: #facc15e6
}

:is(.dark .dark\:bg-yellow-400\/95) {
    background-color: #facc15f2
}

:is(.dark .dark\:bg-opacity-10) {
    --tw-bg-opacity: .1
}

:is(.dark .dark\:text-amber-400) {
    --tw-text-opacity: 1;
    color: #fbbf24;
    color: rgb(251 191 36/var(--tw-text-opacity))
}

:is(.dark .dark\:text-amber-400\/0) {
    color: #fbbf2400
}

:is(.dark .dark\:text-amber-400\/10) {
    color: #fbbf241a
}

:is(.dark .dark\:text-amber-400\/100) {
    color: #fbbf24
}

:is(.dark .dark\:text-amber-400\/15) {
    color: #fbbf2426
}

:is(.dark .dark\:text-amber-400\/20) {
    color: #fbbf2433
}

:is(.dark .dark\:text-amber-400\/25) {
    color: #fbbf2440
}

:is(.dark .dark\:text-amber-400\/30) {
    color: #fbbf244d
}

:is(.dark .dark\:text-amber-400\/35) {
    color: #fbbf2459
}

:is(.dark .dark\:text-amber-400\/40) {
    color: #fbbf2466
}

:is(.dark .dark\:text-amber-400\/45) {
    color: #fbbf2473
}

:is(.dark .dark\:text-amber-400\/5) {
    color: #fbbf240d
}

:is(.dark .dark\:text-amber-400\/50) {
    color: #fbbf2480
}

:is(.dark .dark\:text-amber-400\/55) {
    color: #fbbf248c
}

:is(.dark .dark\:text-amber-400\/60) {
    color: #fbbf2499
}

:is(.dark .dark\:text-amber-400\/65) {
    color: #fbbf24a6
}

:is(.dark .dark\:text-amber-400\/70) {
    color: #fbbf24b3
}

:is(.dark .dark\:text-amber-400\/75) {
    color: #fbbf24bf
}

:is(.dark .dark\:text-amber-400\/80) {
    color: #fbbf24cc
}

:is(.dark .dark\:text-amber-400\/85) {
    color: #fbbf24d9
}

:is(.dark .dark\:text-amber-400\/90) {
    color: #fbbf24e6
}

:is(.dark .dark\:text-amber-400\/95) {
    color: #fbbf24f2
}

:is(.dark .dark\:text-black) {
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

:is(.dark .dark\:text-blue-400) {
    --tw-text-opacity: 1;
    color: #60a5fa;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

:is(.dark .dark\:text-blue-400\/0) {
    color: #60a5fa00
}

:is(.dark .dark\:text-blue-400\/10) {
    color: #60a5fa1a
}

:is(.dark .dark\:text-blue-400\/100) {
    color: #60a5fa
}

:is(.dark .dark\:text-blue-400\/15) {
    color: #60a5fa26
}

:is(.dark .dark\:text-blue-400\/20) {
    color: #60a5fa33
}

:is(.dark .dark\:text-blue-400\/25) {
    color: #60a5fa40
}

:is(.dark .dark\:text-blue-400\/30) {
    color: #60a5fa4d
}

:is(.dark .dark\:text-blue-400\/35) {
    color: #60a5fa59
}

:is(.dark .dark\:text-blue-400\/40) {
    color: #60a5fa66
}

:is(.dark .dark\:text-blue-400\/45) {
    color: #60a5fa73
}

:is(.dark .dark\:text-blue-400\/5) {
    color: #60a5fa0d
}

:is(.dark .dark\:text-blue-400\/50) {
    color: #60a5fa80
}

:is(.dark .dark\:text-blue-400\/55) {
    color: #60a5fa8c
}

:is(.dark .dark\:text-blue-400\/60) {
    color: #60a5fa99
}

:is(.dark .dark\:text-blue-400\/65) {
    color: #60a5faa6
}

:is(.dark .dark\:text-blue-400\/70) {
    color: #60a5fab3
}

:is(.dark .dark\:text-blue-400\/75) {
    color: #60a5fabf
}

:is(.dark .dark\:text-blue-400\/80) {
    color: #60a5facc
}

:is(.dark .dark\:text-blue-400\/85) {
    color: #60a5fad9
}

:is(.dark .dark\:text-blue-400\/90) {
    color: #60a5fae6
}

:is(.dark .dark\:text-blue-400\/95) {
    color: #60a5faf2
}

:is(.dark .dark\:text-cyan-400) {
    --tw-text-opacity: 1;
    color: #22d3ee;
    color: rgb(34 211 238/var(--tw-text-opacity))
}

:is(.dark .dark\:text-cyan-400\/0) {
    color: #22d3ee00
}

:is(.dark .dark\:text-cyan-400\/10) {
    color: #22d3ee1a
}

:is(.dark .dark\:text-cyan-400\/100) {
    color: #22d3ee
}

:is(.dark .dark\:text-cyan-400\/15) {
    color: #22d3ee26
}

:is(.dark .dark\:text-cyan-400\/20) {
    color: #22d3ee33
}

:is(.dark .dark\:text-cyan-400\/25) {
    color: #22d3ee40
}

:is(.dark .dark\:text-cyan-400\/30) {
    color: #22d3ee4d
}

:is(.dark .dark\:text-cyan-400\/35) {
    color: #22d3ee59
}

:is(.dark .dark\:text-cyan-400\/40) {
    color: #22d3ee66
}

:is(.dark .dark\:text-cyan-400\/45) {
    color: #22d3ee73
}

:is(.dark .dark\:text-cyan-400\/5) {
    color: #22d3ee0d
}

:is(.dark .dark\:text-cyan-400\/50) {
    color: #22d3ee80
}

:is(.dark .dark\:text-cyan-400\/55) {
    color: #22d3ee8c
}

:is(.dark .dark\:text-cyan-400\/60) {
    color: #22d3ee99
}

:is(.dark .dark\:text-cyan-400\/65) {
    color: #22d3eea6
}

:is(.dark .dark\:text-cyan-400\/70) {
    color: #22d3eeb3
}

:is(.dark .dark\:text-cyan-400\/75) {
    color: #22d3eebf
}

:is(.dark .dark\:text-cyan-400\/80) {
    color: #22d3eecc
}

:is(.dark .dark\:text-cyan-400\/85) {
    color: #22d3eed9
}

:is(.dark .dark\:text-cyan-400\/90) {
    color: #22d3eee6
}

:is(.dark .dark\:text-cyan-400\/95) {
    color: #22d3eef2
}

:is(.dark .dark\:text-emerald-400) {
    --tw-text-opacity: 1;
    color: #34d399;
    color: rgb(52 211 153/var(--tw-text-opacity))
}

:is(.dark .dark\:text-emerald-400\/0) {
    color: #34d39900
}

:is(.dark .dark\:text-emerald-400\/10) {
    color: #34d3991a
}

:is(.dark .dark\:text-emerald-400\/100) {
    color: #34d399
}

:is(.dark .dark\:text-emerald-400\/15) {
    color: #34d39926
}

:is(.dark .dark\:text-emerald-400\/20) {
    color: #34d39933
}

:is(.dark .dark\:text-emerald-400\/25) {
    color: #34d39940
}

:is(.dark .dark\:text-emerald-400\/30) {
    color: #34d3994d
}

:is(.dark .dark\:text-emerald-400\/35) {
    color: #34d39959
}

:is(.dark .dark\:text-emerald-400\/40) {
    color: #34d39966
}

:is(.dark .dark\:text-emerald-400\/45) {
    color: #34d39973
}

:is(.dark .dark\:text-emerald-400\/5) {
    color: #34d3990d
}

:is(.dark .dark\:text-emerald-400\/50) {
    color: #34d39980
}

:is(.dark .dark\:text-emerald-400\/55) {
    color: #34d3998c
}

:is(.dark .dark\:text-emerald-400\/60) {
    color: #34d39999
}

:is(.dark .dark\:text-emerald-400\/65) {
    color: #34d399a6
}

:is(.dark .dark\:text-emerald-400\/70) {
    color: #34d399b3
}

:is(.dark .dark\:text-emerald-400\/75) {
    color: #34d399bf
}

:is(.dark .dark\:text-emerald-400\/80) {
    color: #34d399cc
}

:is(.dark .dark\:text-emerald-400\/85) {
    color: #34d399d9
}

:is(.dark .dark\:text-emerald-400\/90) {
    color: #34d399e6
}

:is(.dark .dark\:text-emerald-400\/95) {
    color: #34d399f2
}

:is(.dark .dark\:text-fuchsia-400) {
    --tw-text-opacity: 1;
    color: #e879f9;
    color: rgb(232 121 249/var(--tw-text-opacity))
}

:is(.dark .dark\:text-fuchsia-400\/0) {
    color: #e879f900
}

:is(.dark .dark\:text-fuchsia-400\/10) {
    color: #e879f91a
}

:is(.dark .dark\:text-fuchsia-400\/100) {
    color: #e879f9
}

:is(.dark .dark\:text-fuchsia-400\/15) {
    color: #e879f926
}

:is(.dark .dark\:text-fuchsia-400\/20) {
    color: #e879f933
}

:is(.dark .dark\:text-fuchsia-400\/25) {
    color: #e879f940
}

:is(.dark .dark\:text-fuchsia-400\/30) {
    color: #e879f94d
}

:is(.dark .dark\:text-fuchsia-400\/35) {
    color: #e879f959
}

:is(.dark .dark\:text-fuchsia-400\/40) {
    color: #e879f966
}

:is(.dark .dark\:text-fuchsia-400\/45) {
    color: #e879f973
}

:is(.dark .dark\:text-fuchsia-400\/5) {
    color: #e879f90d
}

:is(.dark .dark\:text-fuchsia-400\/50) {
    color: #e879f980
}

:is(.dark .dark\:text-fuchsia-400\/55) {
    color: #e879f98c
}

:is(.dark .dark\:text-fuchsia-400\/60) {
    color: #e879f999
}

:is(.dark .dark\:text-fuchsia-400\/65) {
    color: #e879f9a6
}

:is(.dark .dark\:text-fuchsia-400\/70) {
    color: #e879f9b3
}

:is(.dark .dark\:text-fuchsia-400\/75) {
    color: #e879f9bf
}

:is(.dark .dark\:text-fuchsia-400\/80) {
    color: #e879f9cc
}

:is(.dark .dark\:text-fuchsia-400\/85) {
    color: #e879f9d9
}

:is(.dark .dark\:text-fuchsia-400\/90) {
    color: #e879f9e6
}

:is(.dark .dark\:text-fuchsia-400\/95) {
    color: #e879f9f2
}

:is(.dark .dark\:text-gray-200) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/1);
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-400) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/1);
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500)/1);
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-900) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/1);
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-green-400) {
    --tw-text-opacity: 1;
    color: #4ade80;
    color: rgb(74 222 128/var(--tw-text-opacity))
}

:is(.dark .dark\:text-green-400\/0) {
    color: #4ade8000
}

:is(.dark .dark\:text-green-400\/10) {
    color: #4ade801a
}

:is(.dark .dark\:text-green-400\/100) {
    color: #4ade80
}

:is(.dark .dark\:text-green-400\/15) {
    color: #4ade8026
}

:is(.dark .dark\:text-green-400\/20) {
    color: #4ade8033
}

:is(.dark .dark\:text-green-400\/25) {
    color: #4ade8040
}

:is(.dark .dark\:text-green-400\/30) {
    color: #4ade804d
}

:is(.dark .dark\:text-green-400\/35) {
    color: #4ade8059
}

:is(.dark .dark\:text-green-400\/40) {
    color: #4ade8066
}

:is(.dark .dark\:text-green-400\/45) {
    color: #4ade8073
}

:is(.dark .dark\:text-green-400\/5) {
    color: #4ade800d
}

:is(.dark .dark\:text-green-400\/50) {
    color: #4ade8080
}

:is(.dark .dark\:text-green-400\/55) {
    color: #4ade808c
}

:is(.dark .dark\:text-green-400\/60) {
    color: #4ade8099
}

:is(.dark .dark\:text-green-400\/65) {
    color: #4ade80a6
}

:is(.dark .dark\:text-green-400\/70) {
    color: #4ade80b3
}

:is(.dark .dark\:text-green-400\/75) {
    color: #4ade80bf
}

:is(.dark .dark\:text-green-400\/80) {
    color: #4ade80cc
}

:is(.dark .dark\:text-green-400\/85) {
    color: #4ade80d9
}

:is(.dark .dark\:text-green-400\/90) {
    color: #4ade80e6
}

:is(.dark .dark\:text-green-400\/95) {
    color: #4ade80f2
}

:is(.dark .dark\:text-indigo-400) {
    --tw-text-opacity: 1;
    color: #818cf8;
    color: rgb(129 140 248/var(--tw-text-opacity))
}

:is(.dark .dark\:text-indigo-400\/0) {
    color: #818cf800
}

:is(.dark .dark\:text-indigo-400\/10) {
    color: #818cf81a
}

:is(.dark .dark\:text-indigo-400\/100) {
    color: #818cf8
}

:is(.dark .dark\:text-indigo-400\/15) {
    color: #818cf826
}

:is(.dark .dark\:text-indigo-400\/20) {
    color: #818cf833
}

:is(.dark .dark\:text-indigo-400\/25) {
    color: #818cf840
}

:is(.dark .dark\:text-indigo-400\/30) {
    color: #818cf84d
}

:is(.dark .dark\:text-indigo-400\/35) {
    color: #818cf859
}

:is(.dark .dark\:text-indigo-400\/40) {
    color: #818cf866
}

:is(.dark .dark\:text-indigo-400\/45) {
    color: #818cf873
}

:is(.dark .dark\:text-indigo-400\/5) {
    color: #818cf80d
}

:is(.dark .dark\:text-indigo-400\/50) {
    color: #818cf880
}

:is(.dark .dark\:text-indigo-400\/55) {
    color: #818cf88c
}

:is(.dark .dark\:text-indigo-400\/60) {
    color: #818cf899
}

:is(.dark .dark\:text-indigo-400\/65) {
    color: #818cf8a6
}

:is(.dark .dark\:text-indigo-400\/70) {
    color: #818cf8b3
}

:is(.dark .dark\:text-indigo-400\/75) {
    color: #818cf8bf
}

:is(.dark .dark\:text-indigo-400\/80) {
    color: #818cf8cc
}

:is(.dark .dark\:text-indigo-400\/85) {
    color: #818cf8d9
}

:is(.dark .dark\:text-indigo-400\/90) {
    color: #818cf8e6
}

:is(.dark .dark\:text-indigo-400\/95) {
    color: #818cf8f2
}

:is(.dark .dark\:text-lime-400) {
    --tw-text-opacity: 1;
    color: #a3e635;
    color: rgb(163 230 53/var(--tw-text-opacity))
}

:is(.dark .dark\:text-lime-400\/0) {
    color: #a3e63500
}

:is(.dark .dark\:text-lime-400\/10) {
    color: #a3e6351a
}

:is(.dark .dark\:text-lime-400\/100) {
    color: #a3e635
}

:is(.dark .dark\:text-lime-400\/15) {
    color: #a3e63526
}

:is(.dark .dark\:text-lime-400\/20) {
    color: #a3e63533
}

:is(.dark .dark\:text-lime-400\/25) {
    color: #a3e63540
}

:is(.dark .dark\:text-lime-400\/30) {
    color: #a3e6354d
}

:is(.dark .dark\:text-lime-400\/35) {
    color: #a3e63559
}

:is(.dark .dark\:text-lime-400\/40) {
    color: #a3e63566
}

:is(.dark .dark\:text-lime-400\/45) {
    color: #a3e63573
}

:is(.dark .dark\:text-lime-400\/5) {
    color: #a3e6350d
}

:is(.dark .dark\:text-lime-400\/50) {
    color: #a3e63580
}

:is(.dark .dark\:text-lime-400\/55) {
    color: #a3e6358c
}

:is(.dark .dark\:text-lime-400\/60) {
    color: #a3e63599
}

:is(.dark .dark\:text-lime-400\/65) {
    color: #a3e635a6
}

:is(.dark .dark\:text-lime-400\/70) {
    color: #a3e635b3
}

:is(.dark .dark\:text-lime-400\/75) {
    color: #a3e635bf
}

:is(.dark .dark\:text-lime-400\/80) {
    color: #a3e635cc
}

:is(.dark .dark\:text-lime-400\/85) {
    color: #a3e635d9
}

:is(.dark .dark\:text-lime-400\/90) {
    color: #a3e635e6
}

:is(.dark .dark\:text-lime-400\/95) {
    color: #a3e635f2
}

:is(.dark .dark\:text-orange-400) {
    --tw-text-opacity: 1;
    color: #fb923c;
    color: rgb(251 146 60/var(--tw-text-opacity))
}

:is(.dark .dark\:text-orange-400\/0) {
    color: #fb923c00
}

:is(.dark .dark\:text-orange-400\/10) {
    color: #fb923c1a
}

:is(.dark .dark\:text-orange-400\/100) {
    color: #fb923c
}

:is(.dark .dark\:text-orange-400\/15) {
    color: #fb923c26
}

:is(.dark .dark\:text-orange-400\/20) {
    color: #fb923c33
}

:is(.dark .dark\:text-orange-400\/25) {
    color: #fb923c40
}

:is(.dark .dark\:text-orange-400\/30) {
    color: #fb923c4d
}

:is(.dark .dark\:text-orange-400\/35) {
    color: #fb923c59
}

:is(.dark .dark\:text-orange-400\/40) {
    color: #fb923c66
}

:is(.dark .dark\:text-orange-400\/45) {
    color: #fb923c73
}

:is(.dark .dark\:text-orange-400\/5) {
    color: #fb923c0d
}

:is(.dark .dark\:text-orange-400\/50) {
    color: #fb923c80
}

:is(.dark .dark\:text-orange-400\/55) {
    color: #fb923c8c
}

:is(.dark .dark\:text-orange-400\/60) {
    color: #fb923c99
}

:is(.dark .dark\:text-orange-400\/65) {
    color: #fb923ca6
}

:is(.dark .dark\:text-orange-400\/70) {
    color: #fb923cb3
}

:is(.dark .dark\:text-orange-400\/75) {
    color: #fb923cbf
}

:is(.dark .dark\:text-orange-400\/80) {
    color: #fb923ccc
}

:is(.dark .dark\:text-orange-400\/85) {
    color: #fb923cd9
}

:is(.dark .dark\:text-orange-400\/90) {
    color: #fb923ce6
}

:is(.dark .dark\:text-orange-400\/95) {
    color: #fb923cf2
}

:is(.dark .dark\:text-pink-400) {
    --tw-text-opacity: 1;
    color: #f472b6;
    color: rgb(244 114 182/var(--tw-text-opacity))
}

:is(.dark .dark\:text-pink-400\/0) {
    color: #f472b600
}

:is(.dark .dark\:text-pink-400\/10) {
    color: #f472b61a
}

:is(.dark .dark\:text-pink-400\/100) {
    color: #f472b6
}

:is(.dark .dark\:text-pink-400\/15) {
    color: #f472b626
}

:is(.dark .dark\:text-pink-400\/20) {
    color: #f472b633
}

:is(.dark .dark\:text-pink-400\/25) {
    color: #f472b640
}

:is(.dark .dark\:text-pink-400\/30) {
    color: #f472b64d
}

:is(.dark .dark\:text-pink-400\/35) {
    color: #f472b659
}

:is(.dark .dark\:text-pink-400\/40) {
    color: #f472b666
}

:is(.dark .dark\:text-pink-400\/45) {
    color: #f472b673
}

:is(.dark .dark\:text-pink-400\/5) {
    color: #f472b60d
}

:is(.dark .dark\:text-pink-400\/50) {
    color: #f472b680
}

:is(.dark .dark\:text-pink-400\/55) {
    color: #f472b68c
}

:is(.dark .dark\:text-pink-400\/60) {
    color: #f472b699
}

:is(.dark .dark\:text-pink-400\/65) {
    color: #f472b6a6
}

:is(.dark .dark\:text-pink-400\/70) {
    color: #f472b6b3
}

:is(.dark .dark\:text-pink-400\/75) {
    color: #f472b6bf
}

:is(.dark .dark\:text-pink-400\/80) {
    color: #f472b6cc
}

:is(.dark .dark\:text-pink-400\/85) {
    color: #f472b6d9
}

:is(.dark .dark\:text-pink-400\/90) {
    color: #f472b6e6
}

:is(.dark .dark\:text-pink-400\/95) {
    color: #f472b6f2
}

:is(.dark .dark\:text-primary-400) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-400)/1);
    color: rgb(var(--color-primary-400)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary-400\/0) {
    color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:text-primary-400\/10) {
    color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:text-primary-400\/100) {
    color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:text-primary-400\/15) {
    color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:text-primary-400\/20) {
    color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:text-primary-400\/25) {
    color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:text-primary-400\/30) {
    color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:text-primary-400\/35) {
    color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:text-primary-400\/40) {
    color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:text-primary-400\/45) {
    color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:text-primary-400\/5) {
    color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:text-primary-400\/50) {
    color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:text-primary-400\/55) {
    color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:text-primary-400\/60) {
    color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:text-primary-400\/65) {
    color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:text-primary-400\/70) {
    color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:text-primary-400\/75) {
    color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:text-primary-400\/80) {
    color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:text-primary-400\/85) {
    color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:text-primary-400\/90) {
    color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:text-primary-400\/95) {
    color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .dark\:text-purple-400) {
    --tw-text-opacity: 1;
    color: #c084fc;
    color: rgb(192 132 252/var(--tw-text-opacity))
}

:is(.dark .dark\:text-purple-400\/0) {
    color: #c084fc00
}

:is(.dark .dark\:text-purple-400\/10) {
    color: #c084fc1a
}

:is(.dark .dark\:text-purple-400\/100) {
    color: #c084fc
}

:is(.dark .dark\:text-purple-400\/15) {
    color: #c084fc26
}

:is(.dark .dark\:text-purple-400\/20) {
    color: #c084fc33
}

:is(.dark .dark\:text-purple-400\/25) {
    color: #c084fc40
}

:is(.dark .dark\:text-purple-400\/30) {
    color: #c084fc4d
}

:is(.dark .dark\:text-purple-400\/35) {
    color: #c084fc59
}

:is(.dark .dark\:text-purple-400\/40) {
    color: #c084fc66
}

:is(.dark .dark\:text-purple-400\/45) {
    color: #c084fc73
}

:is(.dark .dark\:text-purple-400\/5) {
    color: #c084fc0d
}

:is(.dark .dark\:text-purple-400\/50) {
    color: #c084fc80
}

:is(.dark .dark\:text-purple-400\/55) {
    color: #c084fc8c
}

:is(.dark .dark\:text-purple-400\/60) {
    color: #c084fc99
}

:is(.dark .dark\:text-purple-400\/65) {
    color: #c084fca6
}

:is(.dark .dark\:text-purple-400\/70) {
    color: #c084fcb3
}

:is(.dark .dark\:text-purple-400\/75) {
    color: #c084fcbf
}

:is(.dark .dark\:text-purple-400\/80) {
    color: #c084fccc
}

:is(.dark .dark\:text-purple-400\/85) {
    color: #c084fcd9
}

:is(.dark .dark\:text-purple-400\/90) {
    color: #c084fce6
}

:is(.dark .dark\:text-purple-400\/95) {
    color: #c084fcf2
}

:is(.dark .dark\:text-red-400) {
    --tw-text-opacity: 1;
    color: #f87171;
    color: rgb(248 113 113/var(--tw-text-opacity))
}

:is(.dark .dark\:text-red-400\/0) {
    color: #f8727200
}

:is(.dark .dark\:text-red-400\/10) {
    color: #f872721a
}

:is(.dark .dark\:text-red-400\/100) {
    color: #f87171
}

:is(.dark .dark\:text-red-400\/15) {
    color: #f8727226
}

:is(.dark .dark\:text-red-400\/20) {
    color: #f8727233
}

:is(.dark .dark\:text-red-400\/25) {
    color: #f8727240
}

:is(.dark .dark\:text-red-400\/30) {
    color: #f872724d
}

:is(.dark .dark\:text-red-400\/35) {
    color: #f8727259
}

:is(.dark .dark\:text-red-400\/40) {
    color: #f8727266
}

:is(.dark .dark\:text-red-400\/45) {
    color: #f8727273
}

:is(.dark .dark\:text-red-400\/5) {
    color: #f872720d
}

:is(.dark .dark\:text-red-400\/50) {
    color: #f8727280
}

:is(.dark .dark\:text-red-400\/55) {
    color: #f872728c
}

:is(.dark .dark\:text-red-400\/60) {
    color: #f8727299
}

:is(.dark .dark\:text-red-400\/65) {
    color: #f87272a6
}

:is(.dark .dark\:text-red-400\/70) {
    color: #f87272b3
}

:is(.dark .dark\:text-red-400\/75) {
    color: #f87272bf
}

:is(.dark .dark\:text-red-400\/80) {
    color: #f87272cc
}

:is(.dark .dark\:text-red-400\/85) {
    color: #f87272d9
}

:is(.dark .dark\:text-red-400\/90) {
    color: #f87272e6
}

:is(.dark .dark\:text-red-400\/95) {
    color: #f87272f2
}

:is(.dark .dark\:text-rose-400) {
    --tw-text-opacity: 1;
    color: #fb7185;
    color: rgb(251 113 133/var(--tw-text-opacity))
}

:is(.dark .dark\:text-rose-400\/0) {
    color: #fb718500
}

:is(.dark .dark\:text-rose-400\/10) {
    color: #fb71851a
}

:is(.dark .dark\:text-rose-400\/100) {
    color: #fb7185
}

:is(.dark .dark\:text-rose-400\/15) {
    color: #fb718526
}

:is(.dark .dark\:text-rose-400\/20) {
    color: #fb718533
}

:is(.dark .dark\:text-rose-400\/25) {
    color: #fb718540
}

:is(.dark .dark\:text-rose-400\/30) {
    color: #fb71854d
}

:is(.dark .dark\:text-rose-400\/35) {
    color: #fb718559
}

:is(.dark .dark\:text-rose-400\/40) {
    color: #fb718566
}

:is(.dark .dark\:text-rose-400\/45) {
    color: #fb718573
}

:is(.dark .dark\:text-rose-400\/5) {
    color: #fb71850d
}

:is(.dark .dark\:text-rose-400\/50) {
    color: #fb718580
}

:is(.dark .dark\:text-rose-400\/55) {
    color: #fb71858c
}

:is(.dark .dark\:text-rose-400\/60) {
    color: #fb718599
}

:is(.dark .dark\:text-rose-400\/65) {
    color: #fb7185a6
}

:is(.dark .dark\:text-rose-400\/70) {
    color: #fb7185b3
}

:is(.dark .dark\:text-rose-400\/75) {
    color: #fb7185bf
}

:is(.dark .dark\:text-rose-400\/80) {
    color: #fb7185cc
}

:is(.dark .dark\:text-rose-400\/85) {
    color: #fb7185d9
}

:is(.dark .dark\:text-rose-400\/90) {
    color: #fb7185e6
}

:is(.dark .dark\:text-rose-400\/95) {
    color: #fb7185f2
}

:is(.dark .dark\:text-sky-400) {
    --tw-text-opacity: 1;
    color: #38bdf8;
    color: rgb(56 189 248/var(--tw-text-opacity))
}

:is(.dark .dark\:text-sky-400\/0) {
    color: #38bdf800
}

:is(.dark .dark\:text-sky-400\/10) {
    color: #38bdf81a
}

:is(.dark .dark\:text-sky-400\/100) {
    color: #38bdf8
}

:is(.dark .dark\:text-sky-400\/15) {
    color: #38bdf826
}

:is(.dark .dark\:text-sky-400\/20) {
    color: #38bdf833
}

:is(.dark .dark\:text-sky-400\/25) {
    color: #38bdf840
}

:is(.dark .dark\:text-sky-400\/30) {
    color: #38bdf84d
}

:is(.dark .dark\:text-sky-400\/35) {
    color: #38bdf859
}

:is(.dark .dark\:text-sky-400\/40) {
    color: #38bdf866
}

:is(.dark .dark\:text-sky-400\/45) {
    color: #38bdf873
}

:is(.dark .dark\:text-sky-400\/5) {
    color: #38bdf80d
}

:is(.dark .dark\:text-sky-400\/50) {
    color: #38bdf880
}

:is(.dark .dark\:text-sky-400\/55) {
    color: #38bdf88c
}

:is(.dark .dark\:text-sky-400\/60) {
    color: #38bdf899
}

:is(.dark .dark\:text-sky-400\/65) {
    color: #38bdf8a6
}

:is(.dark .dark\:text-sky-400\/70) {
    color: #38bdf8b3
}

:is(.dark .dark\:text-sky-400\/75) {
    color: #38bdf8bf
}

:is(.dark .dark\:text-sky-400\/80) {
    color: #38bdf8cc
}

:is(.dark .dark\:text-sky-400\/85) {
    color: #38bdf8d9
}

:is(.dark .dark\:text-sky-400\/90) {
    color: #38bdf8e6
}

:is(.dark .dark\:text-sky-400\/95) {
    color: #38bdf8f2
}

:is(.dark .dark\:text-teal-400) {
    --tw-text-opacity: 1;
    color: #2dd4bf;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

:is(.dark .dark\:text-teal-400\/0) {
    color: #2dd4bf00
}

:is(.dark .dark\:text-teal-400\/10) {
    color: #2dd4bf1a
}

:is(.dark .dark\:text-teal-400\/100) {
    color: #2dd4bf
}

:is(.dark .dark\:text-teal-400\/15) {
    color: #2dd4bf26
}

:is(.dark .dark\:text-teal-400\/20) {
    color: #2dd4bf33
}

:is(.dark .dark\:text-teal-400\/25) {
    color: #2dd4bf40
}

:is(.dark .dark\:text-teal-400\/30) {
    color: #2dd4bf4d
}

:is(.dark .dark\:text-teal-400\/35) {
    color: #2dd4bf59
}

:is(.dark .dark\:text-teal-400\/40) {
    color: #2dd4bf66
}

:is(.dark .dark\:text-teal-400\/45) {
    color: #2dd4bf73
}

:is(.dark .dark\:text-teal-400\/5) {
    color: #2dd4bf0d
}

:is(.dark .dark\:text-teal-400\/50) {
    color: #2dd4bf80
}

:is(.dark .dark\:text-teal-400\/55) {
    color: #2dd4bf8c
}

:is(.dark .dark\:text-teal-400\/60) {
    color: #2dd4bf99
}

:is(.dark .dark\:text-teal-400\/65) {
    color: #2dd4bfa6
}

:is(.dark .dark\:text-teal-400\/70) {
    color: #2dd4bfb3
}

:is(.dark .dark\:text-teal-400\/75) {
    color: #2dd4bfbf
}

:is(.dark .dark\:text-teal-400\/80) {
    color: #2dd4bfcc
}

:is(.dark .dark\:text-teal-400\/85) {
    color: #2dd4bfd9
}

:is(.dark .dark\:text-teal-400\/90) {
    color: #2dd4bfe6
}

:is(.dark .dark\:text-teal-400\/95) {
    color: #2dd4bff2
}

:is(.dark .dark\:text-violet-400) {
    --tw-text-opacity: 1;
    color: #a78bfa;
    color: rgb(167 139 250/var(--tw-text-opacity))
}

:is(.dark .dark\:text-violet-400\/0) {
    color: #a78bfa00
}

:is(.dark .dark\:text-violet-400\/10) {
    color: #a78bfa1a
}

:is(.dark .dark\:text-violet-400\/100) {
    color: #a78bfa
}

:is(.dark .dark\:text-violet-400\/15) {
    color: #a78bfa26
}

:is(.dark .dark\:text-violet-400\/20) {
    color: #a78bfa33
}

:is(.dark .dark\:text-violet-400\/25) {
    color: #a78bfa40
}

:is(.dark .dark\:text-violet-400\/30) {
    color: #a78bfa4d
}

:is(.dark .dark\:text-violet-400\/35) {
    color: #a78bfa59
}

:is(.dark .dark\:text-violet-400\/40) {
    color: #a78bfa66
}

:is(.dark .dark\:text-violet-400\/45) {
    color: #a78bfa73
}

:is(.dark .dark\:text-violet-400\/5) {
    color: #a78bfa0d
}

:is(.dark .dark\:text-violet-400\/50) {
    color: #a78bfa80
}

:is(.dark .dark\:text-violet-400\/55) {
    color: #a78bfa8c
}

:is(.dark .dark\:text-violet-400\/60) {
    color: #a78bfa99
}

:is(.dark .dark\:text-violet-400\/65) {
    color: #a78bfaa6
}

:is(.dark .dark\:text-violet-400\/70) {
    color: #a78bfab3
}

:is(.dark .dark\:text-violet-400\/75) {
    color: #a78bfabf
}

:is(.dark .dark\:text-violet-400\/80) {
    color: #a78bfacc
}

:is(.dark .dark\:text-violet-400\/85) {
    color: #a78bfad9
}

:is(.dark .dark\:text-violet-400\/90) {
    color: #a78bfae6
}

:is(.dark .dark\:text-violet-400\/95) {
    color: #a78bfaf2
}

:is(.dark .dark\:text-white) {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:text-yellow-400) {
    --tw-text-opacity: 1;
    color: #facc15;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

:is(.dark .dark\:text-yellow-400\/0) {
    color: #facc1500
}

:is(.dark .dark\:text-yellow-400\/10) {
    color: #facc151a
}

:is(.dark .dark\:text-yellow-400\/100) {
    color: #facc15
}

:is(.dark .dark\:text-yellow-400\/15) {
    color: #facc1526
}

:is(.dark .dark\:text-yellow-400\/20) {
    color: #facc1533
}

:is(.dark .dark\:text-yellow-400\/25) {
    color: #facc1540
}

:is(.dark .dark\:text-yellow-400\/30) {
    color: #facc154d
}

:is(.dark .dark\:text-yellow-400\/35) {
    color: #facc1559
}

:is(.dark .dark\:text-yellow-400\/40) {
    color: #facc1566
}

:is(.dark .dark\:text-yellow-400\/45) {
    color: #facc1573
}

:is(.dark .dark\:text-yellow-400\/5) {
    color: #facc150d
}

:is(.dark .dark\:text-yellow-400\/50) {
    color: #facc1580
}

:is(.dark .dark\:text-yellow-400\/55) {
    color: #facc158c
}

:is(.dark .dark\:text-yellow-400\/60) {
    color: #facc1599
}

:is(.dark .dark\:text-yellow-400\/65) {
    color: #facc15a6
}

:is(.dark .dark\:text-yellow-400\/70) {
    color: #facc15b3
}

:is(.dark .dark\:text-yellow-400\/75) {
    color: #facc15bf
}

:is(.dark .dark\:text-yellow-400\/80) {
    color: #facc15cc
}

:is(.dark .dark\:text-yellow-400\/85) {
    color: #facc15d9
}

:is(.dark .dark\:text-yellow-400\/90) {
    color: #facc15e6
}

:is(.dark .dark\:text-yellow-400\/95) {
    color: #facc15f2
}

:is(.dark .dark\:placeholder-gray-500)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-500)/1);
    color: rgb(var(--color-gray-500)/var(--tw-placeholder-opacity))
}

:is(.dark .dark\:ring-gray-700) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-700)/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-gray-800) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-800)/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-gray-900) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-900)/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-primary-400) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-primary-400\/0) {
    --tw-ring-color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:ring-primary-400\/10) {
    --tw-ring-color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:ring-primary-400\/100) {
    --tw-ring-color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:ring-primary-400\/15) {
    --tw-ring-color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:ring-primary-400\/20) {
    --tw-ring-color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:ring-primary-400\/25) {
    --tw-ring-color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:ring-primary-400\/30) {
    --tw-ring-color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:ring-primary-400\/35) {
    --tw-ring-color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:ring-primary-400\/40) {
    --tw-ring-color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:ring-primary-400\/45) {
    --tw-ring-color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:ring-primary-400\/5) {
    --tw-ring-color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:ring-primary-400\/50) {
    --tw-ring-color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:ring-primary-400\/55) {
    --tw-ring-color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:ring-primary-400\/60) {
    --tw-ring-color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:ring-primary-400\/65) {
    --tw-ring-color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:ring-primary-400\/70) {
    --tw-ring-color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:ring-primary-400\/75) {
    --tw-ring-color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:ring-primary-400\/80) {
    --tw-ring-color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:ring-primary-400\/85) {
    --tw-ring-color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:ring-primary-400\/90) {
    --tw-ring-color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:ring-primary-400\/95) {
    --tw-ring-color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .dark\:ring-red-400) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-red-400\/0) {
    --tw-ring-color: hsla(0, 91%, 71%, 0)
}

:is(.dark .dark\:ring-red-400\/10) {
    --tw-ring-color: hsla(0, 91%, 71%, .1)
}

:is(.dark .dark\:ring-red-400\/100) {
    --tw-ring-color: #f87171
}

:is(.dark .dark\:ring-red-400\/15) {
    --tw-ring-color: hsla(0, 91%, 71%, .15)
}

:is(.dark .dark\:ring-red-400\/20) {
    --tw-ring-color: hsla(0, 91%, 71%, .2)
}

:is(.dark .dark\:ring-red-400\/25) {
    --tw-ring-color: hsla(0, 91%, 71%, .25)
}

:is(.dark .dark\:ring-red-400\/30) {
    --tw-ring-color: hsla(0, 91%, 71%, .3)
}

:is(.dark .dark\:ring-red-400\/35) {
    --tw-ring-color: hsla(0, 91%, 71%, .35)
}

:is(.dark .dark\:ring-red-400\/40) {
    --tw-ring-color: hsla(0, 91%, 71%, .4)
}

:is(.dark .dark\:ring-red-400\/45) {
    --tw-ring-color: hsla(0, 91%, 71%, .45)
}

:is(.dark .dark\:ring-red-400\/5) {
    --tw-ring-color: hsla(0, 91%, 71%, .05)
}

:is(.dark .dark\:ring-red-400\/50) {
    --tw-ring-color: hsla(0, 91%, 71%, .5)
}

:is(.dark .dark\:ring-red-400\/55) {
    --tw-ring-color: hsla(0, 91%, 71%, .55)
}

:is(.dark .dark\:ring-red-400\/60) {
    --tw-ring-color: hsla(0, 91%, 71%, .6)
}

:is(.dark .dark\:ring-red-400\/65) {
    --tw-ring-color: hsla(0, 91%, 71%, .65)
}

:is(.dark .dark\:ring-red-400\/70) {
    --tw-ring-color: hsla(0, 91%, 71%, .7)
}

:is(.dark .dark\:ring-red-400\/75) {
    --tw-ring-color: hsla(0, 91%, 71%, .75)
}

:is(.dark .dark\:ring-red-400\/80) {
    --tw-ring-color: hsla(0, 91%, 71%, .8)
}

:is(.dark .dark\:ring-red-400\/85) {
    --tw-ring-color: hsla(0, 91%, 71%, .85)
}

:is(.dark .dark\:ring-red-400\/90) {
    --tw-ring-color: hsla(0, 91%, 71%, .9)
}

:is(.dark .dark\:ring-red-400\/95) {
    --tw-ring-color: hsla(0, 91%, 71%, .95)
}

:is(.dark .dark\:ring-opacity-25) {
    --tw-ring-opacity: .25
}

:is(.dark .dark\:before\:bg-gray-700):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/1);
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity));
    content: var(--tw-content)
}

:is(.dark .dark\:before\:bg-gray-800):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/1);
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity));
    content: var(--tw-content)
}

:is(.dark .dark\:before\:ring-gray-700):before {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-700)/var(--tw-ring-opacity));
    content: var(--tw-content)
}

:is(.dark .dark\:before\:ring-gray-800):before {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-800)/var(--tw-ring-opacity));
    content: var(--tw-content)
}

:is(.dark .dark\:after\:text-red-400):after {
    --tw-text-opacity: 1;
    color: #f87171;
    color: rgb(248 113 113/var(--tw-text-opacity));
    content: var(--tw-content)
}

:is(.dark .dark\:checked\:border-transparent:checked) {
    border-color: transparent
}

:is(.dark .dark\:checked\:bg-current:checked) {
    background-color: currentColor
}

:is(.dark .dark\:indeterminate\:border-transparent:indeterminate) {
    border-color: transparent
}

:is(.dark .dark\:indeterminate\:bg-current:indeterminate) {
    background-color: currentColor
}

:is(.dark .dark\:hover\:bg-gray-100:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/1);
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-gray-700\/50:hover) {
    background-color: rgb(var(--color-gray-700)/.5)
}

:is(.dark .dark\:hover\:bg-gray-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/1);
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-gray-800\/50:hover) {
    background-color: rgb(var(--color-gray-800)/.5)
}

:is(.dark .dark\:hover\:bg-gray-900:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/1);
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-primary-500:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-500)/1);
    background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-primary-500\/0:hover) {
    background-color: rgb(var(--color-primary-500)/0)
}

:is(.dark .dark\:hover\:bg-primary-500\/10:hover) {
    background-color: rgb(var(--color-primary-500)/.1)
}

:is(.dark .dark\:hover\:bg-primary-500\/100:hover) {
    background-color: rgb(var(--color-primary-500)/1)
}

:is(.dark .dark\:hover\:bg-primary-500\/15:hover) {
    background-color: rgb(var(--color-primary-500)/.15)
}

:is(.dark .dark\:hover\:bg-primary-500\/20:hover) {
    background-color: rgb(var(--color-primary-500)/.2)
}

:is(.dark .dark\:hover\:bg-primary-500\/25:hover) {
    background-color: rgb(var(--color-primary-500)/.25)
}

:is(.dark .dark\:hover\:bg-primary-500\/30:hover) {
    background-color: rgb(var(--color-primary-500)/.3)
}

:is(.dark .dark\:hover\:bg-primary-500\/35:hover) {
    background-color: rgb(var(--color-primary-500)/.35)
}

:is(.dark .dark\:hover\:bg-primary-500\/40:hover) {
    background-color: rgb(var(--color-primary-500)/.4)
}

:is(.dark .dark\:hover\:bg-primary-500\/45:hover) {
    background-color: rgb(var(--color-primary-500)/.45)
}

:is(.dark .dark\:hover\:bg-primary-500\/5:hover) {
    background-color: rgb(var(--color-primary-500)/.05)
}

:is(.dark .dark\:hover\:bg-primary-500\/50:hover) {
    background-color: rgb(var(--color-primary-500)/.5)
}

:is(.dark .dark\:hover\:bg-primary-500\/55:hover) {
    background-color: rgb(var(--color-primary-500)/.55)
}

:is(.dark .dark\:hover\:bg-primary-500\/60:hover) {
    background-color: rgb(var(--color-primary-500)/.6)
}

:is(.dark .dark\:hover\:bg-primary-500\/65:hover) {
    background-color: rgb(var(--color-primary-500)/.65)
}

:is(.dark .dark\:hover\:bg-primary-500\/70:hover) {
    background-color: rgb(var(--color-primary-500)/.7)
}

:is(.dark .dark\:hover\:bg-primary-500\/75:hover) {
    background-color: rgb(var(--color-primary-500)/.75)
}

:is(.dark .dark\:hover\:bg-primary-500\/80:hover) {
    background-color: rgb(var(--color-primary-500)/.8)
}

:is(.dark .dark\:hover\:bg-primary-500\/85:hover) {
    background-color: rgb(var(--color-primary-500)/.85)
}

:is(.dark .dark\:hover\:bg-primary-500\/90:hover) {
    background-color: rgb(var(--color-primary-500)/.9)
}

:is(.dark .dark\:hover\:bg-primary-500\/95:hover) {
    background-color: rgb(var(--color-primary-500)/.95)
}

:is(.dark .dark\:hover\:bg-primary-900:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-900)/1);
    background-color: rgb(var(--color-primary-900)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-primary-900\/0:hover) {
    background-color: rgb(var(--color-primary-900)/0)
}

:is(.dark .dark\:hover\:bg-primary-900\/10:hover) {
    background-color: rgb(var(--color-primary-900)/.1)
}

:is(.dark .dark\:hover\:bg-primary-900\/100:hover) {
    background-color: rgb(var(--color-primary-900)/1)
}

:is(.dark .dark\:hover\:bg-primary-900\/15:hover) {
    background-color: rgb(var(--color-primary-900)/.15)
}

:is(.dark .dark\:hover\:bg-primary-900\/20:hover) {
    background-color: rgb(var(--color-primary-900)/.2)
}

:is(.dark .dark\:hover\:bg-primary-900\/25:hover) {
    background-color: rgb(var(--color-primary-900)/.25)
}

:is(.dark .dark\:hover\:bg-primary-900\/30:hover) {
    background-color: rgb(var(--color-primary-900)/.3)
}

:is(.dark .dark\:hover\:bg-primary-900\/35:hover) {
    background-color: rgb(var(--color-primary-900)/.35)
}

:is(.dark .dark\:hover\:bg-primary-900\/40:hover) {
    background-color: rgb(var(--color-primary-900)/.4)
}

:is(.dark .dark\:hover\:bg-primary-900\/45:hover) {
    background-color: rgb(var(--color-primary-900)/.45)
}

:is(.dark .dark\:hover\:bg-primary-900\/5:hover) {
    background-color: rgb(var(--color-primary-900)/.05)
}

:is(.dark .dark\:hover\:bg-primary-900\/50:hover) {
    background-color: rgb(var(--color-primary-900)/.5)
}

:is(.dark .dark\:hover\:bg-primary-900\/55:hover) {
    background-color: rgb(var(--color-primary-900)/.55)
}

:is(.dark .dark\:hover\:bg-primary-900\/60:hover) {
    background-color: rgb(var(--color-primary-900)/.6)
}

:is(.dark .dark\:hover\:bg-primary-900\/65:hover) {
    background-color: rgb(var(--color-primary-900)/.65)
}

:is(.dark .dark\:hover\:bg-primary-900\/70:hover) {
    background-color: rgb(var(--color-primary-900)/.7)
}

:is(.dark .dark\:hover\:bg-primary-900\/75:hover) {
    background-color: rgb(var(--color-primary-900)/.75)
}

:is(.dark .dark\:hover\:bg-primary-900\/80:hover) {
    background-color: rgb(var(--color-primary-900)/.8)
}

:is(.dark .dark\:hover\:bg-primary-900\/85:hover) {
    background-color: rgb(var(--color-primary-900)/.85)
}

:is(.dark .dark\:hover\:bg-primary-900\/90:hover) {
    background-color: rgb(var(--color-primary-900)/.9)
}

:is(.dark .dark\:hover\:bg-primary-900\/95:hover) {
    background-color: rgb(var(--color-primary-900)/.95)
}

:is(.dark .dark\:hover\:bg-primary-950:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-950)/1);
    background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-primary-950\/0:hover) {
    background-color: rgb(var(--color-primary-950)/0)
}

:is(.dark .dark\:hover\:bg-primary-950\/10:hover) {
    background-color: rgb(var(--color-primary-950)/.1)
}

:is(.dark .dark\:hover\:bg-primary-950\/100:hover) {
    background-color: rgb(var(--color-primary-950)/1)
}

:is(.dark .dark\:hover\:bg-primary-950\/15:hover) {
    background-color: rgb(var(--color-primary-950)/.15)
}

:is(.dark .dark\:hover\:bg-primary-950\/20:hover) {
    background-color: rgb(var(--color-primary-950)/.2)
}

:is(.dark .dark\:hover\:bg-primary-950\/25:hover) {
    background-color: rgb(var(--color-primary-950)/.25)
}

:is(.dark .dark\:hover\:bg-primary-950\/30:hover) {
    background-color: rgb(var(--color-primary-950)/.3)
}

:is(.dark .dark\:hover\:bg-primary-950\/35:hover) {
    background-color: rgb(var(--color-primary-950)/.35)
}

:is(.dark .dark\:hover\:bg-primary-950\/40:hover) {
    background-color: rgb(var(--color-primary-950)/.4)
}

:is(.dark .dark\:hover\:bg-primary-950\/45:hover) {
    background-color: rgb(var(--color-primary-950)/.45)
}

:is(.dark .dark\:hover\:bg-primary-950\/5:hover) {
    background-color: rgb(var(--color-primary-950)/.05)
}

:is(.dark .dark\:hover\:bg-primary-950\/50:hover) {
    background-color: rgb(var(--color-primary-950)/.5)
}

:is(.dark .dark\:hover\:bg-primary-950\/55:hover) {
    background-color: rgb(var(--color-primary-950)/.55)
}

:is(.dark .dark\:hover\:bg-primary-950\/60:hover) {
    background-color: rgb(var(--color-primary-950)/.6)
}

:is(.dark .dark\:hover\:bg-primary-950\/65:hover) {
    background-color: rgb(var(--color-primary-950)/.65)
}

:is(.dark .dark\:hover\:bg-primary-950\/70:hover) {
    background-color: rgb(var(--color-primary-950)/.7)
}

:is(.dark .dark\:hover\:bg-primary-950\/75:hover) {
    background-color: rgb(var(--color-primary-950)/.75)
}

:is(.dark .dark\:hover\:bg-primary-950\/80:hover) {
    background-color: rgb(var(--color-primary-950)/.8)
}

:is(.dark .dark\:hover\:bg-primary-950\/85:hover) {
    background-color: rgb(var(--color-primary-950)/.85)
}

:is(.dark .dark\:hover\:bg-primary-950\/90:hover) {
    background-color: rgb(var(--color-primary-950)/.9)
}

:is(.dark .dark\:hover\:bg-primary-950\/95:hover) {
    background-color: rgb(var(--color-primary-950)/.95)
}

:is(.dark .dark\:hover\:text-gray-200:hover) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/1);
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-primary-500:hover) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-500)/1);
    color: rgb(var(--color-primary-500)/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-primary-500\/0:hover) {
    color: rgb(var(--color-primary-500)/0)
}

:is(.dark .dark\:hover\:text-primary-500\/10:hover) {
    color: rgb(var(--color-primary-500)/.1)
}

:is(.dark .dark\:hover\:text-primary-500\/100:hover) {
    color: rgb(var(--color-primary-500)/1)
}

:is(.dark .dark\:hover\:text-primary-500\/15:hover) {
    color: rgb(var(--color-primary-500)/.15)
}

:is(.dark .dark\:hover\:text-primary-500\/20:hover) {
    color: rgb(var(--color-primary-500)/.2)
}

:is(.dark .dark\:hover\:text-primary-500\/25:hover) {
    color: rgb(var(--color-primary-500)/.25)
}

:is(.dark .dark\:hover\:text-primary-500\/30:hover) {
    color: rgb(var(--color-primary-500)/.3)
}

:is(.dark .dark\:hover\:text-primary-500\/35:hover) {
    color: rgb(var(--color-primary-500)/.35)
}

:is(.dark .dark\:hover\:text-primary-500\/40:hover) {
    color: rgb(var(--color-primary-500)/.4)
}

:is(.dark .dark\:hover\:text-primary-500\/45:hover) {
    color: rgb(var(--color-primary-500)/.45)
}

:is(.dark .dark\:hover\:text-primary-500\/5:hover) {
    color: rgb(var(--color-primary-500)/.05)
}

:is(.dark .dark\:hover\:text-primary-500\/50:hover) {
    color: rgb(var(--color-primary-500)/.5)
}

:is(.dark .dark\:hover\:text-primary-500\/55:hover) {
    color: rgb(var(--color-primary-500)/.55)
}

:is(.dark .dark\:hover\:text-primary-500\/60:hover) {
    color: rgb(var(--color-primary-500)/.6)
}

:is(.dark .dark\:hover\:text-primary-500\/65:hover) {
    color: rgb(var(--color-primary-500)/.65)
}

:is(.dark .dark\:hover\:text-primary-500\/70:hover) {
    color: rgb(var(--color-primary-500)/.7)
}

:is(.dark .dark\:hover\:text-primary-500\/75:hover) {
    color: rgb(var(--color-primary-500)/.75)
}

:is(.dark .dark\:hover\:text-primary-500\/80:hover) {
    color: rgb(var(--color-primary-500)/.8)
}

:is(.dark .dark\:hover\:text-primary-500\/85:hover) {
    color: rgb(var(--color-primary-500)/.85)
}

:is(.dark .dark\:hover\:text-primary-500\/90:hover) {
    color: rgb(var(--color-primary-500)/.9)
}

:is(.dark .dark\:hover\:text-primary-500\/95:hover) {
    color: rgb(var(--color-primary-500)/.95)
}

:is(.dark .dark\:hover\:text-white:hover) {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:before\:bg-gray-800\/50:hover):before {
    background-color: rgb(var(--color-gray-800)/.5);
    content: var(--tw-content)
}

:is(.dark .dark\:focus\:ring-primary-400:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity))
}

:is(.dark .dark\:focus\:ring-primary-400\/0:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:focus\:ring-primary-400\/10:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:focus\:ring-primary-400\/100:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:focus\:ring-primary-400\/15:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:focus\:ring-primary-400\/20:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:focus\:ring-primary-400\/25:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:focus\:ring-primary-400\/30:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:focus\:ring-primary-400\/35:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:focus\:ring-primary-400\/40:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:focus\:ring-primary-400\/45:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:focus\:ring-primary-400\/5:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:focus\:ring-primary-400\/50:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:focus\:ring-primary-400\/55:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:focus\:ring-primary-400\/60:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:focus\:ring-primary-400\/65:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:focus\:ring-primary-400\/70:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:focus\:ring-primary-400\/75:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:focus\:ring-primary-400\/80:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:focus\:ring-primary-400\/85:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:focus\:ring-primary-400\/90:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:focus\:ring-primary-400\/95:focus) {
    --tw-ring-color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .dark\:focus\:ring-red-400:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity))
}

:is(.dark .dark\:focus\:ring-red-400\/0:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, 0)
}

:is(.dark .dark\:focus\:ring-red-400\/10:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .1)
}

:is(.dark .dark\:focus\:ring-red-400\/100:focus) {
    --tw-ring-color: #f87171
}

:is(.dark .dark\:focus\:ring-red-400\/15:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .15)
}

:is(.dark .dark\:focus\:ring-red-400\/20:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .2)
}

:is(.dark .dark\:focus\:ring-red-400\/25:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .25)
}

:is(.dark .dark\:focus\:ring-red-400\/30:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .3)
}

:is(.dark .dark\:focus\:ring-red-400\/35:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .35)
}

:is(.dark .dark\:focus\:ring-red-400\/40:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .4)
}

:is(.dark .dark\:focus\:ring-red-400\/45:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .45)
}

:is(.dark .dark\:focus\:ring-red-400\/5:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .05)
}

:is(.dark .dark\:focus\:ring-red-400\/50:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .5)
}

:is(.dark .dark\:focus\:ring-red-400\/55:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .55)
}

:is(.dark .dark\:focus\:ring-red-400\/60:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .6)
}

:is(.dark .dark\:focus\:ring-red-400\/65:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .65)
}

:is(.dark .dark\:focus\:ring-red-400\/70:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .7)
}

:is(.dark .dark\:focus\:ring-red-400\/75:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .75)
}

:is(.dark .dark\:focus\:ring-red-400\/80:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .8)
}

:is(.dark .dark\:focus\:ring-red-400\/85:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .85)
}

:is(.dark .dark\:focus\:ring-red-400\/90:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .9)
}

:is(.dark .dark\:focus\:ring-red-400\/95:focus) {
    --tw-ring-color: hsla(0, 91%, 71%, .95)
}

:is(.dark .dark\:focus-visible\:outline-none:focus-visible) {
    outline: 2px solid transparent;
    outline-offset: 2px
}

:is(.dark .dark\:focus-visible\:outline-primary-400:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/0:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/10:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/100:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/15:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/20:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/25:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/30:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/35:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/40:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/45:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/5:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/50:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/55:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/60:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/65:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/70:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/75:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/80:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/85:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/90:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:focus-visible\:outline-primary-400\/95:focus-visible) {
    outline-color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .dark\:focus-visible\:ring-primary-400:focus-visible) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity))
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/0:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/10:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/100:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/15:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/20:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/25:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/30:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/35:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/40:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/45:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/5:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/50:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/55:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/60:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/65:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/70:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/75:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/80:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/85:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/90:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:focus-visible\:ring-primary-400\/95:focus-visible) {
    --tw-ring-color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .dark\:focus-visible\:ring-red-400:focus-visible) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity))
}

:is(.dark .dark\:focus-visible\:ring-red-400\/0:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, 0)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/10:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .1)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/100:focus-visible) {
    --tw-ring-color: #f87171
}

:is(.dark .dark\:focus-visible\:ring-red-400\/15:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .15)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/20:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .2)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/25:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .25)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/30:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .3)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/35:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .35)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/40:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .4)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/45:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .45)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/5:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .05)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/50:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .5)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/55:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .55)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/60:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .6)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/65:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .65)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/70:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .7)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/75:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .75)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/80:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .8)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/85:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .85)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/90:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .9)
}

:is(.dark .dark\:focus-visible\:ring-red-400\/95:focus-visible) {
    --tw-ring-color: hsla(0, 91%, 71%, .95)
}

:is(.dark .dark\:focus-visible\:ring-offset-gray-900:focus-visible) {
    --tw-ring-offset-color: rgb(var(--color-gray-900)/1)
}

:is(.dark .dark\:focus-visible\:before\:ring-primary-400:focus-visible):before {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity));
    content: var(--tw-content)
}

:is(.dark .dark\:disabled\:bg-gray-800:disabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/1);
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
}

:is(.dark .dark\:disabled\:bg-gray-900:disabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/1);
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

:is(.dark .dark\:disabled\:bg-primary-400:disabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-400)/1);
    background-color: rgb(var(--color-primary-400)/var(--tw-bg-opacity))
}

:is(.dark .dark\:disabled\:bg-primary-400\/0:disabled) {
    background-color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:disabled\:bg-primary-400\/10:disabled) {
    background-color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:disabled\:bg-primary-400\/100:disabled) {
    background-color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:disabled\:bg-primary-400\/15:disabled) {
    background-color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:disabled\:bg-primary-400\/20:disabled) {
    background-color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:disabled\:bg-primary-400\/25:disabled) {
    background-color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:disabled\:bg-primary-400\/30:disabled) {
    background-color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:disabled\:bg-primary-400\/35:disabled) {
    background-color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:disabled\:bg-primary-400\/40:disabled) {
    background-color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:disabled\:bg-primary-400\/45:disabled) {
    background-color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:disabled\:bg-primary-400\/5:disabled) {
    background-color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:disabled\:bg-primary-400\/50:disabled) {
    background-color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:disabled\:bg-primary-400\/55:disabled) {
    background-color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:disabled\:bg-primary-400\/60:disabled) {
    background-color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:disabled\:bg-primary-400\/65:disabled) {
    background-color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:disabled\:bg-primary-400\/70:disabled) {
    background-color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:disabled\:bg-primary-400\/75:disabled) {
    background-color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:disabled\:bg-primary-400\/80:disabled) {
    background-color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:disabled\:bg-primary-400\/85:disabled) {
    background-color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:disabled\:bg-primary-400\/90:disabled) {
    background-color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:disabled\:bg-primary-400\/95:disabled) {
    background-color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .dark\:disabled\:bg-primary-950:disabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-950)/1);
    background-color: rgb(var(--color-primary-950)/var(--tw-bg-opacity))
}

:is(.dark .dark\:disabled\:bg-primary-950\/0:disabled) {
    background-color: rgb(var(--color-primary-950)/0)
}

:is(.dark .dark\:disabled\:bg-primary-950\/10:disabled) {
    background-color: rgb(var(--color-primary-950)/.1)
}

:is(.dark .dark\:disabled\:bg-primary-950\/100:disabled) {
    background-color: rgb(var(--color-primary-950)/1)
}

:is(.dark .dark\:disabled\:bg-primary-950\/15:disabled) {
    background-color: rgb(var(--color-primary-950)/.15)
}

:is(.dark .dark\:disabled\:bg-primary-950\/20:disabled) {
    background-color: rgb(var(--color-primary-950)/.2)
}

:is(.dark .dark\:disabled\:bg-primary-950\/25:disabled) {
    background-color: rgb(var(--color-primary-950)/.25)
}

:is(.dark .dark\:disabled\:bg-primary-950\/30:disabled) {
    background-color: rgb(var(--color-primary-950)/.3)
}

:is(.dark .dark\:disabled\:bg-primary-950\/35:disabled) {
    background-color: rgb(var(--color-primary-950)/.35)
}

:is(.dark .dark\:disabled\:bg-primary-950\/40:disabled) {
    background-color: rgb(var(--color-primary-950)/.4)
}

:is(.dark .dark\:disabled\:bg-primary-950\/45:disabled) {
    background-color: rgb(var(--color-primary-950)/.45)
}

:is(.dark .dark\:disabled\:bg-primary-950\/5:disabled) {
    background-color: rgb(var(--color-primary-950)/.05)
}

:is(.dark .dark\:disabled\:bg-primary-950\/50:disabled) {
    background-color: rgb(var(--color-primary-950)/.5)
}

:is(.dark .dark\:disabled\:bg-primary-950\/55:disabled) {
    background-color: rgb(var(--color-primary-950)/.55)
}

:is(.dark .dark\:disabled\:bg-primary-950\/60:disabled) {
    background-color: rgb(var(--color-primary-950)/.6)
}

:is(.dark .dark\:disabled\:bg-primary-950\/65:disabled) {
    background-color: rgb(var(--color-primary-950)/.65)
}

:is(.dark .dark\:disabled\:bg-primary-950\/70:disabled) {
    background-color: rgb(var(--color-primary-950)/.7)
}

:is(.dark .dark\:disabled\:bg-primary-950\/75:disabled) {
    background-color: rgb(var(--color-primary-950)/.75)
}

:is(.dark .dark\:disabled\:bg-primary-950\/80:disabled) {
    background-color: rgb(var(--color-primary-950)/.8)
}

:is(.dark .dark\:disabled\:bg-primary-950\/85:disabled) {
    background-color: rgb(var(--color-primary-950)/.85)
}

:is(.dark .dark\:disabled\:bg-primary-950\/90:disabled) {
    background-color: rgb(var(--color-primary-950)/.9)
}

:is(.dark .dark\:disabled\:bg-primary-950\/95:disabled) {
    background-color: rgb(var(--color-primary-950)/.95)
}

:is(.dark .dark\:disabled\:bg-transparent:disabled) {
    background-color: transparent
}

:is(.dark .dark\:disabled\:bg-white:disabled) {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.dark .dark\:disabled\:text-primary-400:disabled) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-400)/1);
    color: rgb(var(--color-primary-400)/var(--tw-text-opacity))
}

:is(.dark .dark\:disabled\:text-primary-400\/0:disabled) {
    color: rgb(var(--color-primary-400)/0)
}

:is(.dark .dark\:disabled\:text-primary-400\/10:disabled) {
    color: rgb(var(--color-primary-400)/.1)
}

:is(.dark .dark\:disabled\:text-primary-400\/100:disabled) {
    color: rgb(var(--color-primary-400)/1)
}

:is(.dark .dark\:disabled\:text-primary-400\/15:disabled) {
    color: rgb(var(--color-primary-400)/.15)
}

:is(.dark .dark\:disabled\:text-primary-400\/20:disabled) {
    color: rgb(var(--color-primary-400)/.2)
}

:is(.dark .dark\:disabled\:text-primary-400\/25:disabled) {
    color: rgb(var(--color-primary-400)/.25)
}

:is(.dark .dark\:disabled\:text-primary-400\/30:disabled) {
    color: rgb(var(--color-primary-400)/.3)
}

:is(.dark .dark\:disabled\:text-primary-400\/35:disabled) {
    color: rgb(var(--color-primary-400)/.35)
}

:is(.dark .dark\:disabled\:text-primary-400\/40:disabled) {
    color: rgb(var(--color-primary-400)/.4)
}

:is(.dark .dark\:disabled\:text-primary-400\/45:disabled) {
    color: rgb(var(--color-primary-400)/.45)
}

:is(.dark .dark\:disabled\:text-primary-400\/5:disabled) {
    color: rgb(var(--color-primary-400)/.05)
}

:is(.dark .dark\:disabled\:text-primary-400\/50:disabled) {
    color: rgb(var(--color-primary-400)/.5)
}

:is(.dark .dark\:disabled\:text-primary-400\/55:disabled) {
    color: rgb(var(--color-primary-400)/.55)
}

:is(.dark .dark\:disabled\:text-primary-400\/60:disabled) {
    color: rgb(var(--color-primary-400)/.6)
}

:is(.dark .dark\:disabled\:text-primary-400\/65:disabled) {
    color: rgb(var(--color-primary-400)/.65)
}

:is(.dark .dark\:disabled\:text-primary-400\/70:disabled) {
    color: rgb(var(--color-primary-400)/.7)
}

:is(.dark .dark\:disabled\:text-primary-400\/75:disabled) {
    color: rgb(var(--color-primary-400)/.75)
}

:is(.dark .dark\:disabled\:text-primary-400\/80:disabled) {
    color: rgb(var(--color-primary-400)/.8)
}

:is(.dark .dark\:disabled\:text-primary-400\/85:disabled) {
    color: rgb(var(--color-primary-400)/.85)
}

:is(.dark .dark\:disabled\:text-primary-400\/90:disabled) {
    color: rgb(var(--color-primary-400)/.9)
}

:is(.dark .dark\:disabled\:text-primary-400\/95:disabled) {
    color: rgb(var(--color-primary-400)/.95)
}

:is(.dark .group:hover .dark\:group-hover\:bg-gray-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/1);
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

:is(.dark .group:hover .dark\:group-hover\:text-gray-200) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/1);
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
}

:is(.dark :where([data-headlessui-focus-visible]) .dark\:ui-focus-visible\:ring-primary-400:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-400)/var(--tw-ring-opacity))
}

@media not all and (min-width:1280px) {
    .max-xl\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media not all and (min-width:640px) {
    .max-sm\:max-h-\[400px\] {
        max-height: 400px
    }

    .max-sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .max-sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .max-sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .max-sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:640px) {
    .sm\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .sm\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .sm\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .sm\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .sm\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .sm\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .sm\:mt-12 {
        margin-top: 3rem
    }

    .sm\:mt-2 {
        margin-top: .5rem
    }

    .sm\:h-auto {
        height: auto
    }

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

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

    .sm\:w-96 {
        width: 24rem
    }

    .sm\:w-\[40\%\] {
        width: 40%
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-lg {
        max-width: 32rem
    }

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

    .sm\:translate-x-2 {
        --tw-translate-x: .5rem;
        transform: translate(.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

    .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\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sm\:items-center {
        align-items: center
    }

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

    .sm\:justify-center {
        justify-content: center
    }

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

    .sm\:gap-1 {
        gap: .25rem
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-1 {
        padding: .25rem
    }

    .sm\:p-10 {
        padding: 2.5rem
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:768px) {
    .md\:bottom-16 {
        bottom: 4rem
    }

    .md\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .md\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .md\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:line-clamp-1 {
        -webkit-line-clamp: 1
    }

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

    .md\:line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .md\:block {
        display: block
    }

    .md\:inline-flex {
        display: inline-flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-\[167px\] {
        height: 167px
    }

    .md\:h-\[3\.5rem\] {
        height: 3.5rem
    }

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

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

    .md\:w-4\/12 {
        width: 33.333333%
    }

    .md\:w-\[20\%\] {
        width: 20%
    }

    .md\:w-\[4\.125rem\] {
        width: 4.125rem
    }

    .md\:w-\[unset\] {
        width: unset
    }

    .md\:w-full {
        width: 100%
    }

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

    .md\:max-w-\[unset\] {
        max-width: unset
    }

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

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

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

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:pt-24 {
        padding-top: 6rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .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: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width:1024px) {
    .lg\:z-50 {
        z-index: 50
    }

    .lg\:h-\[15\.125rem\] {
        height: 15.125rem
    }

    .lg\:w-\[18\.688rem\] {
        width: 18.688rem
    }

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

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.rtl\:-translate-x-0:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -0px;
    transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-2:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -.5rem;
    transform: translate(-.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-2\.5:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -.625rem;
    transform: translate(-.625rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-3:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -.75rem;
    transform: translate(-.75rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-4:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1rem;
    transform: translate(-1rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-5:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1.25rem;
    transform: translate(-1.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-6:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1.5rem;
    transform: translate(-1.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-translate-x-7:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -1.75rem;
    transform: translate(-1.75rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
}

.\[\&\:\:-moz-meter-bar\]\:h-0\.5::-moz-meter-bar {
    height: .125rem
}

.\[\&\:\:-moz-meter-bar\]\:h-1::-moz-meter-bar {
    height: .25rem
}

.\[\&\:\:-moz-meter-bar\]\:h-2::-moz-meter-bar {
    height: .5rem
}

.\[\&\:\:-moz-meter-bar\]\:h-3::-moz-meter-bar {
    height: .75rem
}

.\[\&\:\:-moz-meter-bar\]\:h-4::-moz-meter-bar {
    height: 1rem
}

.\[\&\:\:-moz-meter-bar\]\:h-5::-moz-meter-bar {
    height: 1.25rem
}

.\[\&\:\:-moz-meter-bar\]\:h-px::-moz-meter-bar {
    height: 1px
}

.\[\&\:\:-moz-meter-bar\]\:rounded-full::-moz-meter-bar {
    border-radius: 9999px
}

.\[\&\:\:-moz-meter-bar\]\:border-none::-moz-meter-bar {
    border-style: none
}

.\[\&\:\:-moz-meter-bar\]\:bg-current::-moz-meter-bar {
    background-color: currentColor
}

.\[\&\:\:-moz-meter-bar\]\:bg-none::-moz-meter-bar {
    background-image: none
}

.\[\&\:\:-moz-meter-bar\]\:transition-all::-moz-meter-bar {
    transition-duration: .15s;
    -moz-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
    border-radius: 9999px
}

.\[\&\:\:-moz-progress-bar\]\:bg-current::-moz-progress-bar {
    background-color: currentColor
}

.\[\&\:\:-moz-range-thumb\]\:relative::-moz-range-thumb {
    position: relative
}

.\[\&\:\:-moz-range-thumb\]\:z-\[1\]::-moz-range-thumb {
    z-index: 1
}

.\[\&\:\:-moz-range-thumb\]\:-mt-1::-moz-range-thumb {
    margin-top: -.25rem
}

.\[\&\:\:-moz-range-thumb\]\:mt-\[-2\.5px\]::-moz-range-thumb {
    margin-top: -2.5px
}

.\[\&\:\:-moz-range-thumb\]\:mt-\[-3px\]::-moz-range-thumb {
    margin-top: -3px
}

.\[\&\:\:-moz-range-thumb\]\:h-1\.5::-moz-range-thumb {
    height: .375rem
}

.\[\&\:\:-moz-range-thumb\]\:h-2::-moz-range-thumb {
    height: .5rem
}

.\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb {
    height: .75rem
}

.\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
    height: 1rem
}

.\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
    height: 1.25rem
}

.\[\&\:\:-moz-range-thumb\]\:h-6::-moz-range-thumb {
    height: 1.5rem
}

.\[\&\:\:-moz-range-thumb\]\:h-7::-moz-range-thumb {
    height: 1.75rem
}

.\[\&\:\:-moz-range-thumb\]\:w-1\.5::-moz-range-thumb {
    width: .375rem
}

.\[\&\:\:-moz-range-thumb\]\:w-2::-moz-range-thumb {
    width: .5rem
}

.\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb {
    width: .75rem
}

.\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
    width: 1rem
}

.\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
    width: 1.25rem
}

.\[\&\:\:-moz-range-thumb\]\:w-6::-moz-range-thumb {
    width: 1.5rem
}

.\[\&\:\:-moz-range-thumb\]\:w-7::-moz-range-thumb {
    width: 1.75rem
}

.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
    appearance: none
}

.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
    border-radius: 9999px
}

.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
    border-width: 0
}

.\[\&\:\:-moz-range-thumb\]\:bg-current::-moz-range-thumb {
    background-color: currentColor
}

.\[\&\:\:-moz-range-track\]\:h-0\.5::-moz-range-track {
    height: .125rem
}

.\[\&\:\:-moz-range-track\]\:h-1::-moz-range-track {
    height: .25rem
}

.\[\&\:\:-moz-range-track\]\:h-2::-moz-range-track {
    height: .5rem
}

.\[\&\:\:-moz-range-track\]\:h-3::-moz-range-track {
    height: .75rem
}

.\[\&\:\:-moz-range-track\]\:h-4::-moz-range-track {
    height: 1rem
}

.\[\&\:\:-moz-range-track\]\:h-5::-moz-range-track {
    height: 1.25rem
}

.\[\&\:\:-moz-range-track\]\:h-px::-moz-range-track {
    height: 1px
}

.\[\&\:\:-moz-range-track\]\:rounded-lg::-moz-range-track {
    border-radius: .5rem
}

.\[\&\:\:-moz-range-track\]\:bg-gray-200::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/1);
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity))
}

.group:disabled .\[\&\:\:-moz-range-track\]\:group-disabled\:bg-opacity-50::-moz-range-track {
    --tw-bg-opacity: .5
}

:is(.dark .\[\&\:\:-moz-range-track\]\:dark\:bg-gray-700)::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/1);
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-meter-bar\]\:border-none::-webkit-meter-bar {
    border-style: none
}

.\[\&\:\:-webkit-meter-bar\]\:bg-transparent::-webkit-meter-bar {
    background-color: transparent
}

.\[\&\:\:-webkit-meter-bar\]\:bg-none::-webkit-meter-bar {
    background-image: none
}

.\[\&\:\:-webkit-meter-inner-element\]\:relative::-webkit-meter-inner-element {
    position: relative
}

.\[\&\:\:-webkit-meter-inner-element\]\:block::-webkit-meter-inner-element {
    display: block
}

.\[\&\:\:-webkit-meter-inner-element\]\:border-none::-webkit-meter-inner-element {
    border-style: none
}

.\[\&\:\:-webkit-meter-inner-element\]\:bg-transparent::-webkit-meter-inner-element {
    background-color: transparent
}

.\[\&\:\:-webkit-meter-inner-element\]\:bg-none::-webkit-meter-inner-element {
    background-image: none
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-0\.5::-webkit-meter-optimum-value {
    height: .125rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-1::-webkit-meter-optimum-value {
    height: .25rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-2::-webkit-meter-optimum-value {
    height: .5rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-3::-webkit-meter-optimum-value {
    height: .75rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-4::-webkit-meter-optimum-value {
    height: 1rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-5::-webkit-meter-optimum-value {
    height: 1.25rem
}

.\[\&\:\:-webkit-meter-optimum-value\]\:h-px::-webkit-meter-optimum-value {
    height: 1px
}

.\[\&\:\:-webkit-meter-optimum-value\]\:rounded-full::-webkit-meter-optimum-value {
    border-radius: 9999px
}

.\[\&\:\:-webkit-meter-optimum-value\]\:border-none::-webkit-meter-optimum-value {
    border-style: none
}

.\[\&\:\:-webkit-meter-optimum-value\]\:bg-current::-webkit-meter-optimum-value {
    background-color: currentColor
}

.\[\&\:\:-webkit-meter-optimum-value\]\:bg-none::-webkit-meter-optimum-value {
    background-image: none
}

.\[\&\:\:-webkit-meter-optimum-value\]\:transition-all::-webkit-meter-optimum-value {
    transition-duration: .15s;
    -webkit-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-webkit-progress-bar\]\:w-full::-webkit-progress-bar {
    width: 100%
}

.\[\&\:\:-webkit-progress-bar\]\:rounded-full::-webkit-progress-bar {
    border-radius: 9999px
}

.\[\&\:\:-webkit-progress-bar\]\:bg-gray-200::-webkit-progress-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/1);
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity))
}

:is(.dark .\[\&\:\:-webkit-progress-bar\]\:dark\:bg-gray-700)::-webkit-progress-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/1);
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
    border-radius: 9999px
}

.\[\&\:\:-webkit-progress-value\]\:bg-current::-webkit-progress-value {
    background-color: currentColor
}

.\[\&\:\:-webkit-progress-value\]\:transition-all::-webkit-progress-value {
    transition-duration: .15s;
    -webkit-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-webkit-progress-value\]\:ease-in-out::-webkit-progress-value {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-0\.5::-webkit-slider-runnable-track {
    height: .125rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-1::-webkit-slider-runnable-track {
    height: .25rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-2::-webkit-slider-runnable-track {
    height: .5rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-3::-webkit-slider-runnable-track {
    height: .75rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-4::-webkit-slider-runnable-track {
    height: 1rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-5::-webkit-slider-runnable-track {
    height: 1.25rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-px::-webkit-slider-runnable-track {
    height: 1px
}

.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-lg::-webkit-slider-runnable-track {
    border-radius: .5rem
}

.\[\&\:\:-webkit-slider-runnable-track\]\:bg-gray-200::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200)/1);
    background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity))
}

.group:disabled .\[\&\:\:-webkit-slider-runnable-track\]\:group-disabled\:bg-opacity-50::-webkit-slider-runnable-track {
    --tw-bg-opacity: .5
}

:is(.dark .\[\&\:\:-webkit-slider-runnable-track\]\:dark\:bg-gray-700)::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/1);
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb {
    position: relative
}

.\[\&\:\:-webkit-slider-thumb\]\:z-\[1\]::-webkit-slider-thumb {
    z-index: 1
}

.\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb {
    margin-top: -.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:mt-\[-2\.5px\]::-webkit-slider-thumb {
    margin-top: -2.5px
}

.\[\&\:\:-webkit-slider-thumb\]\:mt-\[-3px\]::-webkit-slider-thumb {
    margin-top: -3px
}

.\[\&\:\:-webkit-slider-thumb\]\:h-1\.5::-webkit-slider-thumb {
    height: .375rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-2::-webkit-slider-thumb {
    height: .5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
    height: .75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
    height: 1rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
    height: 1.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb {
    height: 1.5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:h-7::-webkit-slider-thumb {
    height: 1.75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-1\.5::-webkit-slider-thumb {
    width: .375rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-2::-webkit-slider-thumb {
    width: .5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
    width: .75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
    width: 1rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
    width: 1.25rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb {
    width: 1.5rem
}

.\[\&\:\:-webkit-slider-thumb\]\:w-7::-webkit-slider-thumb {
    width: 1.75rem
}

.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: 9999px
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb {
    --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-current::-webkit-slider-thumb {
    --tw-ring-color: currentColor
}

:is(.dark .\[\&\:\:-webkit-slider-thumb\]\:dark\:bg-gray-900)::-webkit-slider-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/1);
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

.\[\&\:indeterminate\:\:-moz-progress-bar\]\:rounded-full:indeterminate::-moz-progress-bar {
    border-radius: 9999px
}

.\[\&\:indeterminate\:\:-webkit-progress-value\]\:rounded-full:indeterminate::-webkit-progress-value {
    border-radius: 9999px
}

.rtl\:\[\&_span\:first-child\]\:rotate-180 span:first-child:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:\[\&_span\:last-child\]\:rotate-180 span:last-child:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (pointer:coarse) {
    .\[\@media\(pointer\:coarse\)\]\:hidden {
        display: none
    }
}

@supports (selector(&::-moz-progress-bar)) {
    .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200)/1);
        background-color: rgb(var(--color-gray-200)/var(--tw-bg-opacity))
    }

    :is(.dark .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:dark\:bg-gray-700) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700)/1);
        background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
    }
}

.vfm--fixed {
    position: fixed
}

.vfm--absolute {
    position: absolute
}

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

.vfm--overlay {
    background-color: #00000080;
    z-index: -1
}

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

.vfm--prevent-auto {
    pointer-events: auto
}

.vfm--outline-none:focus {
    outline: none
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.vfm-fade-enter-active {
    animation: fade-in .3s ease
}

.vfm-fade-leave-active {
    animation: fade-out .3s ease
}

.vfm-bounce-back {
    transition-duration: .3s;
    transition-property: transform
}

.vfm-slide-down-enter-active,
.vfm-slide-down-leave-active,
.vfm-slide-up-enter-active,
.vfm-slide-up-leave-active {
    transition: transform .3s ease
}

.vfm-slide-down-enter-from,
.vfm-slide-down-leave-to {
    transform: translateY(100vh) !important
}

.vfm-slide-up-enter-from,
.vfm-slide-up-leave-to {
    transform: translateY(-100vh) !important
}

.vfm-slide-left-enter-active,
.vfm-slide-left-leave-active,
.vfm-slide-right-enter-active,
.vfm-slide-right-leave-active {
    transition: transform .3s ease
}

.vfm-slide-right-enter-from,
.vfm-slide-right-leave-to {
    transform: translate(100vw) !important
}

.vfm-slide-left-enter-from,
.vfm-slide-left-leave-to {
    transform: translate(-100vw) !important
}

.vfm-swipe-banner-back,
.vfm-swipe-banner-forward {
    bottom: 0;
    position: fixed;
    top: 0;
    width: 27px;
    z-index: 10
}

.vfm-swipe-banner-back {
    left: 0
}

.vfm-swipe-banner-forward {
    right: 0
}

:root {
    --font-size-base: 14px;
    --line-height-base: 1.625rem;
    --border-radius: 10px;
    --success: #4ac300;
    --RGB_success: 74, 195, 0;
    --warning: #ff7a00;
    --RGB_warning: 255, 122, 0;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60
}

[data-theme=darkgoldbrown] {
    --primary: #ffd15c;
    --RGB_primary: 255, 209, 92;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffd15c;
    --RGB_text-secondary: 255, 209, 92;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffd15c;
    --RGB_text-link: 255, 209, 92;
    --text-hightlight: #ffd15c;
    --RGB_text-hightlight: 255, 209, 92;
    --input: #262222;
    --RGB_input: 38, 34, 34;
    --input-border: #37373a;
    --RGB_input-border: 55, 55, 58;
    --input-bg: #262222;
    --RGB_input-bg: 38, 34, 34;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #ffd15c;
    --RGB_btn-primary: 255, 209, 92;
    --btn-primary-border: #ffd15c;
    --RGB_btn-primary-border: 255, 209, 92;
    --btn-secondary: #2a2a2d;
    --RGB_btn-secondary: 42, 42, 45;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffd15c;
    --RGB_btn-gradient1: 255, 209, 92;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffd15c;
    --RGB_btn-border: 255, 209, 92;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #2a2a2d;
    --RGB_card-secondary: 42, 42, 45;
    --card-tertiary: #4c4747;
    --RGB_card-tertiary: 76, 71, 71;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffd15c;
    --RGB_icon-active: 255, 209, 92;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ffd15c;
    --RGB_main-icon-stroke: 255, 209, 92;
    --main-icon-color: #000;
    --RGB_main-icon-color: 0, 0, 0;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffd15c;
    --RGB_tab-active-slide: 255, 209, 92;
    --tab-active-text: #ffd15c;
    --RGB_tab-active-text: 255, 209, 92;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0;
    --footer-graddient-1: #262222;
    --RGB_footer-graddient-1: 38, 34, 34;
    --footer-graddient-2: #0f0f0f;
    --RGB_footer-graddient-2: 15, 15, 15
}

[data-theme=arcticblue] {
    --primary: #f6625d;
    --RGB_primary: 246, 98, 93;
    --primary2: #d24353;
    --RGB_primary2: 210, 67, 83;
    --primary3: #181b2c;
    --RGB_primary3: 24, 27, 44;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #d24353;
    --RGB_text-secondary: 210, 67, 83;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #f6625d;
    --RGB_text-link: 246, 98, 93;
    --text-hightlight: #f6625d;
    --RGB_text-hightlight: 246, 98, 93;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #fff;
    --RGB_input: 255, 255, 255;
    --input-border: #272c41;
    --RGB_input-border: 39, 44, 65;
    --input-bg: #181b2c;
    --RGB_input-bg: 24, 27, 44;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171b2e;
    --RGB_body: 23, 27, 46;
    --header: #171b2e;
    --RGB_header: 23, 27, 46;
    --footer: #272c41;
    --RGB_footer: 39, 44, 65;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #21273f;
    --RGB_categoryBG: 33, 39, 63;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #f6625d;
    --RGB_btn-primary: 246, 98, 93;
    --btn-primary-border: #f6625d;
    --RGB_btn-primary-border: 246, 98, 93;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ff8791;
    --RGB_btn-gradient1: 255, 135, 145;
    --btn-gradient2: #c93340;
    --RGB_btn-gradient2: 201, 51, 64;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #29292f;
    --RGB_btn-border: 41, 41, 47;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #21273f;
    --RGB_card-primary: 33, 39, 63;
    --card-secondary: #181b2c;
    --RGB_card-secondary: 24, 27, 44;
    --card-tertiary: #373d52;
    --RGB_card-tertiary: 55, 61, 82;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #f6625d;
    --RGB_icon-active: 246, 98, 93;
    --main-icon-1: #da4a56;
    --RGB_main-icon-1: 218, 74, 86;
    --main-icon-2: #ff98a1;
    --RGB_main-icon-2: 255, 152, 161;
    --main-icon-3: #c63844;
    --RGB_main-icon-3: 198, 56, 68;
    --main-icon-stroke: #ea6568;
    --RGB_main-icon-stroke: 234, 101, 104;
    --main-icon-color: #740c0e;
    --RGB_main-icon-color: 116, 12, 14;
    --balance-wrapper1: #2c3352;
    --RGB_balance-wrapper1: 44, 51, 82;
    --balance-wrapper2: #0c112c;
    --RGB_balance-wrapper2: 12, 17, 44;
    --balance-wrapper-stroke: #da4a56;
    --RGB_balance-wrapper-stroke: 218, 74, 86;
    --balance-wrapper-text1: #da4a56;
    --RGB_balance-wrapper-text1: 218, 74, 86;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #da4a56;
    --RGB_balance-text1: 218, 74, 86;
    --balance-text2: #ff98a1;
    --RGB_balance-text2: 255, 152, 161;
    --balance-text3: #c63844;
    --RGB_balance-text3: 198, 56, 68;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #f6625d;
    --RGB_tab-active-slide: 246, 98, 93;
    --tab-active-text: #f6625d;
    --RGB_tab-active-text: 246, 98, 93;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #181b2c;
    --RGB_progress-bg: 24, 27, 44;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0;
    --footer-graddient-1: #181b2c;
    --RGB_footer-graddient-1: 24, 27, 44;
    --footer-graddient-2: #0c112c;
    --RGB_footer-graddient-2: 12, 17, 44
}

[data-theme=brightsky] {
    --primary: #5984a9;
    --RGB_primary: 89, 132, 169;
    --primary2: #2f6cac;
    --RGB_primary2: 47, 108, 172;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #2f6cac;
    --RGB_text-secondary: 47, 108, 172;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #5984a9;
    --RGB_text-link: 89, 132, 169;
    --text-hightlight: #5984a9;
    --RGB_text-hightlight: 89, 132, 169;
    --text-topup: #5984a9;
    --RGB_text-topup: 89, 132, 169;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f3f9ff;
    --RGB_input: 243, 249, 255;
    --input-border: #ededed;
    --RGB_input-border: 237, 237, 237;
    --input-bg: #ededed;
    --RGB_input-bg: 237, 237, 237;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #f4f4f4;
    --RGB_body: 244, 244, 244;
    --header: #f4f4f4;
    --RGB_header: 244, 244, 244;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #f3f9ff;
    --RGB_categoryBG: 243, 249, 255;
    --categoryShadow: #5984a9;
    --RGB_categoryShadow: 89, 132, 169;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #5984a9;
    --RGB_btn-primary: 89, 132, 169;
    --btn-primary-border: #5984a9;
    --RGB_btn-primary-border: 89, 132, 169;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #72b1e7;
    --RGB_btn-gradient1: 114, 177, 231;
    --btn-gradient2: #2179c6;
    --RGB_btn-gradient2: 33, 121, 198;
    --btn-text: #fff;
    --RGB_btn-text: 255, 255, 255;
    --btn-border: #63a2d8;
    --RGB_btn-border: 99, 162, 216;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #f3f9ff;
    --RGB_card-tertiary: 243, 249, 255;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #5984a9;
    --RGB_icon-active: 89, 132, 169;
    --main-icon-1: #ef8119;
    --RGB_main-icon-1: 239, 129, 25;
    --main-icon-2: #ffa54e;
    --RGB_main-icon-2: 255, 165, 78;
    --main-icon-3: #f0831d;
    --RGB_main-icon-3: 240, 131, 29;
    --main-icon-stroke: #fa993c;
    --RGB_main-icon-stroke: 250, 153, 60;
    --main-icon-color: #fff;
    --RGB_main-icon-color: 255, 255, 255;
    --balance-wrapper1: #f3f9ff;
    --RGB_balance-wrapper1: 243, 249, 255;
    --balance-wrapper2: #f3f9ff;
    --RGB_balance-wrapper2: 243, 249, 255;
    --balance-wrapper-stroke: #ef8119;
    --RGB_balance-wrapper-stroke: 239, 129, 25;
    --balance-wrapper-text1: #ef8119;
    --RGB_balance-wrapper-text1: 239, 129, 25;
    --balance-wrapper-text2: #5984a9;
    --RGB_balance-wrapper-text2: 89, 132, 169;
    --balance-text1: #fea24a;
    --RGB_balance-text1: 254, 162, 74;
    --balance-text2: #fea24a;
    --RGB_balance-text2: 254, 162, 74;
    --balance-text3: #fea24a;
    --RGB_balance-text3: 254, 162, 74;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #5984a9;
    --RGB_tab-active-slide: 89, 132, 169;
    --tab-active-text: #5984a9;
    --RGB_tab-active-text: 89, 132, 169;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=superrich] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #ffe1a6;
    --RGB_primary2: 255, 225, 166;
    --primary3: #e0a532;
    --RGB_primary3: 224, 165, 50;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffe1a6;
    --RGB_text-link: 255, 225, 166;
    --text-hightlight: #ffe1a6;
    --RGB_text-hightlight: 255, 225, 166;
    --text-topup: #ffe1a6;
    --RGB_text-topup: 255, 225, 166;
    --input: #232325;
    --RGB_input: 35, 35, 37;
    --input-border: #383838;
    --RGB_input-border: 56, 56, 56;
    --input-bg: #383838;
    --RGB_input-bg: 56, 56, 56;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    /* --body: #2a3039; */
    --body: var(--card-secondary);
    --RGB_body: 42, 42, 42;
    --header: #2a2a2a;
    --RGB_header: 42, 42, 42;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --categoryBG: #383838;
    --RGB_categoryBG: 56, 56, 56;
    --btn-primary: #ffe1a6;
    --RGB_btn-primary: 255, 225, 166;
    --btn-primary-border: #ffe1a6;
    --RGB_btn-primary-border: 255, 225, 166;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffe1a6;
    --RGB_btn-gradient1: 255, 225, 166;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #29292f;
    --RGB_btn-border: 41, 41, 47;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #3f3f3f;
    --RGB_card-primary: 63, 63, 63;
    --card-secondary: #343434;
    --RGB_card-secondary: 52, 52, 52;
    --card-tertiary: #39393b;
    --RGB_card-tertiary: 57, 57, 59;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffd15c;
    --RGB_icon-active: 255, 209, 92;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #9b7a24;
    --RGB_main-icon-stroke: 155, 122, 36;
    --main-icon-color: #000;
    --RGB_main-icon-color: 0, 0, 0;
    --balance-text1: #dac289;
    --RGB_balance-text1: 218, 194, 137;
    --balance-text2: #f8ecb9;
    --RGB_balance-text2: 248, 236, 185;
    --balance-text3: #dac289;
    --RGB_balance-text3: 218, 194, 137;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #dac289;
    --RGB_balance-wrapper-stroke: 218, 194, 137;
    --balance-wrapper-text1: #dac289;
    --RGB_balance-wrapper-text1: 218, 194, 137;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffd15c;
    --RGB_tab-active-slide: 255, 209, 92;
    --tab-active-text: #ffd15c;
    --RGB_tab-active-text: 255, 209, 92;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #e0a532;
    --RGB_progress-bg: 224, 165, 50;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=redcurrant] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #442121;
    --RGB_primary3: 68, 33, 33;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffddaf;
    --RGB_text-link: 255, 221, 175;
    --text-hightlight: #ffddaf;
    --RGB_text-hightlight: 255, 221, 175;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #442121;
    --RGB_input: 68, 33, 33;
    --input-border: #442121;
    --RGB_input-border: 68, 33, 33;
    --input-bg: #442121;
    --RGB_input-bg: 68, 33, 33;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #381a1a;
    --RGB_body: 56, 26, 26;
    --header: #381a1a;
    --RGB_header: 56, 26, 26;
    --footer: #571414;
    --RGB_footer: 87, 20, 20;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #571414;
    --RGB_categoryBG: 87, 20, 20;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #ffd15c;
    --RGB_btn-primary: 255, 209, 92;
    --btn-primary-border: #ffddaf;
    --RGB_btn-primary-border: 255, 221, 175;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffdd85;
    --RGB_btn-gradient1: 255, 221, 133;
    --btn-gradient2: #c69310;
    --RGB_btn-gradient2: 198, 147, 16;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffe195;
    --RGB_btn-border: 255, 225, 149;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #592b2b;
    --RGB_card-primary: 89, 43, 43;
    --card-secondary: #442121;
    --RGB_card-secondary: 68, 33, 33;
    --card-tertiary: #6a4040;
    --RGB_card-tertiary: 106, 64, 64;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffddaf;
    --RGB_icon-active: 255, 221, 175;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ea6568;
    --RGB_main-icon-stroke: 234, 101, 104;
    --main-icon-color: #4e3f1c;
    --RGB_main-icon-color: 78, 63, 28;
    --balance-wrapper1: #501414;
    --RGB_balance-wrapper1: 80, 20, 20;
    --balance-wrapper2: #280303;
    --RGB_balance-wrapper2: 40, 3, 3;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffddaf;
    --RGB_tab-active-slide: 255, 221, 175;
    --tab-active-text: #ffddaf;
    --RGB_tab-active-text: 255, 221, 175;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #442121;
    --RGB_progress-bg: 68, 33, 33;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=purpleorchid] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #e0a532;
    --RGB_primary3: 224, 165, 50;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffddaf;
    --RGB_text-link: 255, 221, 175;
    --text-hightlight: #ffddaf;
    --RGB_text-hightlight: 255, 221, 175;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #2b1e44;
    --RGB_input: 43, 30, 68;
    --input-border: #2b1e44;
    --RGB_input-border: 43, 30, 68;
    --input-bg: #2b1e44;
    --RGB_input-bg: 43, 30, 68;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #251c38;
    --RGB_body: 37, 28, 56;
    --header: #251c38;
    --RGB_header: 37, 28, 56;
    --footer: #322256;
    --RGB_footer: 50, 34, 86;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #302449;
    --RGB_categoryBG: 48, 36, 73;
    --darkCard: #2b1e44;
    --RGB_darkCard: 43, 30, 68;
    --btn-primary: #ffddaf;
    --RGB_btn-primary: 255, 221, 175;
    --btn-primary-border: #ffddaf;
    --RGB_btn-primary-border: 255, 221, 175;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffddaf;
    --RGB_btn-gradient1: 255, 221, 175;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffddaf;
    --RGB_btn-border: 255, 221, 175;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #3c2f59;
    --RGB_card-primary: 60, 47, 89;
    --card-secondary: #2b1e44;
    --RGB_card-secondary: 43, 30, 68;
    --card-tertiary: #50446a;
    --RGB_card-tertiary: 80, 68, 106;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffddaf;
    --RGB_icon-active: 255, 221, 175;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ffd15c;
    --RGB_main-icon-stroke: 255, 209, 92;
    --main-icon-color: #4e3f1c;
    --RGB_main-icon-color: 78, 63, 28;
    --balance-wrapper1: #3f3555;
    --RGB_balance-wrapper1: 63, 53, 85;
    --balance-wrapper2: #1d1332;
    --RGB_balance-wrapper2: 29, 19, 50;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffddaf;
    --RGB_tab-active-slide: 255, 221, 175;
    --tab-active-text: #ffddaf;
    --RGB_tab-active-text: 255, 221, 175;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #e0a532;
    --RGB_progress-bg: 224, 165, 50;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=blueroyal] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #191f3a;
    --RGB_primary3: 25, 31, 58;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffddaf;
    --RGB_text-link: 255, 221, 175;
    --text-hightlight: #ffddaf;
    --RGB_text-hightlight: 255, 221, 175;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #191f3a;
    --RGB_input: 25, 31, 58;
    --input-border: #3e4562;
    --RGB_input-border: 62, 69, 98;
    --input-bg: var(--var(--card-secondary));
    --RGB_input-bg: var(--RGB_var(--card-secondary));
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #191e32;
    --RGB_body: 25, 30, 50;
    --header: #191e32;
    --RGB_header: 25, 30, 50;
    --footer: #283051;
    --RGB_footer: 40, 48, 81;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #283051;
    --RGB_categoryBG: 40, 48, 81;
    --darkCard: #191f3a;
    --RGB_darkCard: 25, 31, 58;
    --btn-primary: #ffddaf;
    --RGB_btn-primary: 255, 221, 175;
    --btn-primary-border: #ffddaf;
    --RGB_btn-primary-border: 255, 221, 175;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffddaf;
    --RGB_btn-gradient1: 255, 221, 175;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffddaf;
    --RGB_btn-border: 255, 221, 175;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #283051;
    --RGB_card-primary: 40, 48, 81;
    --card-secondary: #191f3a;
    --RGB_card-secondary: 25, 31, 58;
    --card-tertiary: #3e4562;
    --RGB_card-tertiary: 62, 69, 98;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffddaf;
    --RGB_icon-active: 255, 221, 175;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ffd15c;
    --RGB_main-icon-stroke: 255, 209, 92;
    --main-icon-color: #4e3f1c;
    --RGB_main-icon-color: 78, 63, 28;
    --balance-wrapper1: #2c3352;
    --RGB_balance-wrapper1: 44, 51, 82;
    --balance-wrapper2: #0c112c;
    --RGB_balance-wrapper2: 12, 17, 44;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffddaf;
    --RGB_tab-active-slide: 255, 221, 175;
    --tab-active-text: #ffddaf;
    --RGB_tab-active-text: 255, 221, 175;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #191f3a;
    --RGB_progress-bg: 25, 31, 58;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=pearlpeach] {
    --primary: #e14d50;
    --RGB_primary: 225, 77, 80;
    --primary2: #e14d50;
    --RGB_primary2: 225, 77, 80;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #e14d50;
    --RGB_text-secondary: 225, 77, 80;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #e14d50;
    --RGB_text-link: 225, 77, 80;
    --text-hightlight: #e14d50;
    --RGB_text-hightlight: 225, 77, 80;
    --text-topup: #e14d50;
    --RGB_text-topup: 225, 77, 80;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #ededed;
    --RGB_input-border: 237, 237, 237;
    --input-bg: #ededed;
    --RGB_input-bg: 237, 237, 237;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #f4f4f4;
    --RGB_body: 244, 244, 244;
    --header: #f4f4f4;
    --RGB_header: 244, 244, 244;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #e14d50;
    --RGB_categoryShadow: 225, 77, 80;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #e14d50;
    --RGB_btn-primary: 225, 77, 80;
    --btn-primary-border: #e14d50;
    --RGB_btn-primary-border: 225, 77, 80;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #f3605c;
    --RGB_btn-gradient1: 243, 96, 92;
    --btn-gradient2: #d64655;
    --RGB_btn-gradient2: 214, 70, 85;
    --btn-text: #fff;
    --RGB_btn-text: 255, 255, 255;
    --btn-border: #f3605c;
    --RGB_btn-border: 243, 96, 92;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #ffeef2;
    --RGB_card-tertiary: 255, 238, 242;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #e14d50;
    --RGB_icon-active: 225, 77, 80;
    --main-icon-1: #f3605d;
    --RGB_main-icon-1: 243, 96, 93;
    --main-icon-2: #f05d5c;
    --RGB_main-icon-2: 240, 93, 92;
    --main-icon-3: #d64655;
    --RGB_main-icon-3: 214, 70, 85;
    --main-icon-stroke: #f15e5d;
    --RGB_main-icon-stroke: 241, 94, 93;
    --main-icon-color: #fff;
    --RGB_main-icon-color: 255, 255, 255;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #e14d50;
    --RGB_balance-wrapper-stroke: 225, 77, 80;
    --balance-wrapper-text1: #e14d50;
    --RGB_balance-wrapper-text1: 225, 77, 80;
    --balance-wrapper-text2: #535867;
    --RGB_balance-wrapper-text2: 83, 88, 103;
    --balance-text1: #e14d50;
    --RGB_balance-text1: 225, 77, 80;
    --balance-text2: #e14d50;
    --RGB_balance-text2: 225, 77, 80;
    --balance-text3: #e14d50;
    --RGB_balance-text3: 225, 77, 80;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #e14d50;
    --RGB_tab-active-slide: 225, 77, 80;
    --tab-active-text: #e14d50;
    --RGB_tab-active-text: 225, 77, 80;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkgold] {
    --primary: #dfc88e;
    --RGB_primary: 223, 200, 142;
    --primary2: #b1955f;
    --RGB_primary2: 177, 149, 95;
    --primary3: #bca16a;
    --RGB_primary3: 188, 161, 106;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #b1955f;
    --RGB_text-secondary: 177, 149, 95;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #dfc88e;
    --RGB_text-link: 223, 200, 142;
    --text-hightlight: #dfc88e;
    --RGB_text-hightlight: 223, 200, 142;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #232325;
    --RGB_input: 35, 35, 37;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #0d0d09;
    --RGB_body: 13, 13, 9;
    --header: #0d0d09;
    --RGB_header: 13, 13, 9;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --categoryBG: #1f1e1c;
    --RGB_categoryBG: 31, 30, 28;
    --btn-primary: #dfc88e;
    --RGB_btn-primary: 223, 200, 142;
    --btn-primary-border: #dfc88e;
    --RGB_btn-primary-border: 223, 200, 142;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #dfc88e;
    --RGB_btn-gradient1: 223, 200, 142;
    --btn-gradient2: #b1955f;
    --RGB_btn-gradient2: 177, 149, 95;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #dfc88e;
    --RGB_btn-border: 223, 200, 142;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #39393b;
    --RGB_card-tertiary: 57, 57, 59;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffd15c;
    --RGB_icon-active: 255, 209, 92;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #9b7a24;
    --RGB_main-icon-stroke: 155, 122, 36;
    --main-icon-color: #232325;
    --RGB_main-icon-color: 35, 35, 37;
    --balance-wrapper1: #1f1e1c;
    --RGB_balance-wrapper1: 31, 30, 28;
    --balance-wrapper2: #1f1e1c;
    --RGB_balance-wrapper2: 31, 30, 28;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffd15c;
    --RGB_tab-active-slide: 255, 209, 92;
    --tab-active-text: #ffd15c;
    --RGB_tab-active-text: 255, 209, 92;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #bca16a;
    --RGB_progress-bg: 188, 161, 106;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darknavy] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #191f3a;
    --RGB_primary3: 25, 31, 58;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffddaf;
    --RGB_text-link: 255, 221, 175;
    --text-hightlight: #ffddaf;
    --RGB_text-hightlight: 255, 221, 175;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #191f3a;
    --RGB_input: 25, 31, 58;
    --input-border: #3e4562;
    --RGB_input-border: 62, 69, 98;
    --input-bg: #191f3a;
    --RGB_input-bg: 25, 31, 58;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #192033;
    --RGB_body: 25, 32, 51;
    --header: #232325;
    --RGB_header: 35, 35, 37;
    --footer: #283051;
    --RGB_footer: 40, 48, 81;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #283051;
    --RGB_categoryBG: 40, 48, 81;
    --darkCard: #191f3a;
    --RGB_darkCard: 25, 31, 58;
    --btn-primary: #ffddaf;
    --RGB_btn-primary: 255, 221, 175;
    --btn-primary-border: #ffddaf;
    --RGB_btn-primary-border: 255, 221, 175;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffddaf;
    --RGB_btn-gradient1: 255, 221, 175;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffddaf;
    --RGB_btn-border: 255, 221, 175;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #283051;
    --RGB_card-primary: 40, 48, 81;
    --card-secondary: #191f3a;
    --RGB_card-secondary: 25, 31, 58;
    --card-tertiary: #3e4562;
    --RGB_card-tertiary: 62, 69, 98;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffddaf;
    --RGB_icon-active: 255, 221, 175;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ffd15c;
    --RGB_main-icon-stroke: 255, 209, 92;
    --main-icon-color: #4e3f1c;
    --RGB_main-icon-color: 78, 63, 28;
    --balance-wrapper1: #2c3352;
    --RGB_balance-wrapper1: 44, 51, 82;
    --balance-wrapper2: #0c112c;
    --RGB_balance-wrapper2: 12, 17, 44;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffddaf;
    --RGB_tab-active-slide: 255, 221, 175;
    --tab-active-text: #ffddaf;
    --RGB_tab-active-text: 255, 221, 175;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #191f3a;
    --RGB_progress-bg: 25, 31, 58;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkgreen] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #162e18;
    --RGB_primary3: 22, 46, 24;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffddaf;
    --RGB_text-link: 255, 221, 175;
    --text-hightlight: #ffddaf;
    --RGB_text-hightlight: 255, 221, 175;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #162e18;
    --RGB_input: 22, 46, 24;
    --input-border: #172e18;
    --RGB_input-border: 23, 46, 24;
    --input-bg: #172e18;
    --RGB_input-bg: 23, 46, 24;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #172619;
    --RGB_body: 23, 38, 25;
    --header: #172619;
    --RGB_header: 23, 38, 25;
    --footer: #0c3110;
    --RGB_footer: 12, 49, 16;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #18411a;
    --RGB_categoryBG: 24, 65, 26;
    --darkCard: #191f3a;
    --RGB_darkCard: 25, 31, 58;
    --btn-primary: #ffddaf;
    --RGB_btn-primary: 255, 221, 175;
    --btn-primary-border: #ffddaf;
    --RGB_btn-primary-border: 255, 221, 175;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffddaf;
    --RGB_btn-gradient1: 255, 221, 175;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffddaf;
    --RGB_btn-border: 255, 221, 175;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #283e27;
    --RGB_card-primary: 40, 62, 39;
    --card-secondary: #162e18;
    --RGB_card-secondary: 22, 46, 24;
    --card-tertiary: #3e513d;
    --RGB_card-tertiary: 62, 81, 61;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffddaf;
    --RGB_icon-active: 255, 221, 175;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ffd15c;
    --RGB_main-icon-stroke: 255, 209, 92;
    --main-icon-color: #000;
    --RGB_main-icon-color: 0, 0, 0;
    --balance-wrapper1: #20561f;
    --RGB_balance-wrapper1: 32, 86, 31;
    --balance-wrapper2: #071d0a;
    --RGB_balance-wrapper2: 7, 29, 10;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffddaf;
    --RGB_tab-active-slide: 255, 221, 175;
    --tab-active-text: #ffddaf;
    --RGB_tab-active-text: 255, 221, 175;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #162e18;
    --RGB_progress-bg: 22, 46, 24;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkamethyst] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #e0a532;
    --RGB_primary3: 224, 165, 50;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffddaf;
    --RGB_text-link: 255, 221, 175;
    --text-hightlight: #ffddaf;
    --RGB_text-hightlight: 255, 221, 175;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #2b1e44;
    --RGB_input: 43, 30, 68;
    --input-border: #2b1e44;
    --RGB_input-border: 43, 30, 68;
    --input-bg: #2b1e44;
    --RGB_input-bg: 43, 30, 68;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #251c38;
    --RGB_body: 37, 28, 56;
    --header: #251c38;
    --RGB_header: 37, 28, 56;
    --footer: #322256;
    --RGB_footer: 50, 34, 86;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #302449;
    --RGB_categoryBG: 48, 36, 73;
    --darkCard: #2b1e44;
    --RGB_darkCard: 43, 30, 68;
    --btn-primary: #ffddaf;
    --RGB_btn-primary: 255, 221, 175;
    --btn-primary-border: #ffddaf;
    --RGB_btn-primary-border: 255, 221, 175;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffddaf;
    --RGB_btn-gradient1: 255, 221, 175;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffddaf;
    --RGB_btn-border: 255, 221, 175;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #3c2f59;
    --RGB_card-primary: 60, 47, 89;
    --card-secondary: #2b1e44;
    --RGB_card-secondary: 43, 30, 68;
    --card-tertiary: #50446a;
    --RGB_card-tertiary: 80, 68, 106;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffddaf;
    --RGB_icon-active: 255, 221, 175;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ffd15c;
    --RGB_main-icon-stroke: 255, 209, 92;
    --main-icon-color: #4e3f1c;
    --RGB_main-icon-color: 78, 63, 28;
    --balance-wrapper1: #3f3555;
    --RGB_balance-wrapper1: 63, 53, 85;
    --balance-wrapper2: #1d1332;
    --RGB_balance-wrapper2: 29, 19, 50;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffddaf;
    --RGB_tab-active-slide: 255, 221, 175;
    --tab-active-text: #ffddaf;
    --RGB_tab-active-text: 255, 221, 175;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #e0a532;
    --RGB_progress-bg: 224, 165, 50;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkruby] {
    --primary: #ffe1a6;
    --RGB_primary: 255, 225, 166;
    --primary2: #e0a532;
    --RGB_primary2: 224, 165, 50;
    --primary3: #442121;
    --RGB_primary3: 68, 33, 33;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #ffe1a6;
    --RGB_text-secondary: 255, 225, 166;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ffddaf;
    --RGB_text-link: 255, 221, 175;
    --text-hightlight: #ffddaf;
    --RGB_text-hightlight: 255, 221, 175;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #442121;
    --RGB_input: 68, 33, 33;
    --input-border: #442121;
    --RGB_input-border: 68, 33, 33;
    --input-bg: #442121;
    --RGB_input-bg: 68, 33, 33;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #381a1a;
    --RGB_body: 56, 26, 26;
    --header: #381a1a;
    --RGB_header: 56, 26, 26;
    --footer: #571414;
    --RGB_footer: 87, 20, 20;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #571414;
    --RGB_categoryBG: 87, 20, 20;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #ffd15c;
    --RGB_btn-primary: 255, 209, 92;
    --btn-primary-border: #ffddaf;
    --RGB_btn-primary-border: 255, 221, 175;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ffddaf;
    --RGB_btn-gradient1: 255, 221, 175;
    --btn-gradient2: #e0a532;
    --RGB_btn-gradient2: 224, 165, 50;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ffddaf;
    --RGB_btn-border: 255, 221, 175;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #592b2b;
    --RGB_card-primary: 89, 43, 43;
    --card-secondary: #442121;
    --RGB_card-secondary: 68, 33, 33;
    --card-tertiary: #6a4040;
    --RGB_card-tertiary: 106, 64, 64;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ffddaf;
    --RGB_icon-active: 255, 221, 175;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #ea6568;
    --RGB_main-icon-stroke: 234, 101, 104;
    --main-icon-color: #4e3f1c;
    --RGB_main-icon-color: 78, 63, 28;
    --balance-wrapper1: #501414;
    --RGB_balance-wrapper1: 80, 20, 20;
    --balance-wrapper2: #280303;
    --RGB_balance-wrapper2: 40, 3, 3;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ffd15c;
    --RGB_balance-text1: 255, 209, 92;
    --balance-text2: #f6db96;
    --RGB_balance-text2: 246, 219, 150;
    --balance-text3: #9b7a24;
    --RGB_balance-text3: 155, 122, 36;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ffddaf;
    --RGB_tab-active-slide: 255, 221, 175;
    --tab-active-text: #ffddaf;
    --RGB_tab-active-text: 255, 221, 175;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #442121;
    --RGB_progress-bg: 68, 33, 33;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkcandy-theme] {
    --primary: #ff84b8;
    --RGB_primary: 255, 132, 184;
    --primary2: #ff84b8;
    --RGB_primary2: 255, 132, 184;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ff84b8;
    --RGB_text-link: 255, 132, 184;
    --text-hightlight: #ff84b8;
    --RGB_text-hightlight: 255, 132, 184;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #ff84b8;
    --RGB_btn-primary: 255, 132, 184;
    --btn-primary-border: #ff84b8;
    --RGB_btn-primary-border: 255, 132, 184;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ff84b8;
    --RGB_btn-gradient1: 255, 132, 184;
    --btn-gradient2: #ffbad7;
    --RGB_btn-gradient2: 255, 186, 215;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ff84b8;
    --RGB_btn-border: 255, 132, 184;
    --btn-hover-primary: #ff84b8;
    --RGB_btn-hover-primary: 255, 132, 184;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ff84b8;
    --RGB_icon-active: 255, 132, 184;
    --main-icon-1: #ff84b8;
    --RGB_main-icon-1: 255, 132, 184;
    --main-icon-2: #ffbad7;
    --RGB_main-icon-2: 255, 186, 215;
    --main-icon-3: #ff84b8;
    --RGB_main-icon-3: 255, 132, 184;
    --main-icon-stroke: #ff84b8;
    --RGB_main-icon-stroke: 255, 132, 184;
    --main-icon-color: #8e1d4d;
    --RGB_main-icon-color: 142, 29, 77;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #ff84b8;
    --RGB_balance-wrapper-stroke: 255, 132, 184;
    --balance-wrapper-text1: #ff84b8;
    --RGB_balance-wrapper-text1: 255, 132, 184;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ff84b8;
    --RGB_balance-text1: 255, 132, 184;
    --balance-text2: #ffbad7;
    --RGB_balance-text2: 255, 186, 215;
    --balance-text3: #ff84b8;
    --RGB_balance-text3: 255, 132, 184;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ff84b8;
    --RGB_tab-active-slide: 255, 132, 184;
    --tab-active-text: #ff84b8;
    --RGB_tab-active-text: 255, 132, 184;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkemerald-theme] {
    --primary: #18ab8f;
    --RGB_primary: 24, 171, 143;
    --primary2: #18ab8f;
    --RGB_primary2: 24, 171, 143;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #18ab8f;
    --RGB_text-link: 24, 171, 143;
    --text-hightlight: #18ab8f;
    --RGB_text-hightlight: 24, 171, 143;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #18ab8f;
    --RGB_btn-primary: 24, 171, 143;
    --btn-primary-border: #18ab8f;
    --RGB_btn-primary-border: 24, 171, 143;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #18ab8f;
    --RGB_btn-gradient1: 24, 171, 143;
    --btn-gradient2: #6affe3;
    --RGB_btn-gradient2: 106, 255, 227;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #18ab8f;
    --RGB_btn-border: 24, 171, 143;
    --btn-hover-primary: #18ab8f;
    --RGB_btn-hover-primary: 24, 171, 143;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #18ab8f;
    --RGB_icon-active: 24, 171, 143;
    --main-icon-1: #18ab8f;
    --RGB_main-icon-1: 24, 171, 143;
    --main-icon-2: #6affe3;
    --RGB_main-icon-2: 106, 255, 227;
    --main-icon-3: #18ab8f;
    --RGB_main-icon-3: 24, 171, 143;
    --main-icon-stroke: #18ab8f;
    --RGB_main-icon-stroke: 24, 171, 143;
    --main-icon-color: #176354;
    --RGB_main-icon-color: 23, 99, 84;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #18ab8f;
    --RGB_balance-wrapper-stroke: 24, 171, 143;
    --balance-wrapper-text1: #18ab8f;
    --RGB_balance-wrapper-text1: 24, 171, 143;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #18ab8f;
    --RGB_balance-text1: 24, 171, 143;
    --balance-text2: #6affe3;
    --RGB_balance-text2: 106, 255, 227;
    --balance-text3: #18ab8f;
    --RGB_balance-text3: 24, 171, 143;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #18ab8f;
    --RGB_tab-active-slide: 24, 171, 143;
    --tab-active-text: #18ab8f;
    --RGB_tab-active-text: 24, 171, 143;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkgold-theme] {
    --primary: #dac289;
    --RGB_primary: 218, 194, 137;
    --primary2: #dac289;
    --RGB_primary2: 218, 194, 137;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #dac289;
    --RGB_text-link: 218, 194, 137;
    --text-hightlight: #dac289;
    --RGB_text-hightlight: 218, 194, 137;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #dac289;
    --RGB_btn-primary: 218, 194, 137;
    --btn-primary-border: #dac289;
    --RGB_btn-primary-border: 218, 194, 137;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #dac289;
    --RGB_btn-gradient1: 218, 194, 137;
    --btn-gradient2: #f8ecb9;
    --RGB_btn-gradient2: 248, 236, 185;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #dac289;
    --RGB_btn-border: 218, 194, 137;
    --btn-hover-primary: #dac289;
    --RGB_btn-hover-primary: 218, 194, 137;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #dac289;
    --RGB_icon-active: 218, 194, 137;
    --main-icon-1: #ffd15c;
    --RGB_main-icon-1: 255, 209, 92;
    --main-icon-2: #f6db96;
    --RGB_main-icon-2: 246, 219, 150;
    --main-icon-3: #9b7a24;
    --RGB_main-icon-3: 155, 122, 36;
    --main-icon-stroke: #9b7a24;
    --RGB_main-icon-stroke: 155, 122, 36;
    --main-icon-color: #232325;
    --RGB_main-icon-color: 35, 35, 37;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #ffd15c;
    --RGB_balance-wrapper-stroke: 255, 209, 92;
    --balance-wrapper-text1: #ffd15c;
    --RGB_balance-wrapper-text1: 255, 209, 92;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #dac289;
    --RGB_balance-text1: 218, 194, 137;
    --balance-text2: #f8ecb9;
    --RGB_balance-text2: 248, 236, 185;
    --balance-text3: #dac289;
    --RGB_balance-text3: 218, 194, 137;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #dac289;
    --RGB_tab-active-slide: 218, 194, 137;
    --tab-active-text: #dac289;
    --RGB_tab-active-text: 218, 194, 137;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkmagenta-theme] {
    --primary: #d33d8f;
    --RGB_primary: 211, 61, 143;
    --primary2: #d33d8f;
    --RGB_primary2: 211, 61, 143;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #d33d8f;
    --RGB_text-link: 211, 61, 143;
    --text-hightlight: #d33d8f;
    --RGB_text-hightlight: 211, 61, 143;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #d33d8f;
    --RGB_btn-primary: 211, 61, 143;
    --btn-primary-border: #d33d8f;
    --RGB_btn-primary-border: 211, 61, 143;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #d33d8f;
    --RGB_btn-gradient1: 211, 61, 143;
    --btn-gradient2: #ff79c2;
    --RGB_btn-gradient2: 255, 121, 194;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #d33d8f;
    --RGB_btn-border: 211, 61, 143;
    --btn-hover-primary: #d33d8f;
    --RGB_btn-hover-primary: 211, 61, 143;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #d33d8f;
    --RGB_icon-active: 211, 61, 143;
    --main-icon-1: #d33d8f;
    --RGB_main-icon-1: 211, 61, 143;
    --main-icon-2: #ff79c2;
    --RGB_main-icon-2: 255, 121, 194;
    --main-icon-3: #d33d8f;
    --RGB_main-icon-3: 211, 61, 143;
    --main-icon-stroke: #d33d8f;
    --RGB_main-icon-stroke: 211, 61, 143;
    --main-icon-color: #72224d;
    --RGB_main-icon-color: 114, 34, 77;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #d33d8f;
    --RGB_balance-wrapper-stroke: 211, 61, 143;
    --balance-wrapper-text1: #d33d8f;
    --RGB_balance-wrapper-text1: 211, 61, 143;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #d33d8f;
    --RGB_balance-text1: 211, 61, 143;
    --balance-text2: #ff79c2;
    --RGB_balance-text2: 255, 121, 194;
    --balance-text3: #d33d8f;
    --RGB_balance-text3: 211, 61, 143;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #d33d8f;
    --RGB_tab-active-slide: 211, 61, 143;
    --tab-active-text: #d33d8f;
    --RGB_tab-active-text: 211, 61, 143;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darklavender-theme] {
    --primary: #cf51ff;
    --RGB_primary: 207, 81, 255;
    --primary2: #cf51ff;
    --RGB_primary2: 207, 81, 255;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #cf51ff;
    --RGB_text-link: 207, 81, 255;
    --text-hightlight: #cf51ff;
    --RGB_text-hightlight: 207, 81, 255;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #cf51ff;
    --RGB_btn-primary: 207, 81, 255;
    --btn-primary-border: #cf51ff;
    --RGB_btn-primary-border: 207, 81, 255;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #cf51ff;
    --RGB_btn-gradient1: 207, 81, 255;
    --btn-gradient2: #9421c0;
    --RGB_btn-gradient2: 148, 33, 192;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #cf51ff;
    --RGB_btn-border: 207, 81, 255;
    --btn-hover-primary: #cf51ff;
    --RGB_btn-hover-primary: 207, 81, 255;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #cf51ff;
    --RGB_icon-active: 207, 81, 255;
    --main-icon-1: #cf51ff;
    --RGB_main-icon-1: 207, 81, 255;
    --main-icon-2: #e49eff;
    --RGB_main-icon-2: 228, 158, 255;
    --main-icon-3: #cf51ff;
    --RGB_main-icon-3: 207, 81, 255;
    --main-icon-stroke: #cf51ff;
    --RGB_main-icon-stroke: 207, 81, 255;
    --main-icon-color: #5a1475;
    --RGB_main-icon-color: 90, 20, 117;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #cf51ff;
    --RGB_balance-wrapper-stroke: 207, 81, 255;
    --balance-wrapper-text1: #cf51ff;
    --RGB_balance-wrapper-text1: 207, 81, 255;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #cf51ff;
    --RGB_balance-text1: 207, 81, 255;
    --balance-text2: #e49eff;
    --RGB_balance-text2: 228, 158, 255;
    --balance-text3: #cf51ff;
    --RGB_balance-text3: 207, 81, 255;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #cf51ff;
    --RGB_tab-active-slide: 207, 81, 255;
    --tab-active-text: #cf51ff;
    --RGB_tab-active-text: 207, 81, 255;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkforest-theme] {
    --primary: #30c237;
    --RGB_primary: 48, 194, 55;
    --primary2: #30c237;
    --RGB_primary2: 48, 194, 55;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #30c237;
    --RGB_text-link: 48, 194, 55;
    --text-hightlight: #30c237;
    --RGB_text-hightlight: 48, 194, 55;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #30c237;
    --RGB_btn-primary: 48, 194, 55;
    --btn-primary-border: #30c237;
    --RGB_btn-primary-border: 48, 194, 55;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #30c237;
    --RGB_btn-gradient1: 48, 194, 55;
    --btn-gradient2: #80fa86;
    --RGB_btn-gradient2: 128, 250, 134;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #30c237;
    --RGB_btn-border: 48, 194, 55;
    --btn-hover-primary: #30c237;
    --RGB_btn-hover-primary: 48, 194, 55;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #30c237;
    --RGB_icon-active: 48, 194, 55;
    --main-icon-1: #30c237;
    --RGB_main-icon-1: 48, 194, 55;
    --main-icon-2: #80fa86;
    --RGB_main-icon-2: 128, 250, 134;
    --main-icon-3: #30c237;
    --RGB_main-icon-3: 48, 194, 55;
    --main-icon-stroke: #30c237;
    --RGB_main-icon-stroke: 48, 194, 55;
    --main-icon-color: #1f6b23;
    --RGB_main-icon-color: 31, 107, 35;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #30c237;
    --RGB_balance-wrapper-stroke: 48, 194, 55;
    --balance-wrapper-text1: #30c237;
    --RGB_balance-wrapper-text1: 48, 194, 55;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #30c237;
    --RGB_balance-text1: 48, 194, 55;
    --balance-text2: #80fa86;
    --RGB_balance-text2: 128, 250, 134;
    --balance-text3: #30c237;
    --RGB_balance-text3: 48, 194, 55;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #30c237;
    --RGB_tab-active-slide: 48, 194, 55;
    --tab-active-text: #30c237;
    --RGB_tab-active-text: 48, 194, 55;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkorange-theme] {
    --primary: #f57f0c;
    --RGB_primary: 245, 127, 12;
    --primary2: #f57f0c;
    --RGB_primary2: 245, 127, 12;
    --primary3: #1c1c1c;
    --RGB_primary3: 28, 28, 28;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #29292f;
    --RGB_text-disabled: 41, 41, 47;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #f57f0c;
    --RGB_text-link: 245, 127, 12;
    --text-hightlight: #f57f0c;
    --RGB_text-hightlight: 245, 127, 12;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #f57f0c;
    --RGB_btn-primary: 245, 127, 12;
    --btn-primary-border: #f57f0c;
    --RGB_btn-primary-border: 245, 127, 12;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #f57f0c;
    --RGB_btn-gradient1: 245, 127, 12;
    --btn-gradient2: #ffb670;
    --RGB_btn-gradient2: 255, 182, 112;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #f57f0c;
    --RGB_btn-border: 245, 127, 12;
    --btn-hover-primary: #f57f0c;
    --RGB_btn-hover-primary: 245, 127, 12;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #f57f0c;
    --RGB_icon-active: 245, 127, 12;
    --main-icon-1: #f57f0c;
    --RGB_main-icon-1: 245, 127, 12;
    --main-icon-2: #ffb670;
    --RGB_main-icon-2: 255, 182, 112;
    --main-icon-3: #f57f0c;
    --RGB_main-icon-3: 245, 127, 12;
    --main-icon-stroke: #f57f0c;
    --RGB_main-icon-stroke: 245, 127, 12;
    --main-icon-color: #743f0d;
    --RGB_main-icon-color: 116, 63, 13;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #f57f0c;
    --RGB_balance-wrapper-stroke: 245, 127, 12;
    --balance-wrapper-text1: #f57f0c;
    --RGB_balance-wrapper-text1: 245, 127, 12;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #f57f0c;
    --RGB_balance-text1: 245, 127, 12;
    --balance-text2: #ffb670;
    --RGB_balance-text2: 255, 182, 112;
    --balance-text3: #f57f0c;
    --RGB_balance-text3: 245, 127, 12;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #f57f0c;
    --RGB_tab-active-slide: 245, 127, 12;
    --tab-active-text: #f57f0c;
    --RGB_tab-active-text: 245, 127, 12;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #1c1c1c;
    --RGB_progress-bg: 28, 28, 28;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darknighttime-theme] {
    --primary: #52bcf8;
    --RGB_primary: 82, 188, 248;
    --primary2: #52bcf8;
    --RGB_primary2: 82, 188, 248;
    --primary3: #1c1c1c;
    --RGB_primary3: 28, 28, 28;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #29292f;
    --RGB_text-disabled: 41, 41, 47;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #52bcf8;
    --RGB_text-link: 82, 188, 248;
    --text-hightlight: #52bcf8;
    --RGB_text-hightlight: 82, 188, 248;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: var(--171719);
    --RGB_header: var(--RGB_171719);
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #52bcf8;
    --RGB_btn-primary: 82, 188, 248;
    --btn-primary-border: #52bcf8;
    --RGB_btn-primary-border: 82, 188, 248;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #52bcf8;
    --RGB_btn-gradient1: 82, 188, 248;
    --btn-gradient2: #90d7ff;
    --RGB_btn-gradient2: 144, 215, 255;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #52bcf8;
    --RGB_btn-border: 82, 188, 248;
    --btn-hover-primary: #52bcf8;
    --RGB_btn-hover-primary: 82, 188, 248;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #52bcf8;
    --RGB_icon-active: 82, 188, 248;
    --main-icon-1: #52bcf8;
    --RGB_main-icon-1: 82, 188, 248;
    --main-icon-2: #90d7ff;
    --RGB_main-icon-2: 144, 215, 255;
    --main-icon-3: #52bcf8;
    --RGB_main-icon-3: 82, 188, 248;
    --main-icon-stroke: #52bcf8;
    --RGB_main-icon-stroke: 82, 188, 248;
    --main-icon-color: #25547b;
    --RGB_main-icon-color: 37, 84, 123;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #52bcf8;
    --RGB_balance-wrapper-stroke: 82, 188, 248;
    --balance-wrapper-text1: #52bcf8;
    --RGB_balance-wrapper-text1: 82, 188, 248;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #52bcf8;
    --RGB_balance-text1: 82, 188, 248;
    --balance-text2: #90d7ff;
    --RGB_balance-text2: 144, 215, 255;
    --balance-text3: #52bcf8;
    --RGB_balance-text3: 82, 188, 248;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #52bcf8;
    --RGB_tab-active-slide: 82, 188, 248;
    --tab-active-text: #52bcf8;
    --RGB_tab-active-text: 82, 188, 248;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #1c1c1c;
    --RGB_progress-bg: 28, 28, 28;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darknavy-theme] {
    --primary: #4e8cc0;
    --RGB_primary: 78, 140, 192;
    --primary2: #4e8cc0;
    --RGB_primary2: 78, 140, 192;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #4e8cc0;
    --RGB_text-link: 78, 140, 192;
    --text-hightlight: #4e8cc0;
    --RGB_text-hightlight: 78, 140, 192;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #4e8cc0;
    --RGB_btn-primary: 78, 140, 192;
    --btn-primary-border: #4e8cc0;
    --RGB_btn-primary-border: 78, 140, 192;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #4e8cc0;
    --RGB_btn-gradient1: 78, 140, 192;
    --btn-gradient2: #88c9ff;
    --RGB_btn-gradient2: 136, 201, 255;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #4e8cc0;
    --RGB_btn-border: 78, 140, 192;
    --btn-hover-primary: #4e8cc0;
    --RGB_btn-hover-primary: 78, 140, 192;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #4e8cc0;
    --RGB_icon-active: 78, 140, 192;
    --main-icon-1: #4e8cc0;
    --RGB_main-icon-1: 78, 140, 192;
    --main-icon-2: #88c9ff;
    --RGB_main-icon-2: 136, 201, 255;
    --main-icon-3: #4e8cc0;
    --RGB_main-icon-3: 78, 140, 192;
    --main-icon-stroke: #4e8cc0;
    --RGB_main-icon-stroke: 78, 140, 192;
    --main-icon-color: #25547b;
    --RGB_main-icon-color: 37, 84, 123;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-text1: #4e8cc0;
    --RGB_balance-text1: 78, 140, 192;
    --balance-text2: #88c9ff;
    --RGB_balance-text2: 136, 201, 255;
    --balance-text3: #4e8cc0;
    --RGB_balance-text3: 78, 140, 192;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #4e8cc0;
    --RGB_tab-active-slide: 78, 140, 192;
    --tab-active-text: #4e8cc0;
    --RGB_tab-active-text: 78, 140, 192;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkred-theme] {
    --primary: #ff4b47;
    --RGB_primary: 255, 75, 71;
    --primary2: #ff4b47;
    --RGB_primary2: 255, 75, 71;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #29292f;
    --RGB_text-disabled: 41, 41, 47;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ff4b47;
    --RGB_text-link: 255, 75, 71;
    --text-hightlight: #ff4b47;
    --RGB_text-hightlight: 255, 75, 71;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #ff4b47;
    --RGB_btn-primary: 255, 75, 71;
    --btn-primary-border: #ff4b47;
    --RGB_btn-primary-border: 255, 75, 71;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ff4b47;
    --RGB_btn-gradient1: 255, 75, 71;
    --btn-gradient2: #ff6e6d;
    --RGB_btn-gradient2: 255, 110, 109;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ff4b47;
    --RGB_btn-border: 255, 75, 71;
    --btn-hover-primary: #ff4b47;
    --RGB_btn-hover-primary: 255, 75, 71;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ff4b47;
    --RGB_icon-active: 255, 75, 71;
    --main-icon-1: #ff4b47;
    --RGB_main-icon-1: 255, 75, 71;
    --main-icon-2: #ff6e6d;
    --RGB_main-icon-2: 255, 110, 109;
    --main-icon-3: #ff4b47;
    --RGB_main-icon-3: 255, 75, 71;
    --main-icon-stroke: #ff4b47;
    --RGB_main-icon-stroke: 255, 75, 71;
    --main-icon-color: #4f1211;
    --RGB_main-icon-color: 79, 18, 17;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #ff4b47;
    --RGB_balance-wrapper-stroke: 255, 75, 71;
    --balance-wrapper-text1: #ff4b47;
    --RGB_balance-wrapper-text1: 255, 75, 71;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #ff4b47;
    --RGB_balance-text1: 255, 75, 71;
    --balance-text2: #ff6e6d;
    --RGB_balance-text2: 255, 110, 109;
    --balance-text3: #ff4b47;
    --RGB_balance-text3: 255, 75, 71;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ff4b47;
    --RGB_tab-active-slide: 255, 75, 71;
    --tab-active-text: #ff4b47;
    --RGB_tab-active-text: 255, 75, 71;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #3b3b3e;
    --RGB_progress-bg: 59, 59, 62;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkmidnight-theme] {
    --primary: #0066f5;
    --RGB_primary: 0, 102, 245;
    --primary2: #0066f5;
    --RGB_primary2: 0, 102, 245;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #4e4e4e;
    --RGB_text-disabled: 78, 78, 78;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #0066f5;
    --RGB_text-link: 0, 102, 245;
    --text-hightlight: #0066f5;
    --RGB_text-hightlight: 0, 102, 245;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #0066f5;
    --RGB_btn-primary: 0, 102, 245;
    --btn-primary-border: #0066f5;
    --RGB_btn-primary-border: 0, 102, 245;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #0066f5;
    --RGB_btn-gradient1: 0, 102, 245;
    --btn-gradient2: #65a5ff;
    --RGB_btn-gradient2: 101, 165, 255;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #0066f5;
    --RGB_btn-border: 0, 102, 245;
    --btn-hover-primary: #0066f5;
    --RGB_btn-hover-primary: 0, 102, 245;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #0066f5;
    --RGB_icon-active: 0, 102, 245;
    --main-icon-1: #0066f5;
    --RGB_main-icon-1: 0, 102, 245;
    --main-icon-2: #65a5ff;
    --RGB_main-icon-2: 101, 165, 255;
    --main-icon-3: #0066f5;
    --RGB_main-icon-3: 0, 102, 245;
    --main-icon-stroke: #0066f5;
    --RGB_main-icon-stroke: 0, 102, 245;
    --main-icon-color: #103b77;
    --RGB_main-icon-color: 16, 59, 119;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #0066f5;
    --RGB_balance-wrapper-stroke: 0, 102, 245;
    --balance-wrapper-text1: #0066f5;
    --RGB_balance-wrapper-text1: 0, 102, 245;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #0066f5;
    --RGB_balance-text1: 0, 102, 245;
    --balance-text2: #65a5ff;
    --RGB_balance-text2: 101, 165, 255;
    --balance-text3: #0066f5;
    --RGB_balance-text3: 0, 102, 245;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #0066f5;
    --RGB_tab-active-slide: 0, 102, 245;
    --tab-active-text: #0066f5;
    --RGB_tab-active-text: 0, 102, 245;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkscralet-theme] {
    --primary: #c63130;
    --RGB_primary: 198, 49, 48;
    --primary2: #c63130;
    --RGB_primary2: 198, 49, 48;
    --primary3: #262222;
    --RGB_primary3: 38, 34, 34;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #c63130;
    --RGB_text-link: 198, 49, 48;
    --text-hightlight: #c63130;
    --RGB_text-hightlight: 198, 49, 48;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --iinput-border: #1c1c1c;
    --RGB_iinput-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #c63130;
    --RGB_btn-primary: 198, 49, 48;
    --btn-primary-border: #c63130;
    --RGB_btn-primary-border: 198, 49, 48;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #c63130;
    --RGB_btn-gradient1: 198, 49, 48;
    --btn-gradient2: #ff6e6d;
    --RGB_btn-gradient2: 255, 110, 109;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #c63130;
    --RGB_btn-border: 198, 49, 48;
    --btn-hover-primary: #c63130;
    --RGB_btn-hover-primary: 198, 49, 48;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #c63130;
    --RGB_icon-active: 198, 49, 48;
    --main-icon-1: #c63130;
    --RGB_main-icon-1: 198, 49, 48;
    --main-icon-2: #ff6e6d;
    --RGB_main-icon-2: 255, 110, 109;
    --main-icon-3: #c63130;
    --RGB_main-icon-3: 198, 49, 48;
    --main-icon-stroke: #c63130;
    --RGB_main-icon-stroke: 198, 49, 48;
    --main-icon-color: #4f1211;
    --RGB_main-icon-color: 79, 18, 17;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #c63130;
    --RGB_balance-wrapper-stroke: 198, 49, 48;
    --balance-wrapper-text1: #c63130;
    --RGB_balance-wrapper-text1: 198, 49, 48;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #c63130;
    --RGB_balance-text1: 198, 49, 48;
    --balance-text2: #ff6e6d;
    --RGB_balance-text2: 255, 110, 109;
    --balance-text3: #c63130;
    --RGB_balance-text3: 198, 49, 48;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #c63130;
    --RGB_tab-active-slide: 198, 49, 48;
    --tab-active-text: #c63130;
    --RGB_tab-active-text: 198, 49, 48;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #262222;
    --RGB_progress-bg: 38, 34, 34;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkpurple-theme] {
    --primary: #bf79f5;
    --RGB_primary: 191, 121, 245;
    --primary2: #bf79f5;
    --RGB_primary2: 191, 121, 245;
    --primary3: #1c1c1c;
    --RGB_primary3: 28, 28, 28;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #29292f;
    --RGB_text-disabled: 41, 41, 47;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #bf79f5;
    --RGB_text-link: 191, 121, 245;
    --text-hightlight: #bf79f5;
    --RGB_text-hightlight: 191, 121, 245;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #bf79f5;
    --RGB_btn-primary: 191, 121, 245;
    --btn-primary-border: #bf79f5;
    --RGB_btn-primary-border: 191, 121, 245;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #bf79f5;
    --RGB_btn-gradient1: 191, 121, 245;
    --btn-gradient2: #e4c0ff;
    --RGB_btn-gradient2: 228, 192, 255;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #bf79f5;
    --RGB_btn-border: 191, 121, 245;
    --btn-hover-primary: #bf79f5;
    --RGB_btn-hover-primary: 191, 121, 245;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #bf79f5;
    --RGB_icon-active: 191, 121, 245;
    --main-icon-1: #bf79f5;
    --RGB_main-icon-1: 191, 121, 245;
    --main-icon-2: #e4c0ff;
    --RGB_main-icon-2: 228, 192, 255;
    --main-icon-3: #bf79f5;
    --RGB_main-icon-3: 191, 121, 245;
    --main-icon-stroke: #bf79f5;
    --RGB_main-icon-stroke: 191, 121, 245;
    --main-icon-color: #5d3080;
    --RGB_main-icon-color: 93, 48, 128;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #bf79f5;
    --RGB_balance-wrapper-stroke: 191, 121, 245;
    --balance-wrapper-text1: #bf79f5;
    --RGB_balance-wrapper-text1: 191, 121, 245;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #bf79f5;
    --RGB_balance-text1: 191, 121, 245;
    --balance-text2: #e4c0ff;
    --RGB_balance-text2: 228, 192, 255;
    --balance-text3: #bf79f5;
    --RGB_balance-text3: 191, 121, 245;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #bf79f5;
    --RGB_tab-active-slide: 191, 121, 245;
    --tab-active-text: #bf79f5;
    --RGB_tab-active-text: 191, 121, 245;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #1c1c1c;
    --RGB_progress-bg: 28, 28, 28;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=darkpeach-theme] {
    --primary: #f36680;
    --RGB_primary: 243, 102, 128;
    --primary2: #f36680;
    --RGB_primary2: 243, 102, 128;
    --primary3: #1c1c1c;
    --RGB_primary3: 28, 28, 28;
    --text-primary: #fff;
    --RGB_text-primary: 255, 255, 255;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #29292f;
    --RGB_text-disabled: 41, 41, 47;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #f36680;
    --RGB_text-link: 243, 102, 128;
    --text-hightlight: #f36680;
    --RGB_text-hightlight: 243, 102, 128;
    --text-topup: #fff;
    --RGB_text-topup: 255, 255, 255;
    --input: #1c1c1c;
    --RGB_input: 28, 28, 28;
    --input-border: #1c1c1c;
    --RGB_input-border: 28, 28, 28;
    --input-bg: #1c1c1c;
    --RGB_input-bg: 28, 28, 28;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #171719;
    --RGB_body: 23, 23, 25;
    --header: #171719;
    --RGB_header: 23, 23, 25;
    --footer: #232325;
    --RGB_footer: 35, 35, 37;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #232325;
    --RGB_categoryBG: 35, 35, 37;
    --darkCard: #162e18;
    --RGB_darkCard: 22, 46, 24;
    --btn-primary: #f36680;
    --RGB_btn-primary: 243, 102, 128;
    --btn-primary-border: #f36680;
    --RGB_btn-primary-border: 243, 102, 128;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #f36680;
    --RGB_btn-gradient1: 243, 102, 128;
    --btn-gradient2: #ffa5b5;
    --RGB_btn-gradient2: 255, 165, 181;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #f36680;
    --RGB_btn-border: 243, 102, 128;
    --btn-hover-primary: #f36680;
    --RGB_btn-hover-primary: 243, 102, 128;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #232325;
    --RGB_card-primary: 35, 35, 37;
    --card-secondary: #1c1c1c;
    --RGB_card-secondary: 28, 28, 28;
    --card-tertiary: #3b3b3e;
    --RGB_card-tertiary: 59, 59, 62;
    --icon-primary: #8e8e8e;
    --RGB_icon-primary: 142, 142, 142;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #f36680;
    --RGB_icon-active: 243, 102, 128;
    --main-icon-1: #f36680;
    --RGB_main-icon-1: 243, 102, 128;
    --main-icon-2: #ffa5b5;
    --RGB_main-icon-2: 255, 165, 181;
    --main-icon-3: #f36680;
    --RGB_main-icon-3: 243, 102, 128;
    --main-icon-stroke: #f36680;
    --RGB_main-icon-stroke: 243, 102, 128;
    --main-icon-color: #8e182e;
    --RGB_main-icon-color: 142, 24, 46;
    --balance-wrapper1: #3a3833;
    --RGB_balance-wrapper1: 58, 56, 51;
    --balance-wrapper2: #121214;
    --RGB_balance-wrapper2: 18, 18, 20;
    --balance-wrapper-stroke: #f36680;
    --RGB_balance-wrapper-stroke: 243, 102, 128;
    --balance-wrapper-text1: #f36680;
    --RGB_balance-wrapper-text1: 243, 102, 128;
    --balance-wrapper-text2: #d8d8d8;
    --RGB_balance-wrapper-text2: 216, 216, 216;
    --balance-text1: #f36680;
    --RGB_balance-text1: 243, 102, 128;
    --balance-text2: #ffa5b5;
    --RGB_balance-text2: 255, 165, 181;
    --balance-text3: #f36680;
    --RGB_balance-text3: 243, 102, 128;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #f36680;
    --RGB_tab-active-slide: 243, 102, 128;
    --tab-active-text: #f36680;
    --RGB_tab-active-text: 243, 102, 128;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #1c1c1c;
    --RGB_progress-bg: 28, 28, 28;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=bluelagoon-theme] {
    --primary: #149fa8;
    --RGB_primary: 20, 159, 168;
    --primary2: #149fa8;
    --RGB_primary2: 20, 159, 168;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #149fa8;
    --RGB_text-link: 20, 159, 168;
    --text-hightlight: #149fa8;
    --RGB_text-hightlight: 20, 159, 168;
    --text-topup: #149fa8;
    --RGB_text-topup: 20, 159, 168;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #149fa8;
    --RGB_btn-primary: 20, 159, 168;
    --btn-primary-border: #149fa8;
    --RGB_btn-primary-border: 20, 159, 168;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #149fa8;
    --RGB_btn-gradient1: 20, 159, 168;
    --btn-gradient2: #36d7e1;
    --RGB_btn-gradient2: 54, 215, 225;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #149fa8;
    --RGB_btn-border: 20, 159, 168;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #e7f5f6;
    --RGB_card-tertiary: 231, 245, 246;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #149fa8;
    --RGB_icon-active: 20, 159, 168;
    --main-icon-1: #149fa8;
    --RGB_main-icon-1: 20, 159, 168;
    --main-icon-2: #36d7e1;
    --RGB_main-icon-2: 54, 215, 225;
    --main-icon-3: #149fa8;
    --RGB_main-icon-3: 20, 159, 168;
    --main-icon-stroke: #149fa8;
    --RGB_main-icon-stroke: 20, 159, 168;
    --main-icon-color: #185b60;
    --RGB_main-icon-color: 24, 91, 96;
    --balance-wrapper-stroke: #149fa8;
    --RGB_balance-wrapper-stroke: 20, 159, 168;
    --balance-wrapper-text1: #149fa8;
    --RGB_balance-wrapper-text1: 20, 159, 168;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-text1: #149fa8;
    --RGB_balance-text1: 20, 159, 168;
    --balance-text2: #149fa8;
    --RGB_balance-text2: 20, 159, 168;
    --balance-text3: #149fa8;
    --RGB_balance-text3: 20, 159, 168;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #149fa8;
    --RGB_tab-active-slide: 20, 159, 168;
    --tab-active-text: #149fa8;
    --RGB_tab-active-text: 20, 159, 168;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=deepsea-theme] {
    --primary: #3b76a5;
    --RGB_primary: 59, 118, 165;
    --primary2: #3b76a5;
    --RGB_primary2: 59, 118, 165;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #3b76a5;
    --RGB_text-link: 59, 118, 165;
    --text-hightlight: #3b76a5;
    --RGB_text-hightlight: 59, 118, 165;
    --text-topup: #3b76a5;
    --RGB_text-topup: 59, 118, 165;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #3b76a5;
    --RGB_btn-primary: 59, 118, 165;
    --btn-primary-border: #3b76a5;
    --RGB_btn-primary-border: 59, 118, 165;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #3b76a5;
    --RGB_btn-gradient1: 59, 118, 165;
    --btn-gradient2: #add7f8;
    --RGB_btn-gradient2: 173, 215, 248;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #3b76a5;
    --RGB_btn-border: 59, 118, 165;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #ebf1f6;
    --RGB_card-tertiary: 235, 241, 246;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #3b76a5;
    --RGB_icon-active: 59, 118, 165;
    --main-icon-1: #3b76a5;
    --RGB_main-icon-1: 59, 118, 165;
    --main-icon-2: #add7f8;
    --RGB_main-icon-2: 173, 215, 248;
    --main-icon-3: #3b76a5;
    --RGB_main-icon-3: 59, 118, 165;
    --main-icon-stroke: #3b76a5;
    --RGB_main-icon-stroke: 59, 118, 165;
    --main-icon-color: #21435f;
    --RGB_main-icon-color: 33, 67, 95;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #3b76a5;
    --RGB_balance-wrapper-stroke: 59, 118, 165;
    --balance-wrapper-text1: #3b76a5;
    --RGB_balance-wrapper-text1: 59, 118, 165;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-text1: #3b76a5;
    --RGB_balance-text1: 59, 118, 165;
    --balance-text2: #3b76a5;
    --RGB_balance-text2: 59, 118, 165;
    --balance-text3: #3b76a5;
    --RGB_balance-text3: 59, 118, 165;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #3b76a5;
    --RGB_tab-active-slide: 59, 118, 165;
    --tab-active-text: #3b76a5;
    --RGB_tab-active-text: 59, 118, 165;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=cherry-theme] {
    --primary: #e34d26;
    --RGB_primary: 227, 77, 38;
    --primary2: #e34d26;
    --RGB_primary2: 227, 77, 38;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #e34d26;
    --RGB_text-link: 227, 77, 38;
    --text-hightlight: #e34d26;
    --RGB_text-hightlight: 227, 77, 38;
    --text-topup: #e34d26;
    --RGB_text-topup: 227, 77, 38;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #e34d26;
    --RGB_btn-primary: 227, 77, 38;
    --btn-primary-border: #e34d26;
    --RGB_btn-primary-border: 227, 77, 38;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #e34d26;
    --RGB_btn-gradient1: 227, 77, 38;
    --btn-gradient2: #ff9f86;
    --RGB_btn-gradient2: 255, 159, 134;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #e34d26;
    --RGB_btn-border: 227, 77, 38;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #fcede9;
    --RGB_card-tertiary: 252, 237, 233;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #e34d26;
    --RGB_icon-active: 227, 77, 38;
    --main-icon-1: #e34d26;
    --RGB_main-icon-1: 227, 77, 38;
    --main-icon-2: #ff9f86;
    --RGB_main-icon-2: 255, 159, 134;
    --main-icon-3: #e34d26;
    --RGB_main-icon-3: 227, 77, 38;
    --main-icon-stroke: #e34d26;
    --RGB_main-icon-stroke: 227, 77, 38;
    --main-icon-color: #612e21;
    --RGB_main-icon-color: 97, 46, 33;
    --balance-wrapper-stroke: #e34d26;
    --RGB_balance-wrapper-stroke: 227, 77, 38;
    --balance-wrapper-text1: #e34d26;
    --RGB_balance-wrapper-text1: 227, 77, 38;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-text1: #e34d26;
    --RGB_balance-text1: 227, 77, 38;
    --balance-text2: #e34d26;
    --RGB_balance-text2: 227, 77, 38;
    --balance-text3: #e34d26;
    --RGB_balance-text3: 227, 77, 38;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #e34d26;
    --RGB_tab-active-slide: 227, 77, 38;
    --tab-active-text: #e34d26;
    --RGB_tab-active-text: 227, 77, 38;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=wine-theme] {
    --primary: #b5286f;
    --RGB_primary: 181, 40, 111;
    --primary2: #b5286f;
    --RGB_primary2: 181, 40, 111;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #b5286f;
    --RGB_text-link: 181, 40, 111;
    --text-hightlight: #b5286f;
    --RGB_text-hightlight: 181, 40, 111;
    --text-topup: #b5286f;
    --RGB_text-topup: 181, 40, 111;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #b5286f;
    --RGB_btn-primary: 181, 40, 111;
    --btn-primary-border: #b5286f;
    --RGB_btn-primary-border: 181, 40, 111;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #b5286f;
    --RGB_btn-gradient1: 181, 40, 111;
    --btn-gradient2: #fe75ba;
    --RGB_btn-gradient2: 254, 117, 186;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #b5286f;
    --RGB_btn-border: 181, 40, 111;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #f8e9f1;
    --RGB_card-tertiary: 248, 233, 241;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #b5286f;
    --RGB_icon-active: 181, 40, 111;
    --main-icon-1: #b5286f;
    --RGB_main-icon-1: 181, 40, 111;
    --main-icon-2: #fe75ba;
    --RGB_main-icon-2: 254, 117, 186;
    --main-icon-3: #b5286f;
    --RGB_main-icon-3: 181, 40, 111;
    --main-icon-stroke: #b5286f;
    --RGB_main-icon-stroke: 181, 40, 111;
    --main-icon-color: #fff;
    --RGB_main-icon-color: 255, 255, 255;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #b5286f;
    --RGB_balance-wrapper-stroke: 181, 40, 111;
    --balance-wrapper-text1: #b5286f;
    --RGB_balance-wrapper-text1: 181, 40, 111;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-text1: #b5286f;
    --RGB_balance-text1: 181, 40, 111;
    --balance-text2: #b5286f;
    --RGB_balance-text2: 181, 40, 111;
    --balance-text3: #b5286f;
    --RGB_balance-text3: 181, 40, 111;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #b5286f;
    --RGB_tab-active-slide: 181, 40, 111;
    --tab-active-text: #b5286f;
    --RGB_tab-active-text: 181, 40, 111;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=nighttime-theme] {
    --primary: #1c4f98;
    --RGB_primary: 28, 79, 152;
    --primary2: #1c4f98;
    --RGB_primary2: 28, 79, 152;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #1c4f98;
    --RGB_text-link: 28, 79, 152;
    --text-hightlight: #1c4f98;
    --RGB_text-hightlight: 28, 79, 152;
    --text-topup: #1c4f98;
    --RGB_text-topup: 28, 79, 152;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #1c4f98;
    --RGB_btn-primary: 28, 79, 152;
    --btn-primary-border: #1c4f98;
    --RGB_btn-primary-border: 28, 79, 152;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #1c4f98;
    --RGB_btn-gradient1: 28, 79, 152;
    --btn-gradient2: #72acff;
    --RGB_btn-gradient2: 114, 172, 255;
    --btn-text: #fff;
    --RGB_btn-text: 255, 255, 255;
    --btn-border: #1c4f98;
    --RGB_btn-border: 28, 79, 152;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #e8edf5;
    --RGB_card-tertiary: 232, 237, 245;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #1c4f98;
    --RGB_icon-active: 28, 79, 152;
    --main-icon-1: #1c4f98;
    --RGB_main-icon-1: 28, 79, 152;
    --main-icon-2: #72acff;
    --RGB_main-icon-2: 114, 172, 255;
    --main-icon-3: #1c4f98;
    --RGB_main-icon-3: 28, 79, 152;
    --main-icon-stroke: #1c4f98;
    --RGB_main-icon-stroke: 28, 79, 152;
    --main-icon-color: #022c4e;
    --RGB_main-icon-color: 2, 44, 78;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #1c4f98;
    --RGB_balance-wrapper-stroke: 28, 79, 152;
    --balance-wrapper-text1: #1c4f98;
    --RGB_balance-wrapper-text1: 28, 79, 152;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-text1: #1c4f98;
    --RGB_balance-text1: 28, 79, 152;
    --balance-text2: #1c4f98;
    --RGB_balance-text2: 28, 79, 152;
    --balance-text3: #1c4f98;
    --RGB_balance-text3: 28, 79, 152;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #1c4f98;
    --RGB_tab-active-slide: 28, 79, 152;
    --tab-active-text: #1c4f98;
    --RGB_tab-active-text: 28, 79, 152;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=icyblue-theme] {
    --primary: #1b9dd5;
    --RGB_primary: 27, 157, 213;
    --primary2: #1b9dd5;
    --RGB_primary2: 27, 157, 213;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #1b9dd5;
    --RGB_text-link: 27, 157, 213;
    --text-hightlight: #1b9dd5;
    --RGB_text-hightlight: 27, 157, 213;
    --text-topup: #1b9dd5;
    --RGB_text-topup: 27, 157, 213;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #1b9dd5;
    --RGB_btn-primary: 27, 157, 213;
    --btn-primary-border: #1b9dd5;
    --RGB_btn-primary-border: 27, 157, 213;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #1b9dd5;
    --RGB_btn-gradient1: 27, 157, 213;
    --btn-gradient2: #73d5ff;
    --RGB_btn-gradient2: 115, 213, 255;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #1b9dd5;
    --RGB_btn-border: 27, 157, 213;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #e8f5fb;
    --RGB_card-tertiary: 232, 245, 251;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #1b9dd5;
    --RGB_icon-active: 27, 157, 213;
    --main-icon-1: #1b9dd5;
    --RGB_main-icon-1: 27, 157, 213;
    --main-icon-2: #73d5ff;
    --RGB_main-icon-2: 115, 213, 255;
    --main-icon-3: #1b9dd5;
    --RGB_main-icon-3: 27, 157, 213;
    --main-icon-stroke: #1b9dd5;
    --RGB_main-icon-stroke: 27, 157, 213;
    --main-icon-color: #21435f;
    --RGB_main-icon-color: 33, 67, 95;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #1b9dd5;
    --RGB_balance-wrapper-stroke: 27, 157, 213;
    --balance-wrapper-text1: #1b9dd5;
    --RGB_balance-wrapper-text1: 27, 157, 213;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-text1: #1b9dd5;
    --RGB_balance-text1: 27, 157, 213;
    --balance-text2: #1b9dd5;
    --RGB_balance-text2: 27, 157, 213;
    --balance-text3: #1b9dd5;
    --RGB_balance-text3: 27, 157, 213;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #1b9dd5;
    --RGB_tab-active-slide: 27, 157, 213;
    --tab-active-text: #1b9dd5;
    --RGB_tab-active-text: 27, 157, 213;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=violet-theme] {
    --primary: #795aef;
    --RGB_primary: 121, 90, 239;
    --primary2: #795aef;
    --RGB_primary2: 121, 90, 239;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #795aef;
    --RGB_text-link: 121, 90, 239;
    --text-hightlight: #795aef;
    --RGB_text-hightlight: 121, 90, 239;
    --text-topup: #795aef;
    --RGB_text-topup: 121, 90, 239;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #795aef;
    --RGB_btn-primary: 121, 90, 239;
    --btn-primary-border: #795aef;
    --RGB_btn-primary-border: 121, 90, 239;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #795aef;
    --RGB_btn-gradient1: 121, 90, 239;
    --btn-gradient2: #ab95ff;
    --RGB_btn-gradient2: 171, 149, 255;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #795aef;
    --RGB_btn-border: 121, 90, 239;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #f2eefd;
    --RGB_card-tertiary: 242, 238, 253;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #795aef;
    --RGB_icon-active: 121, 90, 239;
    --main-icon-1: #795aef;
    --RGB_main-icon-1: 121, 90, 239;
    --main-icon-2: #ab95ff;
    --RGB_main-icon-2: 171, 149, 255;
    --main-icon-3: #795aef;
    --RGB_main-icon-3: 121, 90, 239;
    --main-icon-stroke: #795aef;
    --RGB_main-icon-stroke: 121, 90, 239;
    --main-icon-color: #391ea1;
    --RGB_main-icon-color: 57, 30, 161;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #795aef;
    --RGB_balance-wrapper-stroke: 121, 90, 239;
    --balance-wrapper-text1: #795aef;
    --RGB_balance-wrapper-text1: 121, 90, 239;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-text1: #795aef;
    --RGB_balance-text1: 121, 90, 239;
    --balance-text2: #795aef;
    --RGB_balance-text2: 121, 90, 239;
    --balance-text3: #795aef;
    --RGB_balance-text3: 121, 90, 239;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #795aef;
    --RGB_tab-active-slide: 121, 90, 239;
    --tab-active-text: #795aef;
    --RGB_tab-active-text: 121, 90, 239;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=sunset-theme] {
    --primary: #ff8139;
    --RGB_primary: 255, 129, 57;
    --primary2: #ff8139;
    --RGB_primary2: 255, 129, 57;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #ff8139;
    --RGB_text-link: 255, 129, 57;
    --text-hightlight: #ff8139;
    --RGB_text-hightlight: 255, 129, 57;
    --text-topup: #ff8139;
    --RGB_text-topup: 255, 129, 57;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #ff8139;
    --RGB_btn-primary: 255, 129, 57;
    --btn-primary-border: #ff8139;
    --RGB_btn-primary-border: 255, 129, 57;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #ff8139;
    --RGB_btn-gradient1: 255, 129, 57;
    --btn-gradient2: #ffc19e;
    --RGB_btn-gradient2: 255, 193, 158;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #ff8139;
    --RGB_btn-border: 255, 129, 57;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #fff2eb;
    --RGB_card-tertiary: 255, 242, 235;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #ff8139;
    --RGB_icon-active: 255, 129, 57;
    --main-icon-1: #ff8139;
    --RGB_main-icon-1: 255, 129, 57;
    --main-icon-2: #ffc19e;
    --RGB_main-icon-2: 255, 193, 158;
    --main-icon-3: #ff8139;
    --RGB_main-icon-3: 255, 129, 57;
    --main-icon-stroke: #ff8139;
    --RGB_main-icon-stroke: 255, 129, 57;
    --main-icon-color: #ae4000;
    --RGB_main-icon-color: 174, 64, 0;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #ff8139;
    --RGB_balance-wrapper-stroke: 255, 129, 57;
    --balance-wrapper-text1: #ff8139;
    --RGB_balance-wrapper-text1: 255, 129, 57;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-text1: #ff8139;
    --RGB_balance-text1: 255, 129, 57;
    --balance-text2: #ff8139;
    --RGB_balance-text2: 255, 129, 57;
    --balance-text3: #ff8139;
    --RGB_balance-text3: 255, 129, 57;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #ff8139;
    --RGB_tab-active-slide: 255, 129, 57;
    --tab-active-text: #ff8139;
    --RGB_tab-active-text: 255, 129, 57;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

[data-theme=pink-theme] {
    --primary: #f34caa;
    --RGB_primary: 243, 76, 170;
    --primary2: #f34caa;
    --RGB_primary2: 243, 76, 170;
    --primary3: #f2f2f2;
    --RGB_primary3: 242, 242, 242;
    --text-primary: #535867;
    --RGB_text-primary: 83, 88, 103;
    --text-secondary: #8e8e8e;
    --RGB_text-secondary: 142, 142, 142;
    --text-disabled: #fff;
    --RGB_text-disabled: 255, 255, 255;
    --text-black: #000;
    --RGB_text-black: 0, 0, 0;
    --text-placeholder: #bdbdbd;
    --RGB_text-placeholder: 189, 189, 189;
    --text-link: #f34caa;
    --RGB_text-link: 243, 76, 170;
    --text-hightlight: #f34caa;
    --RGB_text-hightlight: 243, 76, 170;
    --text-topup: #f34caa;
    --RGB_text-topup: 243, 76, 170;
    --danger: #d72f3c;
    --RGB_danger: 215, 47, 60;
    --input: #f2f2f2;
    --RGB_input: 242, 242, 242;
    --input-border: #f7f7f7;
    --RGB_input-border: 247, 247, 247;
    --input-bg: #f7f7f7;
    --RGB_input-bg: 247, 247, 247;
    --input-disabled: #8e8e8e;
    --RGB_input-disabled: 142, 142, 142;
    --input-placeholder: #8e8e8e;
    --RGB_input-placeholder: 142, 142, 142;
    --input-correct: #4ac300;
    --RGB_input-correct: 74, 195, 0;
    --input-incorrect: #d72f3c;
    --RGB_input-incorrect: 215, 47, 60;
    --body: #eee;
    --RGB_body: 238, 238, 238;
    --header: #eee;
    --RGB_header: 238, 238, 238;
    --footer: #fff;
    --RGB_footer: 255, 255, 255;
    --gameCategories: #515151;
    --RGB_gameCategories: 81, 81, 81;
    --categoryBG: #fff;
    --RGB_categoryBG: 255, 255, 255;
    --categoryShadow: #fff;
    --RGB_categoryShadow: 255, 255, 255;
    --darkCard: #161617;
    --RGB_darkCard: 22, 22, 23;
    --btn-primary: #f34caa;
    --RGB_btn-primary: 243, 76, 170;
    --btn-primary-border: #f34caa;
    --RGB_btn-primary-border: 243, 76, 170;
    --btn-secondary: #3b3b3e;
    --RGB_btn-secondary: 59, 59, 62;
    --btn-secondary-border: #ececec;
    --RGB_btn-secondary-border: 236, 236, 236;
    --btn-getReward: #74ff81;
    --RGB_btn-getReward: 116, 255, 129;
    --btn-getReward-secondary: #00af10;
    --RGB_btn-getReward-secondary: 0, 175, 16;
    --btn-disabled: #878787;
    --RGB_btn-disabled: 135, 135, 135;
    --btn-disabled-border: #878787;
    --RGB_btn-disabled-border: 135, 135, 135;
    --btn-cancel: #b02525;
    --RGB_btn-cancel: 176, 37, 37;
    --btn-cancel-border: #b02525;
    --RGB_btn-cancel-border: 176, 37, 37;
    --btn-gradient1: #f34caa;
    --RGB_btn-gradient1: 243, 76, 170;
    --btn-gradient2: #ff99d2;
    --RGB_btn-gradient2: 255, 153, 210;
    --btn-text: #29292f;
    --RGB_btn-text: 41, 41, 47;
    --btn-border: #f34caa;
    --RGB_btn-border: 243, 76, 170;
    --btn-hover-primary: #ffd15c;
    --RGB_btn-hover-primary: 255, 209, 92;
    --btn-hover-secondary: #3b3b3e;
    --RGB_btn-hover-secondary: 59, 59, 62;
    --btn-hover-disabled: #878787;
    --RGB_btn-hover-disabled: 135, 135, 135;
    --card-primary: #fff;
    --RGB_card-primary: 255, 255, 255;
    --card-secondary: #f2f2f2;
    --RGB_card-secondary: 242, 242, 242;
    --card-tertiary: #feedf6;
    --RGB_card-tertiary: 254, 237, 246;
    --icon-primary: #535867;
    --RGB_icon-primary: 83, 88, 103;
    --icon-secondary: #ececec;
    --RGB_icon-secondary: 236, 236, 236;
    --icon-active: #f34caa;
    --RGB_icon-active: 243, 76, 170;
    --main-icon-1: #f34caa;
    --RGB_main-icon-1: 243, 76, 170;
    --main-icon-2: #ff99d2;
    --RGB_main-icon-2: 255, 153, 210;
    --main-icon-3: #f34caa;
    --RGB_main-icon-3: 243, 76, 170;
    --main-icon-stroke: #f34caa;
    --RGB_main-icon-stroke: 243, 76, 170;
    --main-icon-color: #8d004f;
    --RGB_main-icon-color: 141, 0, 79;
    --balance-wrapper1: #fff;
    --RGB_balance-wrapper1: 255, 255, 255;
    --balance-wrapper2: #fff;
    --RGB_balance-wrapper2: 255, 255, 255;
    --balance-wrapper-stroke: #f34caa;
    --RGB_balance-wrapper-stroke: 243, 76, 170;
    --balance-wrapper-text1: #f34caa;
    --RGB_balance-wrapper-text1: 243, 76, 170;
    --balance-wrapper-text2: #29292f;
    --RGB_balance-wrapper-text2: 41, 41, 47;
    --balance-text1: #f34caa;
    --RGB_balance-text1: 243, 76, 170;
    --balance-text2: #f34caa;
    --RGB_balance-text2: 243, 76, 170;
    --balance-text3: #f34caa;
    --RGB_balance-text3: 243, 76, 170;
    --modal-bg: #232325;
    --RGB_modal-bg: 35, 35, 37;
    --tab-bg: #8e8e8e;
    --RGB_tab-bg: 142, 142, 142;
    --tab-active-slide: #f34caa;
    --RGB_tab-active-slide: 243, 76, 170;
    --tab-active-text: #f34caa;
    --RGB_tab-active-text: 243, 76, 170;
    --tab-unactive-text: #8e8e8e;
    --RGB_tab-unactive-text: 142, 142, 142;
    --progress-bg: #f2f2f2;
    --RGB_progress-bg: 242, 242, 242;
    --progress-bar-color: #757a83;
    --RGB_progress-bar-color: 117, 122, 131;
    --secondary-progress-bar-color: #cbd1dc;
    --RGB_secondary-progress-bar-color: 203, 209, 220;
    --border-points-card: #000;
    --RGB_border-points-card: 0, 0, 0
}

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

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

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

.text-success {
    color: #4ac300;
    color: var(--success)
}

.text-warning {
    color: #ff7a00;
    color: var(--warning)
}

.text-danger {
    color: #d72f3c;
    color: var(--danger)
}

.text-Details-link {
    color: var(--text-link) !important
}

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

.text-highlight {
    color: var(--text-link) !important
}

.v-rounded {
    border-radius: 10px;
    border-radius: var(--border-radius)
}

.v-rounded-t {
    border-top-left-radius: 10px;
    border-top-left-radius: var(--border-radius)
}

.v-rounded-t,
.v-rounded-tr {
    border-top-right-radius: 10px;
    border-top-right-radius: var(--border-radius)
}

.v-rounded-tl {
    border-top-left-radius: 10px;
    border-top-left-radius: var(--border-radius)
}

.v-rounded-b {
    border-bottom-left-radius: 10px;
    border-bottom-left-radius: var(--border-radius)
}

.v-rounded-b,
.v-rounded-br {
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: var(--border-radius)
}

.v-rounded-bl {
    border-bottom-left-radius: 10px;
    border-bottom-left-radius: var(--border-radius)
}

.border-success {
    border: 1px solid #4ac300 !important;
    border: 1px solid var(--success) !important
}

.border-warning {
    border: 1px solid #ff7a00 !important;
    border: 1px solid var(--warning) !important
}

.border-danger {
    border: 1px solid #d72f3c !important;
    border: 1px solid var(--danger) !important
}

.border-primary {
    border: 1px solid var(--primary)
}

.border-gradient {
    background-image: linear-gradient(180deg, var(--main-icon-1) 0, var(--main-icon-2) 100%)
}

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

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

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

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

.bg-card-success {
    background-color: #4ac300;
    background-color: var(--success)
}

.bg-card-warning {
    background-color: #ff7a00;
    background-color: var(--warning)
}

.bg-card-danger {
    background-color: #d72f3c;
    background-color: var(--danger)
}

.bg-card-gd-primary {
    background-image: linear-gradient(180deg, var(--main-icon-1) 0, var(--main-icon-2) 100%)
}

.card-wrapper {
    border-radius: 10px;
    border-radius: var(--border-radius);
    color: var(--text-primary) !important;
    min-height: 50px;
    padding: 16px;
    width: 100%
}

@media only screen and (orientation:portrait) and (max-width:640px) {
    .card-wrapper {
        padding: 10px
    }
}

.base-container {
    margin: 0 auto;
    max-width: 69.8125rem;
    padding: 10px 20px
}

@media only screen and (orientation:portrait) and (max-width:640px) {
    .base-container {
        padding: 10px
    }
}

.base-container-small {
    margin: 0 auto;
    max-width: 680px;
    padding: 10px 20px
}

@media only screen and (orientation:portrait) and (max-width:640px) {
    .base-container-small {
        padding: 10px
    }
}

input {
    position: relative
}

.checkbox label:before,
.radio label:before {
    content: "";
    cursor: pointer !important;
    height: 20px !important;
    padding: 0 10px !important;
    position: relative !important;
    width: 20px !important
}

textarea {
    background: var(--card-secondary);
    border: 0 solid !important;
    outline: none
}

textarea:active,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
textarea:hover,
textarea:target,
textarea:visited {
    border: 0 solid !important;
    box-shadow: none !important;
    outline: none
}

input[type=checkbox]:before {
    background-color: #1c1c1c;
    border: 0 solid !important;
    border-radius: 10% !important;
    height: 20px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 20px !important
}

input[type=checkbox]:checked:before {
    background-color: #4ac300 !important;
    border: 0 solid !important
}

input[type=checkbox]:checked:after {
    border: 0 solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    left: -3px !important;
    top: 25% !important;
    transform: rotate(45deg) !important
}

input[type=radio]:checked:before,
input[type=radio]:not(:checked):before {
    background-color: #1c1c1c;
    border: 0 solid;
    border-radius: 100%;
    content: "";
    height: 20px !important;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px !important
}

input[type=radio]:checked:after {
    background-color: #4ac300;
    border: 0 solid;
    border-radius: 100%;
    content: "";
    height: 15px !important;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px !important
}

.tabs-wrapepr {
    --tab-height: 1.75rem;
    --tab-fontSize: 1.125rem
}

@media (max-width:640px) {
    .tabs-wrapepr {
        --tab-height: 1.5rem;
        --tab-fontSize: 1rem
    }
}

.tabs-wrapepr.tabs-max .tabs-list {
    display: flex;
    width: -moz-max-content !important;
    width: max-content !important
}

.tabs-wrapepr.tabs-max .tabs-list button {
    padding-left: 1rem;
    padding-right: 1rem;
    width: -moz-max-content !important;
    width: max-content !important
}

.tabs-wrapepr .tabs-list button {
    padding-left: 0;
    padding-right: 0
}

.tabs-wrapepr .tabs-list button span {
    line-height: 25px
}

.tabs-wrapepr.primary .tabs-list {
    background: var(--tab-primary-bg);
    height: var(--tab-height) !important;
    padding: 0
}

.tabs-wrapepr.primary .tabs-list button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabs-wrapepr.primary .tabs-list button span {
    color: var(--text-primary);
    font-size: var(--tab-fontSize) !important;
    font-weight: 500
}

.tabs-wrapepr.primary .tabs-list button[aria-selected=true] span {
    color: var(--tab-primary-text-active);
    text-shadow: 0 0 1px var(--tab-primary-text-active-shadow)
}

.tabs-wrapepr.primary .tabs-list .tabs-slide {
    height: var(--tab-height) !important;
    top: 0 !important
}

.tabs-wrapepr.primary .tabs-list .tabs-slide div {
    background: var(--tab-primary-slide-bg) !important;
    box-shadow: 0 2px 0 0 var(--tab-primary-slide-border)
}

.tabs-wrapepr.primary.tabs-max .tabs-list,
.tabs-wrapepr.primary.tabs-max .tabs-list button {
    width: -moz-max-content !important;
    width: max-content !important
}

.tabs-wrapepr.secondary .tabs-list {
    background: transparent;
    height: -moz-max-content !important;
    height: max-content !important;
    padding: 0
}

.tabs-wrapepr.secondary .tabs-list button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabs-wrapepr.secondary .tabs-list button span {
    color: var(--text-primary);
    font-size: var(--tab-fontSize) !important;
    font-weight: 500
}

.tabs-wrapepr.secondary .tabs-list button[aria-selected=true] span {
    color: var(--text-link);
    text-shadow: 0 0 0 var(--text-link)
}

.tabs-wrapepr.secondary .tabs-list .tabs-slide {
    bottom: 0 !important;
    height: 2px !important;
    top: unset !important
}

.tabs-wrapepr.secondary .tabs-list .tabs-slide div {
    background: var(--text-link) !important;
    box-shadow: unset
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    -webkit-user-select: text !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

::-webkit-scrollbar {
    display: none
}

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

ul {
    display: block;
    list-style-type: unset;
    margin-block-end: unset;
    margin-block-start: unset;
    margin-inline-end: unset;
    margin-inline-start: unset;
    padding-inline-start: unset
}

body {
    background: var(--body);
    touch-action: manipulation
}

.nuxt-icon svg {
    margin-bottom: unset !important
}
.nuxt-icon img {
    margin-bottom: unset !important
}

.toggle-container:focus {
    box-shadow: unset !important
}

.page-enter-active {
    transition: all .1s ease-out
}

.page-leave-active {
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.page-enter-from,
.page-leave-to {
    opacity: 0;
    transform: translateY(20px)
}

.layout-enter-active {
    transition: all .1s ease-out
}

.layout-leave-active {
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.layout-enter-from,
.layout-leave-to {
    opacity: 0;
    transform: translateY(-20px)
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

.animate__headShake {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
}

.animate__swing {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

@keyframes backOutDown {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7)
    }
}

@keyframes backOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7)
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7)
    }
}

@keyframes backOutRight {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translate(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7)
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

@keyframes backOutUp {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0)
    }
}

.animate__animated.animate__flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skew(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skew(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skew(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skew(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg)
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg)
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skew(-30deg)
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skew(-30deg)
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.dark {
    color-scheme: dark
}

a:focus-visible {
    outline-color: rgb(var(--color-primary-DEFAULT)/1)
}

::-moz-selection {
    background-color: #3C6146;
    /* background-color: rgb(var(--color-primary-DEFAULT)/.4) */
}

::selection {
    background-color: #3C6146;

    /* background-color: rgb(var(--color-primary-DEFAULT)/.4) */
}

select {
    background-image: none
}

.nuxt-icon svg {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}
.nuxt-icon img {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}

.favorite-svg {
    position: relative;
    width: 3rem;
    height: 3rem;
    position: relative;
}

.icon-svg {
    position: absolute;
    margin: -3px 0 0 13px;
}

.favorite-svg svg {
    width: 2.6rem;
    height: 2.6rem;
}


.nuxt-icon.nuxt-icon--fill,
.nuxt-icon.nuxt-icon--fill * {
    fill: currentColor !important
}

.gradient-border[data-v-d320b445] {
    background: linear-gradient(180deg, var(--footer) 0, var(--balance-wrapper2) 100%), linear-gradient(0deg, var(--primary3), var(--primary3)) !important;
    border: 1px solid var(--btn-secondary);
    border-radius: 10px
}

.borderGradient[data-v-d320b445] {
    border: 1px solid var(--primary, var(--primary))
}

.dialog .vfm__content {
    background: var(--card-primary);
    border: 0 solid;
    min-height: 100px;
    padding: 16px;
    width: 100%
}

@media only screen and (max-height:400px) {
    .vfm.vfm--fixed.vfm--inset {
        align-items: start;
        padding-top: 20px
    }
}

.blurWrapper[data-v-cd88ab75] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .3);
    border-radius: .625rem 0 0 .625rem
}

.base-button-wrapper[data-v-9dec3a92] {
    height: 2.375rem;
    min-width: 109px;
    outline: none !important;
    padding: 0 15px
}

.base-button-wrapper .button[data-v-9dec3a92]:focus {
    outline: none !important
}

.base-button-wrapper.btn-sm[data-v-9dec3a92] {
    font-size: 12px;
    height: 28px;
    min-width: unset !important;
    padding: 0 4px !important
}

.base-button-wrapper.btn-md[data-v-9dec3a92] {
    height: 38px
}

.base-button-wrapper.btn-lg[data-v-9dec3a92] {
    height: 44px
}

.btn-primary[data-v-9dec3a92] {
    background: linear-gradient(to bottom, var(--btn-gradient1), var(--btn-gradient2));
    border: 1px solid var(--btn-border);
    color: var(--btn-text);
    position: relative
}

.btn-primary[data-v-9dec3a92]:before {
    background: linear-gradient(180deg, #f03, #c02);
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.btn-primary[data-v-9dec3a92]:disabled {
    background: var(--btn-disabled);
    border: 1px solid var(--text-disabled);
    cursor: not-allowed
}

.btn-line[data-v-9dec3a92] {
    background: linear-gradient(180deg, #00d814, #00aa10);
    color: #fff
}

.btn-black[data-v-9dec3a92] {
    background: #0d0d0d;
    color: #fff
}

.btn-danger[data-v-9dec3a92] {
    background: var(--btn-cancel);
    border-radius: 10px;
    box-shadow: 0 2px 6px #00000029, inset 0 0 2px #00000080;
    color: #fff
}

.btn-secondary[data-v-9dec3a92] {
    background: var(--categoryBG);
    border: 1px solid #fff;
    color: var(--text-primary)
}

.btn-secondary[data-v-9dec3a92]:disabled {
    background: var(--btn-disabled);
    border: 1px solid var(--btn-disabled-border);
    color: var(--text-disabled);
    cursor: not-allowed
}

.btn-getReward[data-v-9dec3a92] {
    background: linear-gradient(180deg, var(--btn-getReward) 0, var(--btn-getReward-secondary) 100%);
    border: 0 solid;
    color: var(--text-disabled)
}

.btn-getReward[data-v-9dec3a92]:disabled {
    background: var(--btn-disabled);
    border: 1px solid var(--btn-disabled-border);
    color: var(--text-disabled);
    cursor: not-allowed
}

.btn-primary-tip[data-v-85bd4864] {
    background: linear-gradient(1turn, #db3500, #f8871f);
    box-shadow: 0 1px #d8541b;
    color: #fff;
    margin-top: -5px
}

.screenAlert-icon[data-v-33566d53] {
    border: 4px solid gray;
    border-radius: 50%;
    box-sizing: content-box;
    height: 80px;
    margin: 10px auto;
    padding: 0;
    position: relative;
    width: 80px
}

.screenAlert-icon+.screenAlert-icon[data-v-33566d53] {
    margin-top: 50px
}

.screenAlert-success[data-v-33566d53] {
    background: #6ed82d;
    border: 0 solid;
    box-shadow: 0 0 6px #6ed82d80
}

.screenAlert-success[data-v-33566d53]:after,
.screenAlert-success[data-v-33566d53]:before {
    background-color: transparent !important;
    content: "";
    height: 120px;
    position: absolute;
    transform: rotate(45deg);
    width: 60px
}

.screenAlert-success[data-v-33566d53]:before {
    border-radius: 120px 0 0 120px;
    left: -33px;
    top: -7px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px
}

.screenAlert-success[data-v-33566d53]:after {
    border-radius: 0 120px 120px 0;
    left: 30px;
    top: -11px;
    transform: rotate(-45deg);
    transform-origin: 0 60px
}

.screenAlert-success .screenAlert-line[data-v-33566d53] {
    background-color: #345e1b;
    display: block;
    height: 5px;
    position: absolute;
    z-index: 2
}

.screenAlert-success .screenAlert-line.screenAlert-tip[data-v-33566d53] {
    border-radius: 10px 0 0 10px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
    width: 25px
}

.screenAlert-success .screenAlert-line.screenAlert-long[data-v-33566d53] {
    border-radius: 0 10px 10px 0;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
    width: 47px
}

.screenAlert-success .animateSuccessTip[data-v-33566d53] {
    animation: animateSuccessTip-33566d53 .75s
}

.screenAlert-success .animateSuccessLong[data-v-33566d53] {
    animation: animateSuccessLong-33566d53 .75s
}

@keyframes animateSuccessTip-33566d53 {

    0%,
    54% {
        left: 1px;
        top: 19px;
        width: 0
    }

    70% {
        left: -8px;
        top: 37px;
        width: 50px
    }

    84% {
        left: 21px;
        top: 48px;
        width: 17px
    }

    to {
        left: 14px;
        top: 45px;
        width: 25px
    }
}

@keyframes animateSuccessLong-33566d53 {

    0%,
    65% {
        right: 46px;
        top: 54px;
        width: 0
    }

    84% {
        right: 0;
        top: 35px;
        width: 55px
    }

    to {
        right: 8px;
        top: 38px;
        width: 47px
    }
}

.screenAlert-error[data-v-33566d53] {
    background: #dc3545;
    border: 0 solid;
    box-shadow: 0 0 6px #dc354580
}

.screenAlert-error[data-v-33566d53]:after,
.screenAlert-error[data-v-33566d53]:before {
    background-color: transparent !important;
    content: "";
    height: 120px;
    position: absolute;
    transform: rotate(45deg);
    width: 60px
}

.screenAlert-error[data-v-33566d53]:before {
    border-radius: 120px 0 0 120px;
    left: -33px;
    top: -7px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px
}

.screenAlert-error[data-v-33566d53]:after {
    border-radius: 0 120px 120px 0;
    left: 30px;
    top: -11px;
    transform: rotate(-45deg);
    transform-origin: 0 60px
}

.screenAlert-error .screenAlert-line[data-v-33566d53] {
    background-color: #77111a;
    border-radius: 2px;
    display: block;
    height: 5px;
    position: absolute;
    top: 37px;
    width: 47px;
    z-index: 2
}

.screenAlert-error .screenAlert-line.screenAlert-tip[data-v-33566d53] {
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
    width: 25px
}

.screenAlert-error .screenAlert-line.screenAlert-long[data-v-33566d53] {
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
    width: 47px
}

.screenAlert-error .screenAlert-line.screenAlert-left[data-v-33566d53] {
    left: 17px;
    transform: rotate(45deg)
}

.screenAlert-error .screenAlert-line.screenAlert-right[data-v-33566d53] {
    right: 16px;
    transform: rotate(-45deg)
}

.screenAlert-error .screenAlert-x-mark[data-v-33566d53] {
    display: block;
    position: relative;
    z-index: 2
}

.screenAlert-error .animateXLeft[data-v-33566d53] {
    animation: animateXLeft-33566d53 .75s
}

.screenAlert-error .animateXRight[data-v-33566d53] {
    animation: animateXRight-33566d53 .75s
}

@keyframes animateXLeft-33566d53 {

    0%,
    65% {
        left: 82px;
        top: 95px;
        width: 0
    }

    84% {
        left: 14px;
        top: 33px;
        width: 47px
    }

    to {
        left: 17px;
        top: 37px;
        width: 47px
    }
}

@keyframes animateXRight-33566d53 {

    0%,
    65% {
        right: 82px;
        top: 95px;
        width: 0
    }

    84% {
        right: 14px;
        top: 33px;
        width: 47px
    }

    to {
        right: 16px;
        top: 37px;
        width: 47px
    }
}

.screenAlert-warning[data-v-33566d53] {
    background: --primary;
    border: 0 solid;
    box-shadow: 0 0 6px #00000080
}

.screenAlert-warning[data-v-33566d53]:before {
    animation: pulseWarning-33566d53 2s linear infinite;
    background-color: transparent !important;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
}

.screenAlert-warning[data-v-33566d53]:after {
    background-color: transparent !important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.screenAlert-warning .screenAlert-body[data-v-33566d53] {
    background-color: #8d5b09;
    border-radius: 2px;
    height: 47px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 10px;
    width: 5px;
    z-index: 2
}

.screenAlert-warning .screenAlert-dot[data-v-33566d53] {
    background-color: #8d5b09;
    border-radius: 50%;
    bottom: 10px;
    height: 7px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    width: 7px;
    z-index: 2
}

.screenAlert-warning .scaleWarning[data-v-33566d53] {
    animation: scaleWarning-33566d53 .75s infinite alternate
}

.screenAlert-warning .pulseWarningIns[data-v-33566d53] {
    animation: pulseWarningIns-33566d53 .75s infinite alternate
}

@keyframes scaleWarning-33566d53 {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1)
    }
}

@keyframes pulseWarning-33566d53 {
    0% {
        background-color: #fff;
        opacity: .5;
        transform: scale(1)
    }

    30% {
        background-color: #fff;
        opacity: .5;
        transform: scale(1)
    }

    to {
        background-color: #8d5b09;
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulseWarningIns-33566d53 {
    0% {
        background-color: var(--primary)
    }

    to {
        background-color: #8d5b09
    }
}

.screenAlert-info[data-v-33566d53] {
    background: #9de0f6;
    border: 0 solid;
    box-shadow: 0 0 6px #00000080
}

.screenAlert-info[data-v-33566d53]:before {
    animation: pulseInfo-33566d53 2s linear infinite;
    background-color: transparent !important;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
}

.screenAlert-info[data-v-33566d53]:after {
    background-color: transparent !important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.screenAlert-info .screenAlert-body[data-v-33566d53] {
    background-color: #3fc3ee;
    border-radius: 2px;
    height: 47px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 10px;
    width: 5px;
    z-index: 2
}

.screenAlert-info .screenAlert-dot[data-v-33566d53] {
    background-color: #3fc3ee;
    border-radius: 50%;
    bottom: 10px;
    height: 7px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    width: 7px;
    z-index: 2
}

.screenAlert-info .scaleInfo[data-v-33566d53] {
    animation: scaleInfo-33566d53 .75s infinite alternate
}

.screenAlert-info .pulseInfoIns[data-v-33566d53] {
    animation: pulseInfoIns-33566d53 .75s infinite alternate
}

.screenAlert-congrats[data-v-33566d53] {
    border: 0 solid
}

@keyframes scaleInfo-33566d53 {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1)
    }
}

@keyframes pulseInfo-33566d53 {
    0% {
        background-color: #fff;
        opacity: .5;
        transform: scale(1)
    }

    30% {
        background-color: #fff;
        opacity: .5;
        transform: scale(1)
    }

    to {
        background-color: #9de0f6;
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulseInfoIns-33566d53 {
    0% {
        background-color: #3fc3ee
    }

    to {
        background-color: #9de0f6
    }
}

.modal-wrapper {
    border: 0 solid;
    position: relative
}

.modal-wrapper .vfm__content {
    border: 0 solid;
    min-height: 100px;
    width: 100%
}

.vfm__content {
    background: var(--card-primary);
    border-radius: 10px;
    position: relative
}

.nuxt-icon.nuxt-icon--fill.icon-day * {
    margin-bottom: 0 !important
}

.active[data-v-f7c8abc3] {
    border: 1px solid var(--primary);
    color: var(--primary)
}

.walletWrapper[data-v-c31ad7d0] {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    align-items: center;
    -webkit-background-clip: text;
    background-clip: text;
    background-color: #fff;
    display: flex;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.modal-overlay {
    background-color: #000000da;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999
}

.modal {
    background-color: var(--card-primary);
    border-radius: 20px;
    height: 80%;
    margin-top: 5%;
    padding: 30px 0 0;
    text-align: center;
    width: 500px
}

@media only screen and (max-height:400px) {
    .modal {
        height: 100vh;
        margin-top: 0;
        width: 100%
    }
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;

}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #fff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-height: 30px;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-background: transparent;
    --vc-pgn-width: 12px;
    --vc-pgn-height: 4px;
    --vc-pgn-margin: 4px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.carousel__pagination {
    display: flex;
    justify-content: center;
    line-height: 0;
    list-style: none;
    margin: 10px 0 0
}

.carousel__pagination-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 4px;
    padding: var(--vc-pgn-margin)
}

.carousel__pagination-button:after {
    background-color: #090f207f;
    background-color: var(--vc-pgn-background-color);
    border-radius: 0;
    border-radius: var(--vc-pgn-border-radius);
    content: "";
    display: block;
    height: 4px;
    height: var(--vc-pgn-height);
    width: 12px;
    width: var(--vc-pgn-width)
}

.carousel__pagination-button--active:after,
.carousel__pagination-button:hover:after {
    background-color: #000;
    background-color: var(--vc-pgn-active-color)
}

.carousel__next,
.carousel__prev {
    align-items: center;
    background: transparent;
    background: var(--vc-nav-background);
    border: 0;
    border-radius: 0;
    border-radius: var(--vc-nav-border-radius);
    box-sizing: content-box;
    color: #000;
    color: var(--vc-nav-color);
    cursor: pointer;
    display: flex;
    font-size: 30px;
    font-size: var(--vc-nav-height);
    height: 30px;
    height: var(--vc-nav-height);
    justify-content: center;
    margin: 0 10px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    width: var(--vc-nav-width)
}

.carousel__next:hover,
.carousel__prev:hover {
    color: #090f207f;
    color: var(--vc-nav-color-hover)
}

.carousel__next--disabled,
.carousel__prev--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel__prev {
    left: 0
}

.carousel__next {
    right: 0
}

.carousel--rtl .carousel__prev {
    left: auto;
    right: 0
}

.carousel--rtl .carousel__next {
    left: 0;
    right: auto
}

.carousel {
    position: relative;
    text-align: center
}

.carousel,
.carousel * {
    box-sizing: border-box
}

.carousel__track {
    display: flex;
    overscroll-behavior: none;
    padding: 0 !important;
    position: relative;
    touch-action: none
}

.carousel__viewport {
    overflow: hidden
}

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

.carousel__icon {
    fill: currentColor;
    height: 1.2em;
    height: var(--vc-icn-width);
    width: 1.2em;
    width: var(--vc-icn-width)
}

.carousel__slide {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    position: relative;
    scroll-snap-stop: auto;
    transform: translateZ(0)
}

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

* {
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

::moz-focus-inner {
    border-style: none;
    padding: 0
}

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

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

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

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

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

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

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

button {
    background-color: transparent;
    background-image: none;
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: Sarabun, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5
}

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

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

button,
input,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    line-height: inherit;
    margin: 0;
    padding: 0
}

img {
    border-style: solid;
    height: auto;
    max-width: 100%
}

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

input::webkit-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

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

input:-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

iframe,
img,
svg {
    display: block;
    vertical-align: middle
}

h1,
h2,
h3,
h5,
hr,
p {
    margin: 0
}

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

textarea {
    resize: vertical
}

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

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

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

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

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

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

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

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

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

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

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

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: 1rem;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: .5rem;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: .25rem;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: .75rem;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.divide-x-2>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: 2px;
    border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)));
    border-right-width: 0;
    border-right-width: calc(2px*var(--tw-divide-x-reverse))
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: #ef4444;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

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

.bg-black {
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

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

.\!bg-\[var\(--input-bg\)\] {
    background-color: var(--input-bg) !important
}

.bg-transparent {
    background-color: transparent
}

.bg-\[red\] {
    --tw-bg-opacity: 1;
    background-color: red;
    background-color: rgba(255, 0, 0, var(--tw-bg-opacity))
}

.bg-\[transparent\]\] {
    --tw-bg-opacity: 1;
    background-color: rgba(transparent], 1);
    background-color: rgba(transparent], var(--tw-bg-opacity))
}

.bg-\[\#464647\] {
    --tw-bg-opacity: 1;
    background-color: #464647;
    background-color: rgba(70, 70, 71, var(--tw-bg-opacity))
}

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

.\!bg-\[\#000000d9\] {
    --tw-bg-opacity: .8509803921568627 !important;
    background-color: #000000d9 !important;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important
}

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

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

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

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

.bg-\[\#38383A\] {
    --tw-bg-opacity: 1;
    background-color: #38383a;
    background-color: rgba(56, 56, 58, var(--tw-bg-opacity))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: #9ca3af;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

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

.bg-\[\#FFD15C\] {
    --tw-bg-opacity: 1;
    background-color: #ffd15c;
    background-color: rgba(255, 209, 92, var(--tw-bg-opacity))
}

.bg-\[\#F58320\] {
    --tw-bg-opacity: 1;
    background-color: #f58320;
    background-color: rgba(245, 131, 32, var(--tw-bg-opacity))
}

.bg-\[\#3087D1\] {
    --tw-bg-opacity: 1;
    background-color: #3087d1;
    background-color: rgba(48, 135, 209, var(--tw-bg-opacity))
}

.bg-opacity-30 {
    --tw-bg-opacity: .3
}

.bg-opacity-80 {
    --tw-bg-opacity: .8
}

.bg-cover {
    background-size: cover
}

.border-color-\[var\(--primary\)\] {
    border-color: var(--primary)
}

.border-\[\#8E8E8E\] {
    --tw-border-opacity: 1;
    border-color: #8e8e8e;
    border-color: rgba(142, 142, 142, var(--tw-border-opacity))
}

.border-\[var\(--btn-cancel\)\] {
    border-color: var(--btn-cancel)
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: #4b5563;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.border-\[var\(--primary\)\] {
    border-color: var(--primary)
}

.border-\[var\(--success\)\] {
    border-color: var(--success)
}

.border-\[var\(--danger\)\] {
    border-color: var(--danger)
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: #9ca3af;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.border-\[var\(--icon-primary\)\] {
    border-color: var(--icon-primary)
}

.border-\[\#FFFFFF1A\] {
    --tw-border-opacity: .10196078431372549;
    border-color: #ffffff1a;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.\!border-transparent {
    border-color: transparent !important
}

.border-\[var\(--text-hightlight\)\] {
    border-color: var(--text-hightlight)
}

.border-transparent {
    border-color: transparent
}

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

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

.rounded-lg {
    border-radius: .5rem
}

.rounded {
    border-radius: .25rem
}

.rounded-md {
    border-radius: .375rem
}

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

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

.rounded-xl {
    border-radius: .75rem
}

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

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

.rounded-b-xl {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-tl-base {
    border-top-left-radius: 10px
}

.rounded-tr-base {
    border-top-right-radius: 10px
}

.border-dashed {
    border-style: dashed
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

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

.border-0 {
    border-width: 0
}

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

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

.border-r-0 {
    border-right-width: 0
}

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

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-r-\[1px\] {
    border-right-width: 1px
}

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

.border-b-\[0\.1px\] {
    border-bottom-width: .1px
}

.border-x-1 {
    border-left-width: 1px;
    border-right-width: 1px
}

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

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

.place-content-center {
    place-content: center
}

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

.\!items-start {
    align-items: flex-start !important
}

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

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

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

.flex-none {
    flex: none
}

.flex-1 {
    flex: 1 1 0%
}

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

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-extralight {
    font-weight: 200
}

.font-normal {
    font-weight: 400
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-8 {
    height: 2rem
}

.h-5 {
    height: 1.25rem
}

.h-9 {
    height: 2.25rem
}

.h-2 {
    height: .5rem
}

.h-11 {
    height: 2.75rem
}

.h-3 {
    height: .75rem
}

.h-6 {
    height: 1.5rem
}

.h-4 {
    height: 1rem
}

.h-24 {
    height: 6rem
}

.h-1 {
    height: .25rem
}

.h-screen {
    height: 100vh
}

.h-32 {
    height: 8rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[7\.75rem\] {
    height: 7.75rem
}

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

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

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

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

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

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

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

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

.h-\[3\.75rem\] {
    height: 4.5rem
}

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

.h-\[6\.25rem\] {
    height: 6.25rem
}

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

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

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

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

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

.h-\[7\.688rem\] {
    height: 7.688rem
}

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

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

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

.\.h-360,
.h-360 {
    height: 90rem
}

.h-\[99\%\] {
    height: 99%
}

.h-30 {
    height: 3rem
}

.h-86 {
    height: 21.5rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem
}

.text-lg,
.text-xl {
    line-height: 1.75rem
}

.text-lg {
    font-size: 1.125rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-\[23px\] {
    font-size: 23px;
    line-height: 1
}

.text-\[19px\] {
    font-size: 19px;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px;
    line-height: 1
}

.text-\[40px\] {
    font-size: 40px;
    line-height: 1
}

.text-\[12px\] {
    font-size: 12px;
    line-height: 1
}

.text-\[1\.125rem\] {
    font-size: 1.125rem;
    line-height: 1
}

.text-\[6\.25rem\] {
    font-size: 6.25rem;
    line-height: 1
}

.text-\[22px\] {
    font-size: 22px;
    line-height: 1
}

.text-\[18px\] {
    font-size: 18px;
    line-height: 1
}

.text-\[20px\] {
    font-size: 20px;
    line-height: 1
}

.text-\[2\.4rem\] {
    font-size: 2.4rem;
    line-height: 1
}

.text-\[2rem\] {
    font-size: 2rem;
    line-height: 1
}

.text-\[16px\] {
    font-size: 16px;
    line-height: 1
}

.text-\[44\.48px\] {
    font-size: 44.48px;
    line-height: 1
}

.text-\[2\.5rem\] {
    font-size: 2.5rem;
    line-height: 1
}

.text-\[72px\] {
    font-size: 72px;
    line-height: 1
}

.text-\[50px\] {
    font-size: 50px;
    line-height: 1
}

.leading-none {
    line-height: 1
}

.leading-6 {
    line-height: 1.5rem
}

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

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

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

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

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

.my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

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

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my-8 {
    margin-bottom: 2rem;
    margin-top: 1.5rem
}

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

.my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem
}

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

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-3 {
    margin-left: .75rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.ml-12 {
    margin-left: 3rem
}

.mt-3 {
    margin-top: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mt-8 {
    margin-top: 2rem
}

.mb-1 {
    margin-bottom: .25rem
}

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

.mt-6 {
    margin-top: 1.5rem
}

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

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

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

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.-mt-2 {
    margin-top: -.5rem
}

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

.mr-1 {
    margin-right: .25rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.mt-24 {
    margin-top: 6rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-16 {
    margin-top: 4rem
}

.ml-1 {
    margin-left: .25rem
}

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

.mt-0 {
    margin-top: 0
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-24 {
    margin-bottom: 6rem
}

.\!mt-28 {
    margin-top: 7rem !important
}

.max-h-1 {
    max-height: .25rem
}

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

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

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

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

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

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

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

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

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

.max-w-4 {
    max-width: 1rem
}

.max-w-40 {
    max-width: 10rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xl {
    max-width: 36rem
}

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

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

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

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

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

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

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

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

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

.min-h-32 {
    min-height: 8rem
}

.min-h-14 {
    min-height: 3.5rem
}

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

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

.min-h-30 {
    min-height: 7.5rem
}

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

.min-h-26 {
    min-height: 6.5rem
}

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

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

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

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

.min-w-\[1\.125rem\] {
    min-width: 1.125rem
}

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

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

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

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

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

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

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

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

.opacity-0 {
    opacity: 0
}

.opacity-75 {
    opacity: .75
}

.opacity-50 {
    opacity: .5
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

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

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

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

.p-4 {
    padding: 1rem
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

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

.p-3 {
    padding: .75rem
}

.p-5 {
    padding: 1.25rem
}

.p-8 {
    padding: 2rem
}

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

.p-6 {
    padding: 1.5rem
}

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

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-\[6px\] {
    padding-bottom: 6px;
    padding-top: 6px
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

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

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

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

.py-\[11px\] {
    padding-bottom: 11px;
    padding-top: 11px
}

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

.py-\[40px\] {
    padding-bottom: 40px;
    padding-top: 40px
}

.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.px-\[1\.188rem\] {
    padding-left: 1.188rem;
    padding-right: 1.188rem
}

.py-\[0\.375rem\] {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-2 {
    padding-left: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-\[10px\] {
    padding-top: 10px
}

.pb-1 {
    padding-bottom: .25rem
}

.pt-4 {
    padding-top: 1rem
}

.pr-2 {
    padding-right: .5rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-2 {
    padding-top: .5rem
}

.pb-\[80px\] {
    padding-bottom: 80px
}

.pl-1 {
    padding-left: .25rem
}

.pt-12 {
    padding-top: 3rem
}

.placeholder-\[var\(--input-placeholder\)\]::-moz-placeholder {
    color: var(--input-placeholder)
}

.placeholder-\[var\(--input-placeholder\)\]::placeholder {
    color: var(--input-placeholder)
}

.\.tab,
.\<tab,
.tab,
.tab\.props {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

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

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

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

.top-0 {
    top: 0
}

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

.right-0 {
    right: 0
}

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

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

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

.bottom-0 {
    bottom: 0
}

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

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

.left-0 {
    left: 0
}

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

.top-auto {
    top: auto
}

.left-4 {
    left: 1rem
}

.top-2 {
    top: .5rem
}

.left-2 {
    left: .5rem
}

.right-2 {
    right: .5rem
}

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

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

.bottom-8 {
    bottom: 2rem
}

.left-3 {
    left: .75rem
}

.right-1 {
    right: .25rem
}

.bottom-1 {
    bottom: .25rem
}

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

.top-6 {
    top: 1.5rem
}

.top-1 {
    top: .25rem
}

.top-full {
    top: 100%
}

.bottom-18 {
    bottom: 4.5rem
}

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

.left-\[-4rem\] {
    left: -4rem
}

.right-\[-3rem\] {
    right: -3rem
}

.bottom-\[-1rem\] {
    bottom: -1rem
}

.left-\[-2rem\] {
    left: -2rem
}

.right-\[-4rem\] {
    right: -4rem
}

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

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

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0/.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, inset 0 2px 4px #0000000d;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.fill-current {
    fill: currentColor
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-\[var\(--balance-wrapper-text1\)\] {
    color: var(--balance-wrapper-text1)
}

.text-\[var\(--balance-wrapper-text2\)\] {
    color: var(--balance-wrapper-text2)
}

.text-\[var\(--main-icon-color\)\] {
    color: var(--main-icon-color)
}

.text-\[var\(--input-disabled\)\] {
    color: var(--input-disabled)
}

.text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[red\] {
    --tw-text-opacity: 1;
    color: red;
    color: rgba(255, 0, 0, var(--tw-text-opacity))
}

.text-\[var\(--primary\)\] {
    color: var(--primary)
}

.text-\[var\(--text-secondary\)\] {
    color: var(--text-secondary)
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.text-\[var\(--text-link\)\] {
    color: var(--text-link)
}

.text-\[var\(--text-placeholder\)\] {
    color: var(--text-placeholder)
}

.text-\[var\(--text-hightlight\)\] {
    color: var(--text-hightlight)
}

.text-\[var\(--input-password-icon\)\] {
    color: var(--input-password-icon)
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.text-\[var\(--danger\)\] {
    color: var(--danger)
}

.text-black {
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-\[var\(--btn-disabled\)\] {
    color: var(--btn-disabled)
}

.text-\[var\(--text-primary\)\] {
    color: var(--text-primary)
}

.text-\[var\(--btn-text\)\] {
    color: var(--btn-text)
}

.text-\[var\(--input-placeholder\)\] {
    color: var(--input-placeholder)
}

.text-\[var\(--icon-primary\)\] {
    color: var(--icon-primary)
}

.text-\[var\(--btn-login\)\] {
    color: var(--btn-login)
}

.text-\[\#29292F\] {
    --tw-text-opacity: 1;
    color: #29292f;
    color: rgba(41, 41, 47, var(--tw-text-opacity))
}

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

.text-clip {
    text-overflow: clip
}

.capitalize {
    text-transform: capitalize
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.underline-offset-1 {
    text-underline-offset: 1px
}

.underline {
    text-decoration-line: underline
}

.content-promotion {
    content: "promotion"
}

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

.whitespace-nowrap {
    white-space: nowrap
}

.w-full {
    width: 100%
}

.w-16 {
    width: 4rem
}

.w-8 {
    width: 2rem
}

.w-2 {
    width: .5rem
}

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

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

.w-3 {
    width: .75rem
}

.w-6 {
    width: 1.5rem
}

.w-4 {
    width: 1rem
}

.w-auto {
    width: auto
}

.w-5 {
    width: 1.25rem
}

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

.w-1 {
    width: .25rem
}

.w-screen {
    width: 100vw
}

.w-24 {
    width: 6rem
}

.w-12 {
    width: 3rem
}

.w-72 {
    width: 18rem
}

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

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

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

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

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

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

.w-\[3rem\] {
    width: 3rem
}

.w-\[5rem\] {
    width: 5rem
}

.w-\[1\.5rem\] {
    width: 1.5rem
}

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

.w-\[4rem\] {
    width: 4rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[2\.563rem\] {
    width: 2.563rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[8\.375rem\] {
    width: 8.375rem
}

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

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

.w-50 {
    width: 12.5rem
}

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

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

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

.z-40 {
    z-index: 40
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.z-1 {
    z-index: 1
}

.z-4 {
    z-index: 4
}

.z-3 {
    z-index: 3
}

.z-2 {
    z-index: 2
}

.gap-4 {
    grid-gap: 1rem;
    gap: 1rem
}

.gap-2 {
    grid-gap: .5rem;
    gap: .5rem
}

.gap-3 {
    grid-gap: .75rem;
    gap: .75rem
}

.gap-1 {
    grid-gap: .25rem;
    gap: .25rem
}

.gap-0 {
    grid-gap: 0;
    gap: 0
}

.gap-\[20px\] {
    grid-gap: 20px;
    gap: 20px
}

.gap-x-2 {
    grid-column-gap: .5rem;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-4 {
    grid-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-3 {
    grid-column-gap: .75rem;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-y-2 {
    grid-row-gap: .5rem;
    -webkit-row-gap: .5rem;
    -moz-row-gap: .5rem;
    row-gap: .5rem
}

.gap-y-4 {
    grid-row-gap: 1rem;
    -webkit-row-gap: 1rem;
    -moz-row-gap: 1rem;
    row-gap: 1rem
}

.gap-y-3 {
    grid-row-gap: .75rem;
    -webkit-row-gap: .75rem;
    -moz-row-gap: .75rem;
    row-gap: .75rem
}

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

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

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

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

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

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

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

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

.col-end-3 {
    grid-column-end: 3
}

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

.auto-rows-max {
    grid-auto-rows: max-content
}

.row-span-3 {
    -ms-grid-row-span: span 3/span 3;
    grid-row: span 3/span 3
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    transform: translate(0) translateY(0) translateZ(0) rotate(0) rotateX(0) rotateY(0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1) scaleZ(1);
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    --tw-scale-z: 1.1
}

.rotate-\[270deg\] {
    --tw-rotate: 270deg
}

.transition-colors {
    transition-duration: .15s;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\<transition {
    transition-duration: .15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition {
    transition-duration: .15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

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

.duration {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

@keyframes pulse {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.animate {
    animation-iteration-count: 1
}

.filter {
    --tw-blur: var(--tw-empty, );
    --tw-brightness: var(--tw-empty, );
    --tw-contrast: var(--tw-empty, );
    --tw-grayscale: var(--tw-empty, );
    --tw-hue-rotate: var(--tw-empty, );
    --tw-invert: var(--tw-empty, );
    --tw-saturate: var(--tw-empty, );
    --tw-sepia: var(--tw-empty, );
    --tw-drop-shadow: var(--tw-empty, );
    filter: var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, );
    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)
}

.brightness-\[0\.3\] {
    --tw-brightness: brightness(.3)
}

.brightness-\[0\.1\] {
    --tw-brightness: brightness(.1)
}

.brightness-50 {
    --tw-brightness: brightness(.5)
}

.backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty, );
    --tw-backdrop-brightness: var(--tw-empty, );
    --tw-backdrop-contrast: var(--tw-empty, );
    --tw-backdrop-grayscale: var(--tw-empty, );
    --tw-backdrop-hue-rotate: var(--tw-empty, );
    --tw-backdrop-invert: var(--tw-empty, );
    --tw-backdrop-opacity: var(--tw-empty, );
    --tw-backdrop-saturate: var(--tw-empty, );
    --tw-backdrop-sepia: var(--tw-empty, );
    -webkit-backdrop-filter: var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, );
    -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-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, ) var(--tw-empty, );
    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)
}

.blur,
.blur\(0px\) {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

@media (min-width:360px) and (max-width:639.9px) {
    .\@xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:640px) {
    .sm\:justify-center {
        justify-content: center
    }

    .sm\:font-normal {
        font-weight: 400
    }

    .sm\:h-auto {
        height: auto
    }

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

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

    .sm\:h-\[35px\] {
        height: 35px
    }

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

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

    .sm\:h-\[60\%\] {
        height: 60%
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .sm\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .sm\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .sm\:mr-2 {
        margin-right: .5rem
    }

    .sm\:ml-4 {
        margin-left: 1rem
    }

    .sm\:ml-2 {
        margin-left: .5rem
    }

    .sm\:ml-6 {
        margin-left: 1.5rem
    }

    .sm\:mt-12 {
        margin-top: 3rem
    }

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:mt-2 {
        margin-top: .5rem
    }

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

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

    .sm\:p-1 {
        padding: .25rem
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:p-10 {
        padding: 2.5rem
    }

    .sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .sm\:pl-10 {
        padding-left: 2.5rem
    }

    .sm\:pl-14 {
        padding-left: 3.5rem
    }

    .sm\:top-\[-20\%\] {
        top: -20%
    }

    .sm\:w-\[40\%\] {
        width: 40%
    }

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

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

    .sm\:w-\[35px\] {
        width: 35px
    }

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

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

    .sm\:w-\[50\%\] {
        width: 50%
    }

    .sm\:gap-1 {
        grid-gap: .25rem;
        gap: .25rem
    }

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

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

@media (min-width:640px) and (max-width:767.9px) {
    .\@sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:768px) {
    .md\:block {
        display: block
    }

    .md\:hidden {
        display: none
    }

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

    .md\:font-medium {
        font-weight: 500
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-\[3\.5rem\] {
        height: 3.5rem
    }

    .md\:h-\[167px\] {
        height: 167px
    }

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

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

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

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

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

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

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .md\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .md\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .md\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

    .md\:ml-6 {
        margin-left: 1.5rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

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

    .md\:max-w-\[unset\] {
        max-width: unset
    }

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

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:pl-14 {
        padding-left: 3.5rem
    }

    .md\:pt-24 {
        padding-top: 6rem
    }

    .md\:top-\[-15\%\] {
        top: -15%
    }

    .md\:bottom-16 {
        bottom: 4rem
    }

    .md\:w-full {
        width: 100%
    }

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

    .md\:w-4\/12 {
        width: 33.333333%
    }

    .md\:w-\[4\.125rem\] {
        width: 4.125rem
    }

    .md\:w-\[unset\] {
        width: unset
    }

    .md\:w-\[20\%\] {
        width: 20%
    }

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

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

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

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

    .md\:w-\[66px\] {
        width: 66px
    }

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

    .md\:gap-4 {
        grid-gap: 1rem;
        gap: 1rem
    }

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

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

@media (min-width:768px) and (max-width:1023.9px) {
    .\@md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .lg\:h-\[15\.125rem\] {
        height: 15.125rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:w-\[18\.688rem\] {
        width: 18.688rem
    }

    .lg\:z-50 {
        z-index: 50
    }

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

@media (min-width:1280px) {
    .xl\:h-\[20\.125rem\] {
        height: 20.125rem
    }

    .xl\:w-\[22\.688rem\] {
        width: 22.688rem
    }

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

@media (max-width:1023.9px) {
    .\<lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .\<lg\:leading-3 {
        line-height: .75rem
    }

    .\<lg\:w-\[45px\] {
        width: 45px
    }
}

@media (max-width:639.9px) {
    .\<sm\:justify-start {
        justify-content: flex-start
    }

    .\<sm\:justify-center {
        justify-content: center
    }

    /* .\<sm\:justify-around {
        justify-content: space-around
    } */

    .\<sm\:font-normal {
        font-weight: 400
    }

    .\<sm\:h-auto {
        height: auto
    }

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

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

    .\<sm\:h-\[35px\] {
        height: 35px
    }

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

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

    .\<sm\:h-\[60\%\] {
        height: 60%
    }

    .\<sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .\<sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .\<sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .\<sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .\<sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .\<sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .\<sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .\<sm\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .\<sm\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .\<sm\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .\<sm\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .\<sm\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .\<sm\:mr-2 {
        margin-right: .5rem
    }

    .\<sm\:ml-4 {
        margin-left: 1rem
    }

    .\<sm\:ml-2 {
        margin-left: .5rem
    }

    .\<sm\:mt-12 {
        margin-top: 3rem
    }

    .\<sm\:mt-4 {
        margin-top: 1rem
    }

    .\<sm\:mt-2 {
        margin-top: .5rem
    }

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

    .\<sm\:p-2 {
        padding: .5rem
    }

    .\<sm\:p-0 {
        padding: 0
    }

    .\<sm\:p-1 {
        padding: .25rem
    }

    .\<sm\:px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .\<sm\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .\<sm\:pl-10 {
        padding-left: 2.5rem
    }

    .\<sm\:left-\[40\%\] {
        left: 40%
    }

    .\<sm\:top-\[-20\%\] {
        top: -20%
    }

    .\<sm\:text-center {
        text-align: center
    }

    .\<sm\:w-full {
        width: 100%
    }

    .\<sm\:w-\[35\%\] {
        width: 35%
    }

    .\<sm\:w-\[45px\] {
        width: 45px
    }

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

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

    .\<sm\:w-\[35px\] {
        width: 35px
    }

    .\<sm\:w-\[30\%\] {
        width: 30%
    }

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

    .\<sm\:w-\[46px\] {
        width: 46px
    }

    .\<sm\:w-\[55\%\] {
        width: 55%
    }

    .\<sm\:gap-1 {
        grid-gap: .25rem;
        gap: .25rem
    }

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

@media (max-width:359.9px) {
    .\<xs\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .\<xs\:leading-3 {
        line-height: .75rem
    }

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

.active[data-v-97788f98] {
    border: 1px solid var(--primary);
    color: var(--primary)
}

.banking-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.banking-list img {
    flex: 0 0 calc(33.33% - 20px);
    width: 34px;
    height: 34px;
}

.flex-select-img {
    display: flex;
}

.slider-track-pc {
    display: flex;
    animation: scroll 35s linear infinite;
}

.slider-track {
    display: flex;
    animation: scroll 10s linear infinite;
}

.slider-track-pc img {
    border-radius: 10px;
    width: 943px;
    height: 167px;
    margin: 0 3px;
}

.slider-track img {
    border-radius: 10px;
    width: 219px;
    height: 63px;
    margin: 0 3px;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
.percentage {
    font-family: 'TimeNewRoman';
    position: absolute;
    margin-top: 3px;
    left: 2px;
    z-index: 10;
    padding: 8;
    background: linear-gradient(336deg, rgba(246, 224, 35, 1) 0%, rgba(255, 232, 109, 1) 21%, rgba(252, 197, 17, 1) 52%, rgba(255, 229, 128, 1) 82%, rgba(246, 224, 35, 1) 100%);
    width: 60%;
    font-weight: 600;
    height: auto;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 15px;
    align-items: center;
    justify-content: center;
    display: flex;
    box-shadow: rgba(246, 224, 35, 1) 5px 0px 16px;
    color: #000;
}


.h-right {
    text-align: center;
    padding: 15px 0;
}

.text-success {
    color: #03b300;
    font-weight: 600;

}

.text-cancel {
    color: #38AEFF;
    font-weight: 600;

}

.text-not-success {
    color: #FF003A;
    font-weight: 600;

}

.history-list {
    width: 100%;
    height: 450px;
    overflow-y: scroll;

}

.deposit-withdraw-list {
    background-color: var(--card-secondary);
    border-radius: 10px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-bottom: 10px;
    border-bottom: 5px solid gray;


}
.underline-active-h{
    border-bottom: 3px solid #ffe1a6;
    width: 75px;
}
.scroll-container {
    width: 100%;
    height: 490px;
}
.text-h-amount {
    color: #fff;
    font-weight: 600;
}

.breadcrumb-wrapper__item[data-v-fe9de6ba]:last-child {
    color: var(--primary);
    text-transform: uppercase;
}

.text-message-warning {
    color: red;
    width: 100%;
    text-align: center;
}

@media (max-width: 768px) {
    .percentage {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .percentage {
        font-size: 9px;
    }
}

/* Slide */
.brand {
    margin-top: 5rem;
}

.slideshow-container-after-login {
    position: relative;
    margin: auto;
    width: 90%;
    height: 100%;
}

.slideshow-container-after-login .mySlides {
    position: relative;
    width: 100%;
    height: 100%;
}

.slideshow-container-after-login .mySlides .slide1 img {
    width: 100%;
    height: 138px;
}

.slideshow-container-after-login-pc {
    position: relative;
    margin: auto;
    width: 90%;
    height: 100%;
}

.slideshow-container-after-login-pc .mySlides {
    position: relative;
    width: 100%;
    height: 100%;
}

.slideshow-container-after-login-pc .mySlides .slide1 img {
    width: 100%;
    height: 230px;
}

.right-arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 2rem;
    background: -webkit-linear-gradient(180deg, #ffc757 0%, #a76f00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 10;
    cursor: pointer;
    user-select: none;
}

.left-arrow {
    position: absolute;
    top: 50%;
    left: 10px;
    font-size: 2rem;
    z-index: 10;
    cursor: pointer;
    color: #a76f00;
    user-select: none;
    background: -webkit-linear-gradient(180deg, #ffc757 0%, #a76f00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slider-image {
    opacity: 0;
    transition-duration: 1s ease;
}

.slide1.active {
    opacity: 1;
    transition-duration: 1s;
    transform: scale(1.08);
}

.slide-image {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.slide-image .active {
    width: 80px;
    border-radius: 10px;
    min-width: 25%;
    padding: 2px;
    background: var(--gradient-gold);
}

.slide-image .none-active {
    width: 80px;
    border-radius: 10px;
    border: 2px solid #ffff;
    min-width: 25%;
    background-color: #ffff;
}

.slide-active,
.dot:hover {
    background-color: #fff;
}

.header {
    width: 100%;
    position: fixed;
    z-index: 100;
    background-color: #252525;
}


@media (max-width: 400px) {
    .img-logoweb img {
        width: 150px;
    }
}

.refresh-balance {
    cursor: pointer;
    width: 10px;
    height: 10px;
}

.refresh-balance:hover {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
}

@media (min-width: 768px) {
    .md\:min-h-\[167px\] {
        min-height: 167px;
    }
}

/* To center the spinner*/
.pos-center {
    position: fixed;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
  }
  
  .loader {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }