@charset "utf-8";

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

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

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

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

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

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

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

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

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

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

b, strong { font-weight: bolder; }

code, kbd, samp, pre { font-family: mono, avertastd; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }

small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

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

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

button, select { text-transform: none; }

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

progress { vertical-align: baseline; }

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

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

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

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

summary { display: list-item; }

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

fieldset { margin: 0px; padding: 0px; }

legend { padding: 0px; }

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

dialog { padding: 0px; }

textarea { resize: vertical; }

input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }

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

:disabled { cursor: default; }

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

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

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

button, a { touch-action: manipulation; }

.text-xxs { font-size: 0.75rem; line-height: 1rem; transform: scale(0.833); }

.carousels { -webkit-tap-highlight-color: transparent; align-content: flex-start; display: flex; overflow: hidden; position: relative; touch-action: pan-y; user-select: none; }

.carousels > div { min-height: 100%; overflow: hidden; position: relative; width: 100%; }

:root { --ease-out: cubic-bezier(.36, .66, .04, 1); --safe-top: 0rem; --safe-bottom: 0rem; --header: 3.5rem; --safe-header: calc(var(--header) + var(--safe-top)); --footer: 4.5rem; --safe-footer: calc(var(--footer) + var(--safe-bottom)); --radius-sm: .125rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --brand: 44 217 125; --brand_alt: 131 194 92; --brand_secondary: 44 217 125; --success: 44 217 125; --error: 205 48 48; --warning: 204 122 26; --warning_brighter: 255 173 77; --primary: 23 26 26; --primary_brand: 0 0 0; --secondary: 95 109 109; --tertiary: 146 160 160; --quarterary: 176 185 185; --alw_white: 255 255 255; --alw_dark: 23 26 26; --layer1: 243 244 245; --layer2: 241 242 243; --layer3: 255 255 255; --layer4: 255 255 255; --layer5: 240 242 242; --layer6: 255 255 255; --tab_selected: 255 255 255; --input: 222 233 235; --input_button: 255 255 255; --input_darken: 247 247 247; --input_bright: 243 243 243; --tab_padding: 243 243 243; --tab_nopadding: 228 230 231; --main: #3a414266; --second: #3a414233; --third: #3a414219; --site_bg: #f4f4f4; --toast-bg: rgba(255, 255, 255, .7); --layer0: rgb(var(--layer4)); --layerx: rgb(var(--layer4)); --layer-x: rgb(var(--layer4)); --white_alpha5: #ffffff0d; --white_alpha10: #ffffff1a; --white_alpha20: #ffffff33; --black_alpha5: #0000000d; --black_alpha10: #0000001a; --black_alpha20: #00000033; --Pagination-bg: 245, 245, 245; --Pagination-currentPage: 229, 230, 230; --Chip-Group-Tab: #f5f5f5; --Button-BrightBg: #f2f2f2; --layer5-table: 247 247 247; }

.pc { --footer: 0rem; }

html.dark { --brand: 36 238 137; --brand_alt: 159 232 113; --brand_secondary: 26 169 100; --success: 36 238 137; --error: 252 60 60; --warning: 255 152 32; --warning_brighter: 255 173 77; --primary: 255 255 255; --primary_brand: 0 0 0; --secondary: 179 190 193; --tertiary: 132 145 148; --quarterary: 161 175 178; --alw_white: 255 255 255; --alw_dark: 23 26 26; --layer1: 30 33 33; --layer2: 35 38 38; --layer3: 41 45 46; --layer4: 50 55 56; --layer5: 58 65 66; --layer6: 74 83 84; --tab_selected: 58 65 66; --input: 58 65 66; --input_button: 58 65 66; --input_darken: 30 33 33; --input_bright: 41 45 46; --tab_padding: 39 43 44; --tab_nopadding: 50 55 56; --main: #e4eaf0cc; --second: #e4eaf04c; --third: #e4eaf019; --site_bg: #232626; --toast-bg: rgba(17, 17, 17, .7); --Pagination-bg: 41, 45, 46; --Pagination-currentPage: 58, 65, 66; --Chip-Group-Tab: #3a4142; --Button-BrightBg: #464f50; --layer5-table: 58 65 66; }

html.yellowtheme { --brand: 207 207 0; --radius-sm: .25rem; --radius-md: .75rem; --radius-lg: 1rem; --radius-xl: 1.5rem; }

html.dark.yellowtheme { --brand: 255 255 0; }

html.yellowtheme .button-brand { background-image: linear-gradient(90deg, rgb(255, 255, 0), rgb(205, 205, 0)); box-shadow: rgba(205, 205, 0, 0.3) 0px 0px 12px, rgb(255, 255, 0) 0px -2px inset; }

html.jbyellowtheme.dark { --brand: 255 212 0; --brand_alt: 255 212 0; --special: 74 83 84; }

html.jbyellowtheme { --brand: 255 174 0; --brand_alt: 206 196 78; --special: 237 238 238; }

html.jbyellowtheme :not(.input) > .button:not(.border-b-brand, .button-input, .select, .not-full, .pagination-button) { border-radius: 9999px; }

html.jbyellowtheme .button-brand { border: 2px solid transparent; box-shadow: none; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(90deg, rgb(255, 212, 0), rgb(255, 174, 0)), linear-gradient(0deg, rgb(255, 194, 16), rgb(255, 207, 84)); }

html.jbyellowtheme .bg-special { background-color: rgb(var(--special)) !important; }

html.jbyellowtheme .bg-from-special { --tw-gradient-from: rgb(var(--special)) !important; }

.active-tab-group { background: var(--Chip-Group-Tab); }

body { color: rgb(var(--primary)); font-family: avertastd; font-size: 0.875rem; line-height: 1.5; background-color: var(--site_bg); }

html.jbyellowtheme body { font-family: roboto; }

html, body { touch-action: manipulation; }

button { background: none; }

.sticky { top: var(--offsetTop); }

.quarterary { background: rgb(var(--quarterary)); }

.bg-layer3 .bg-layer_x, .bg-layer2 { --layer0: rgb(var(--layer2)); --layerx: rgb(var(--layer3)); --layer-x: rgb(var(--layer1)); }

.bg-layer4 .bg-layer_x, .bg-layer3 { --layer0: rgb(var(--layer3)); --layerx: rgb(var(--layer4)); --layer-x: rgb(var(--layer2)); }

.bg-layer5 .bg-layer_x, .bg-layer4 { --layer0: rgb(var(--layer4)); --layerx: rgb(var(--layer5)); --layer-x: rgb(var(--layer3)); }

.bg-layer4 .bg-layerx .bg-layerx, .bg-layer6 .bg-layer_x, .bg-layer5 { --layer0: rgb(var(--layer5)); --layer-x: rgb(var(--layer4)); --layerx: rgb(var(--layer6)); }

.button { display: flex; align-items: center; justify-content: center; height: 3rem; padding-left: 0.5rem; padding-right: 0.5rem; cursor: pointer; border-radius: var(--radius-md); user-select: none; }

.button-xs { height: 1.5rem; border-radius: var(--radius-md); }

.button-s { height: 2rem; border-radius: var(--radius-md); padding-right: 0.25rem; padding-left: 0.25rem; }

.button-m { height: 2.5rem; border-radius: var(--radius-lg); }

.button-l { height: 3rem; padding-left: 0.5rem; padding-right: 0.5rem; border-radius: var(--radius-lg); }

.button-brand { color: rgb(var(--primary_brand)); font-weight: 800; background-image: linear-gradient(90deg, rgb(36, 238, 137), rgb(159, 232, 113)); box-shadow: rgba(35, 238, 136, 0.3) 0px 0px 12px, rgb(29, 202, 106) 0px -2px inset; }

.button-second { color: rgb(var(--primary)); font-weight: 800; background-image: linear-gradient(0deg,var(--black_alpha5) 0%,var(--black_alpha5) 100%); background-color: rgb(var(--layer5)); }

.button-input { color: rgb(var(--primary)); font-weight: 800; background-color: rgb(var(--input_button)); }

.input { height: 3rem; display: flex; align-items: center; border-radius: var(--radius-lg); border: 1px solid rgb(var(--input)); padding-left: 0.75rem; padding-right: 0.5rem; gap: 0.5rem; background-color: rgb(var(--input_bright)); transition: all .35s var(--ease-out); color: rgb(var(--primary)); }

.input[data-focus] { border-color: rgb(var(--brand)); caret-color: rgb(var(--brand)); }

.input[data-disabled] { opacity: 0.6; }

.input > input { background-color: transparent; outline: none; flex: 1 1 0%; width: 8rem; }

.input-label { margin-top: 1.25rem; margin-bottom: 0.375rem; padding-left: 0.375rem; padding-right: 0.375rem; color: rgb(var(--secondary)); }

.pagination-button .loading { width: 1rem; height: 1rem; }

.pagination-darken { --Pagination-bg: 255, 255, 255; }

html.dark .pagination-darken { --Pagination-bg: 30, 33, 33; }

.pagination-button { background-color: rgb(var(--Pagination-bg)); height: 2.5rem; color: rgb(var(--primary) / 1); }

.pagination-prev { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); }

.pagination-next { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); }

.pagination { background-color: rgb(var(--Pagination-bg)); display: flex; align-items: center; column-gap: 0.15rem; border-radius: var(--radius-sm); padding: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 800; color: rgb(var(--primary) / 1); }

.pagination-current { background-color: rgb(var(--Pagination-currentPage)); height: 2rem; min-width: 2rem; border-radius: var(--radius-md); padding: 0.5rem; text-align: center; }

.radio, .checkbox { display: flex; height: 2.75rem; flex: 0 0 auto; align-items: center; }

.radio::before { content: ""; display: block; flex: 0 0 auto; transition-property: all; transition-duration: 0.15s; border-radius: 100rem; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; border: .125rem solid var(--third); }

.radio[aria-selected]::before { border-width: 0.375rem; border-color: rgb(var(--brand)); }

.switch { background: linear-gradient(0deg,var(--black_alpha5) 0%,var(--black_alpha5) 100%),rgb(var(--layer5)); cursor: pointer; border-radius: 9999px; padding: 0.25rem; transition-property: all; transition-duration: 0.15s; width: 4rem; height: 2.25rem; }

.switch[data-disabled] { opacity: 0.6; cursor: not-allowed; }

.switch > div { width: 1.75rem; height: 1.75rem; margin-left: 0px; background: linear-gradient(0deg,var(--white_alpha20) 0%,var(--white_alpha20) 100%),rgb(var(--layer6)); border-radius: 9999px; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); --tw-shadow-color: rgb(0 0 0 / .2); --tw-shadow: var(--tw-shadow-colored); transition-property: all; transition-duration: 0.15s; }

.switch-xs { width: 2.75rem; height: 1.5rem; }

.switch-xs > div { width: 1rem; height: 1rem; }

.switch[aria-checked] { background: rgb(var(--brand)); }

.switch[aria-checked] > div { margin-left: 1.75rem; background-color: rgb(var(--alw_white)); }

.switch-xs[aria-checked] > div { margin-left: 1.25rem; }

.icon { width: 2rem; height: 2rem; fill: currentcolor; }

.loading { animation: 1s linear 0s infinite normal none running spin; width: 1.25rem; height: 1.25rem; }

.checkbox-ico { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; position: relative; margin-right: 0.5rem; }

.checkbox-ico::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ""; border-radius: var(--radius-md); transition: 0.15s; border: .125rem solid var(--third); }

.checkbox-ico[aria-selected]::before { border-width: 0.75rem; border-color: rgb(var(--brand)); }

.checkbox-ico svg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.select { border: 1px solid rgb(var(--input)); gap: 0.5rem; padding-left: 0.75rem; }

.select-item { width: 100%; border-radius: var(--radius-lg); padding: 0px 0.5rem 0px 0.75rem; }

.select-item[aria-selected] { background-color: rgb(var(--layer4)); }

.select-item.radio::before { order: 100; margin-left: auto; margin-right: 0px; }

.dropdown-layer { position: fixed; z-index: 10000; padding: 0px 0.5rem; border-radius: var(--radius-lg); width: 18rem; max-height: 20rem; left: 0px; top: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }

.dropdown-layer.select-options { padding: 0.5rem; }

.pop-overlayer { position: fixed; inset: 0px; touch-action: pan-x; z-index: 1100; overflow: hidden; display: flex; visibility: hidden; align-items: center; justify-content: center; }

.pop-bottomsheet, .pop-center { position: absolute; opacity: 1; display: flex; flex-direction: column; max-height: 80%; padding-top: 3.5rem; }

.pop-bottomsheet { bottom: 0px; left: 0px; right: 0px; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; padding-bottom: var(--safe-bottom); width: 100% !important; }

.pop-center { width: 24rem; max-width: 90%; border-radius: var(--radius-xl); }

.pop-title { position: absolute; top: 0px; width: 100%; justify-content: center; align-items: center; font-weight: 800; height: 3.5rem; font-size: 1rem; display: flex; flex: 0 0 auto; color: rgb(var(--primary)); }

.pop-content { padding: 0px 1rem 1rem; }

.pop-content .scroll-container { min-height: auto !important; }

.pop-close { position: absolute; right: 1rem; top: 0.75rem; border-radius: var(--radius-md); width: 2rem; height: 2rem; background-color: var(--Button-BrightBg); }

.pop-close > svg { width: 1.25rem; height: 1.25rem; }

.dialog-root { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; display: none; justify-content: center; align-items: center; padding-bottom: var(--safe-bottom); }

.dialog-list { width: 100%; height: 100%; overflow: hidden; transition: width 0.3s, height 0.3s; position: relative; opacity: 0; }

.dialog-visible { display: flex; }

.dialog-visible .dialog-list { opacity: 1; }

.dialog-overlayer { overflow: hidden; left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; z-index: 1000; touch-action: pan-x; background-color: rgb(var(--layer2)); }

.dialog-item { position: absolute; left: 0px; top: 0px; z-index: 0; width: 100%; height: 100%; display: flex; flex-direction: column; padding-top: var(--safe-header); }

.dialog-title { box-sizing: content-box; height: var(--header); border-top: var(--safe-top) solid transparent; line-height: 2rem; flex: 0 0 auto; display: flex; z-index: 100; justify-content: center; align-items: center; font-size: 1rem; font-weight: 800; position: absolute; left: 0px; top: 0px; right: 0px; --tw-bg-opacity: calc((var(--scroll) * 100 / 15) - 50%); --bg: var(--layer4); background-color: rgb(var(--bg) / var(--tw-bg-opacity)); transition: background-color 0.1s linear; }

.dialog-content { flex: 1 1 0%; padding-left: 1rem; padding-right: 1rem; --bg: var(--layer2); }

.scroll-container { display: flex; flex-direction: column; min-height: calc(100% + 1px); }

.dialog-content > .scroll-container { padding-bottom: 1rem; }

.dialog-back { position: absolute; bottom: 0.75rem; right: 1rem; }

.dialog-close, .dialog-back { border-radius: var(--radius-md); width: 2rem; height: 2rem; background-color: var(--Button-BrightBg); color: rgb(var(--secondary)); z-index: 11; }

.dialog-close > svg, .dialog-back > svg { width: 1.25rem; height: 1.25rem; }

.dialog-back { right: auto; left: 1rem; }

.dialog-transparent-title .dialog-content { margin-top: calc(0px - var(--safe-header)); padding-left: 0px; padding-right: 0px; }

.dialog-transparent-title .dialog-title button { background-color: rgba(0, 0, 0, 0.05) !important; }

.pc .dialog-list { width: 30rem; height: 40rem; border-radius: 1rem; background-color: rgb(var(--layer2)); }

.pc .dialog-m { width: 40rem; }

.pc .dialog-l { width: 50rem; }

.pc .dialog-full { width: 100% !important; height: 100% !important; border-radius: 0px !important; }

:not(.pc) .dialog-overlayer { width: 100% !important; height: 100% !important; }

.pc .dialog-close, .pc .dialog-back { width: 1.5rem; height: 1.5rem; }

.pc .dialog-close > svg, .pc .dialog-back > svg { transform: scale(1.5); }

.pc .dialog-root { background-color: rgba(0, 0, 0, 0.667); }

.tabs-title { display: flex; flex: 0 0 auto; height: 2.5rem; position: relative; border-radius: var(--radius-lg); color: rgb(var(--secondary)); }

.tabs-title:not([data-type]) { background-color: rgb(var(--tab_nopadding) / 1); }

.tabs-title:not([data-type]) .tabs-btn { border-radius: var(--radius-lg); }

.tabs-title:not([data-type]) .tabs-indicator { display: none; }

.tabs-title[data-type="inner"] { background-color: rgb(var(--tab_padding) / 1); padding: 0.25rem; }

.tabs-title[data-type="inner"] .tabs-btn { border-radius: var(--radius-md); }

.tabs-title[data-type="inner"] .tabs-indicator { display: none; }

.tabs-title[data-type="indicator"] { border-radius: 0px; padding: 0px; }

.tabs-title[data-type="indicator"] .tabs-btn { border-radius: 0px; }

.tabs-title[data-type="indicator"] .tabs-btn[aria-selected] { background-color: unset; }

.tabs-indicator { position: absolute; bottom: 0px; left: 0px; height: 0.15rem; width: var(--tabs-width); background-color: rgb(var(--brand)); transition: transform 0.3s; transform: translate(var(--tabs-indicator-position)); }

.tabs-btn { border-radius: var(--radius-lg); flex: 1 1 0%; align-self: stretch; text-wrap: nowrap; padding-left: 0.5rem; padding-right: 0.5rem; }

.tabs-btn[aria-selected] { background-color: rgb(var(--tab_selected)); color: rgb(var(--primary)); font-weight: 800; }

.tabs-content { background-color: rgb(var(--layer4)); border-radius: var(--radius-lg); margin-top: 0.5rem; display: flex; flex-direction: column; }

.toast-layer { position: fixed; left: 1rem; right: 1rem; top: 3rem; margin-top: var(--safe-top); z-index: 10000; }

.toast { flex: 1 1 0%; display: flex; align-self: end; border-radius: var(--radius-xl); padding: 0.75rem 0.5rem; color: rgb(var(--primary)); background: var(--toast-bg); backdrop-filter: blur(5rem); margin: 0.25rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.25rem; }

.badge { height: 1rem; line-height: 1rem; width: 1.5rem; border-radius: var(--radius-md); font-size: 0.75rem; text-align: center; z-index: 50; color: rgb(var(--primary_brand)); font-weight: 800; background-color: rgb(var(--brand_alt)); }

.scroll-y { overflow: hidden auto; overscroll-behavior: contain; }

.scroll-bar ::-webkit-scrollbar { height: 0.5rem; width: 0.5rem; }

.scroll-bar ::-webkit-scrollbar-track { background: transparent; }

.scroll-bar ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 0.25rem; }

.scroll-x { overflow: auto hidden; overscroll-behavior: contain; }

.scroll-bar .scroll-x, .scroll-w .scroll-y { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.3) transparent; }

.lock-scroll { overflow: hidden; }

.hide-scroll { scrollbar-width: none; }

.hide-scroll::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }

.datepicker-table { display: grid; grid-template-columns: repeat(7, auto); justify-content: space-between; }

.datepicker-table > span { width: 2.25rem; height: 2.25rem; line-height: 2.25rem; }

.datepicker-days-view { height: 26rem; }

.datepicker-months-view { height: 17.5rem; }

.datepicker-years-view, .datepicker-decades-view { height: 18rem; }

.circle-countdown { fill: none; stroke-width: 4; stroke-dasharray: 50.265; stroke-dashoffset: 50.265; stroke: rgb(var(--brand)); transform: scaleX(-1) rotate(-90deg); }

.tooltip { position: fixed; overflow-wrap: break-word; border-radius: var(--radius-lg); background-color: rgb(var(--layer5) / 1); font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; }

.tooltip .bg-layer_x { --layer0: rgb(var(--layer4)); --layerx: rgb(var(--layer5)); --layer-x: rgb(var(--layer3)); }

.tooltip { --layer0: rgb(var(--layer5)); --layer-x: rgb(var(--layer4)); --layerx: rgb(var(--layer6)); box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 8px; }

.tooltip-triangle { position: fixed; height: 0.5rem; width: 0.5rem; transform-origin: left center; background-color: rgb(var(--layer5) / 1); }

.tooltip-triangle .bg-layer_x { --layer0: rgb(var(--layer4)); --layerx: rgb(var(--layer5)); --layer-x: rgb(var(--layer3)); }

.tooltip-triangle { --layer0: rgb(var(--layer5)); --layer-x: rgb(var(--layer4)); --layerx: rgb(var(--layer6)); top: var(--triangle-top); left: var(--triangle-left); transform: rotate(-45deg); }

.head-shake { animation: 0.6s ease-in-out 0s 1 normal none running headShake; }

@keyframes headShake { 
  0% { transform: translate(0px); }
  6.5% { transform: translate(-6px) rotateY(-9deg); }
  18.5% { transform: translate(5px) rotateY(7deg); }
  31.5% { transform: translate(-3px) rotateY(-5deg); }
  43.5% { transform: translate(2px) rotateY(3deg); }
  50% { transform: translate(0px); }
}

.collapsible__content { animation: 0.3s ease-out 0s 1 normal none running slideUp; }

.collapsible__content[data-expanded] { animation: 0.3s ease-out 0s 1 normal none running slideDown; }

@keyframes slideDown { 
  0% { height: 0px; }
  100% { height: var(--collapsible-content-height); }
}

@keyframes slideUp { 
  0% { height: var(--collapsible-content-height); }
  100% { height: 0px; }
}

.table { width: 100%; table-layout: fixed; }

.table td { text-align: center; }

.table td:nth-child(1) { text-align: left; }

.table td:last-child { text-align: right; }

.level_nolevel { border: 1px solid rgb(217, 217, 217); background: linear-gradient(95deg, rgb(202, 202, 202) 12.34%, rgb(109, 109, 109) 51.58%, rgb(202, 202, 202) 94.64%); }

.level_bronze { border: 1px solid rgb(226, 188, 154); background: linear-gradient(95deg, rgb(206, 175, 152) 12.34%, rgb(101, 95, 83) 51.58%, rgb(206, 182, 152) 94.64%); }

.level_sliver { border: 1px solid rgb(124, 144, 182); background: linear-gradient(95deg, rgb(152, 171, 206) 12.34%, rgb(83, 86, 101) 51.58%, rgb(152, 171, 206) 94.64%); }

.level_gold { border: 1px solid rgb(121, 107, 83); background: linear-gradient(95deg, rgb(207, 187, 153) 12.34%, rgb(101, 94, 83) 51.58%, rgb(206, 186, 152) 94.64%); }

.level_platinum { border: 1px solid rgb(141, 124, 182); background: linear-gradient(95deg, rgb(173, 152, 206) 12.34%, rgb(91, 83, 101) 51.58%, rgb(170, 152, 206) 94.64%); }

.level_diamond { border: 1px solid rgb(113, 85, 176); background: linear-gradient(95deg, rgb(171, 128, 241) 12.34%, rgb(66, 51, 138) 51.58%, rgb(171, 128, 241) 94.64%); }

button:disabled { opacity: 0.4; cursor: not-allowed; }

.button:active:not(:disabled), .btn-like:active { --tw-brightness: brightness(.95); 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); }

.dark .button:active:not(:disabled), .dark .btn-like:active { --tw-brightness: brightness(1.05); 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); }

.button:active:not(:disabled), .btn-like:active { filter: brightness(var(--tw-brightness)); transform: translateY(1px); }

.pc .pop-center { min-width: 26rem; }

.pc .toast-layer { width: 24rem; left: auto; }

.pc .input, .pc .radio, .pc .checkbox { height: 2.5rem; }

.pc .input { padding-left: 0.5rem; padding-right: 0.1875rem; }

.pc .radio::before, .pc .checkbox-ico { width: 1.25rem; height: 1.25rem; }

.pc .radio[aria-selected]::before { border-width: 0.3125rem; }

.pc .checkbox-ico[aria-selected]::before { border-width: 0.625rem; }

.pc .pop-title { height: 3rem; }

.pc .pop-close { top: 0.5rem; }

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

.center { display: flex; align-items: center; justify-content: center; }

.btn-like { user-select: none; touch-action: manipulation; }

.smooth-scroll { --snap-align: start; transform: translateZ(0px); scroll-padding-inline: var(--scroll-padding-inline); }

.smooth-scroll > * { scroll-snap-align: var(--snap-align); }

.smooth-list { gap: var(--grid-gap); scroll-padding-inline: var(--grid-padding); padding: 0 var(--grid-padding); }

.share-layout { display: grid; gap: 0.25rem 0.5rem; grid-template: "header header" "sider content" / auto 1fr; }

@media (max-width: 640px) {
  .share-layout { grid-template: "header" "sider" "content"; }
}

.share-layout-header { grid-area: header; }

.share-layout-content { grid-area: content; }

.share-layout-sider { grid-area: sider; }

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

.visible { visibility: visible; }

.invisible { visibility: hidden; }

.static { position: static; }

.absolute { position: absolute; }

.relative { position: relative; }

.sticky { position: sticky; }

.-bottom-0\.5 { bottom: -0.125rem; }

.-bottom-1 { bottom: -0.25rem; }

.-top-1 { top: -0.25rem; }

.-top-2 { top: -0.5rem; }

.bottom-0 { bottom: 0px; }

.left-0 { left: 0px; }

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

.left-8 { left: 2rem; }

.right-0 { right: 0px; }

.right-1 { right: 0.25rem; }

.right-1\.5 { right: 0.375rem; }

.right-4 { right: 1rem; }

.top-0 { top: 0px; }

.top-1 { top: 0.25rem; }

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

.top-16 { top: 4rem; }

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

.z-30 { z-index: 30; }

.z-40 { z-index: 40; }

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

.z-\[1001\] { z-index: 1001; }

.order-first { order: -9999; }

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

.-m-1 { margin: -0.25rem; }

.m-2 { margin: 0.5rem; }

.m-3 { margin: 0.75rem; }

.m-auto { margin: auto; }

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

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

.-mr-1 { margin-right: -0.25rem; }

.-mt-0\.5 { margin-top: -0.125rem; }

.-mt-2 { margin-top: -0.5rem; }

.-mt-6 { margin-top: -1.5rem; }

.mb-1 { margin-bottom: 0.25rem; }

.mb-2 { margin-bottom: 0.5rem; }

.mb-3 { margin-bottom: 0.75rem; }

.mb-5 { margin-bottom: 1.25rem; }

.ml-2 { margin-left: 0.5rem; }

.ml-3 { margin-left: 0.75rem; }

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

.mr-0\.5 { margin-right: 0.125rem; }

.mr-1 { margin-right: 0.25rem; }

.mr-1\.5 { margin-right: 0.375rem; }

.mr-2 { margin-right: 0.5rem; }

.mr-3 { margin-right: 0.75rem; }

.mt-0 { margin-top: 0px; }

.mt-0\.5 { margin-top: 0.125rem; }

.mt-10 { margin-top: 2.5rem; }

.mt-2 { margin-top: 0.5rem; }

.mt-4 { margin-top: 1rem; }

.mt-8 { margin-top: 2rem; }

.block { display: block; }

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

.inline { display: inline; }

.flex { display: flex; }

.\!inline-flex { display: inline-flex !important; }

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

.table { display: table; }

.grid { display: grid; }

.hidden { display: none; }

.size-0 { width: 0px; height: 0px; }

.size-4 { width: 1rem; height: 1rem; }

.size-5 { width: 1.25rem; height: 1.25rem; }

.size-6 { width: 1.5rem; height: 1.5rem; }

.size-8 { width: 2rem; height: 2rem; }

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

.\!h-12 { height: 3rem !important; }

.\!h-3 { height: 0.75rem !important; }

.\!h-5 { height: 1.25rem !important; }

.\!h-64 { height: 16rem !important; }

.\!h-96 { height: 24rem !important; }

.h-1 { height: 0.25rem; }

.h-10 { height: 2.5rem; }

.h-14 { height: 3.5rem; }

.h-18 { height: 4.5rem; }

.h-2 { height: 0.5rem; }

.h-20 { height: 5rem; }

.h-24 { height: 6rem; }

.h-3 { height: 0.75rem; }

.h-32 { height: 8rem; }

.h-4 { height: 1rem; }

.h-40 { height: 10rem; }

.h-44 { height: 11rem; }

.h-48 { height: 12rem; }

.h-5 { height: 1.25rem; }

.h-52 { height: 13rem; }

.h-56 { height: 14rem; }

.h-6 { height: 1.5rem; }

.h-64 { height: 16rem; }

.h-7 { height: 1.75rem; }

.h-8 { height: 2rem; }

.h-80 { height: 20rem; }

.h-9 { height: 2.25rem; }

.h-96 { height: 24rem; }

.h-\[0\.125rem\] { height: 0.125rem; }

.h-\[6\.5rem\] { height: 6.5rem; }

.h-\[90\%\] { height: 90%; }

.h-auto { height: auto; }

.h-full { height: 100%; }

.min-h-52 { min-height: 13rem; }

.min-h-96 { min-height: 24rem; }

.\!w-12 { width: 3rem !important; }

.\!w-3 { width: 0.75rem !important; }

.\!w-5 { width: 1.25rem !important; }

.w-10 { width: 2.5rem; }

.w-2 { width: 0.5rem; }

.w-20 { width: 5rem; }

.w-24 { width: 6rem; }

.w-3 { width: 0.75rem; }

.w-32 { width: 8rem; }

.w-4 { width: 1rem; }

.w-40 { width: 10rem; }

.w-48 { width: 12rem; }

.w-6 { width: 1.5rem; }

.w-60 { width: 15rem; }

.w-80 { width: 20rem; }

.w-9 { width: 2.25rem; }

.w-96 { width: 24rem; }

.w-full { width: 100%; }

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

.min-w-8 { min-width: 2rem; }

.min-w-9 { min-width: 2.25rem; }

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

.max-w-28 { max-width: 7rem; }

.flex-1 { flex: 1 1 0%; }

.flex-none { flex: 0 0 auto; }

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

.-translate-y-1 { --tw-translate-y: -.25rem; 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),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-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

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

.rotate-\[270deg\] { --tw-rotate: 270deg; 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-50 { --tw-scale-x: .5; --tw-scale-y: .5; 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-75 { --tw-scale-x: .75; --tw-scale-y: .75; 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)); }

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

.cursor-grab { cursor: grab; }

.cursor-grabbing { cursor: grabbing; }

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

.cursor-pointer { cursor: pointer; }

.touch-none { touch-action: none; }

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

.snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }

.snap-mandatory { --tw-scroll-snap-strictness: mandatory; }

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

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

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

.flex-wrap { flex-wrap: wrap; }

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

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

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

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

.gap-1 { gap: 0.25rem; }

.gap-2 { gap: 0.5rem; }

.gap-3 { gap: 0.75rem; }

.gap-x-1 { column-gap: 0.25rem; }

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

.gap-x-\[0\.15rem\] { column-gap: 0.15rem; }

.gap-y-1 { row-gap: 0.25rem; }

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

.gap-y-\[0\.6rem\] { row-gap: 0.6rem; }

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

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

.overflow-hidden { overflow: hidden; }

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

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

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

.overscroll-none { overscroll-behavior: none; }

.overscroll-y-contain { overscroll-behavior-y: contain; }

.scroll-smooth { scroll-behavior: smooth; }

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

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

.rounded, .rounded-\[0\.25rem\] { border-radius: 0.25rem; }

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

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

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

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

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

.border { border-width: 1px; }

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

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

.border-r-2 { border-right-width: 2px; }

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

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

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

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

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

.bg-\[\#4583ca\] { background-color: rgb(69, 131, 202); }

.bg-\[\#826ee166\] { background-color: rgba(130, 110, 225, 0.4); }

.bg-\[\#bf6ba2\] { background-color: rgb(191, 107, 162); }

.bg-\[\#f4581f\] { background-color: rgb(244, 88, 31); }

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

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

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

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

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

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

.bg-button_bright { background-color: var(--Button-BrightBg); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-white_alpha5 { background-color: rgba(255, 255, 255, 0.05); }

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

.fill-\[\#0f62fe\] { fill: rgb(15, 98, 254); }

.fill-secondary { fill: rgb(var(--secondary) / 1); }

.p-1 { padding: 0.25rem; }

.p-10 { padding: 2.5rem; }

.p-2 { padding: 0.5rem; }

.p-2\.5 { padding: 0.625rem; }

.p-20 { padding: 5rem; }

.p-3 { padding: 0.75rem; }

.p-4 { padding: 1rem; }

.p-\[2px\] { padding: 2px; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }

.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }

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

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

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

.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }

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

.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

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

.py-\[0\.125rem\] { padding-top: 0.125rem; padding-bottom: 0.125rem; }

.pb-4 { padding-bottom: 1rem; }

.pl-2 { padding-left: 0.5rem; }

.pl-4 { padding-left: 1rem; }

.pr-3 { padding-right: 0.75rem; }

.pr-4 { padding-right: 1rem; }

.pr-6 { padding-right: 1.5rem; }

.pt-6 { padding-top: 1.5rem; }

.text-center { text-align: center; }

.text-2xl { font-size: 1.5rem; line-height: 2rem; }

.text-5xl { font-size: 3rem; line-height: 1; }

.text-8xl { font-size: 6rem; line-height: 1; }

.text-9xl { font-size: 8rem; line-height: 1; }

.text-base { font-size: 1rem; line-height: 1.5rem; }

.text-lg { font-size: 1.125rem; line-height: 1.75rem; }

.text-sm { font-size: 0.875rem; line-height: 1.25rem; }

.text-xl { font-size: 1.25rem; line-height: 1.75rem; }

.text-xs { font-size: 0.75rem; line-height: 1rem; }

.font-extrabold { font-weight: 800; }

.font-normal { font-weight: 400; }

.font-semibold { font-weight: 600; }

.leading-10 { line-height: 2.5rem; }

.leading-4 { line-height: 1rem; }

.leading-5 { line-height: 1.25rem; }

.leading-8 { line-height: 2rem; }

.leading-9 { line-height: 2.25rem; }

.leading-tight { line-height: 1.25; }

.text-alw_white { color: rgb(var(--alw_white) / 1); }

.text-brand { color: rgb(var(--brand) / 1); }

.text-error { color: rgb(var(--error) / 1); }

.text-primary { color: rgb(var(--primary) / 1); }

.text-primary_brand { color: rgb(var(--primary_brand) / 1); }

.text-quarterary { color: rgb(var(--quarterary) / 1); }

.text-secondary { color: rgb(var(--secondary) / 1); }

.text-success { color: rgb(var(--success) / 1); }

.text-tertiary { color: rgb(var(--tertiary) / 1); }

.text-warning { color: rgb(var(--warning) / 1); }

.opacity-0 { opacity: 0; }

.opacity-25 { opacity: 0.25; }

.opacity-75 { opacity: 0.75; }

.blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 0.15s; }

.transition-all { transition-property: all; transition-duration: 0.15s; }

.duration-300 { transition-duration: 0.3s; }

.ease-out { transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1); }

.will-change-transform { will-change: transform; }

html:not(.dark) .light-layer3-tabs { background-color: rgb(var(--layer5) / 1); }

html:not(.dark) .light-layer3-tabs .bg-layer_x { --layer0: rgb(var(--layer4)); --layerx: rgb(var(--layer5)); --layer-x: rgb(var(--layer3)); }

html:not(.dark) .light-layer3-tabs { --layer0: rgb(var(--layer5)); --layer-x: rgb(var(--layer4)); --layerx: rgb(var(--layer6)); }

html:not(.dark) .light-layer3-tabs > button[data-selected], html:not(.dark) .light-layer3-tabs > button[aria-selected="true"] { background-color: rgb(var(--layer3) / 1); }

html:not(.dark) .light-layer3-tabs > button[data-selected] .bg-layer_x, html:not(.dark) .light-layer3-tabs > button[aria-selected="true"] .bg-layer_x { --layer0: rgb(var(--layer2)); --layerx: rgb(var(--layer3)); --layer-x: rgb(var(--layer1)); }

html:not(.dark) .light-layer3-tabs > button[data-selected], html:not(.dark) .light-layer3-tabs > button[aria-selected="true"] { --layer0: rgb(var(--layer3)); --layerx: rgb(var(--layer4)); --layer-x: rgb(var(--layer2)); }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  html:not(.dark) .light-layer3-tabs > button[data-selected]:hover, html:not(.dark) .light-layer3-tabs > button[aria-selected="true"]:hover { --tw-brightness: brightness(1.1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
}

html:not(.dark) .light-layer2-tabs { background-color: rgb(var(--layer3) / 1); }

html:not(.dark) .light-layer2-tabs .bg-layer_x { --layer0: rgb(var(--layer2)); --layerx: rgb(var(--layer3)); --layer-x: rgb(var(--layer1)); }

html:not(.dark) .light-layer2-tabs { --layer0: rgb(var(--layer3)); --layerx: rgb(var(--layer4)); --layer-x: rgb(var(--layer2)); }

html:not(.dark) .light-layer2-tabs > button[data-selected], html:not(.dark) .light-layer2-tabs > .active-tab-group, html:not(.dark) .light-layer2-tabs > button[aria-selected="true"] { background-color: rgb(var(--layer5) / 1); }

html:not(.dark) .light-layer2-tabs > button[data-selected] .bg-layer_x, html:not(.dark) .light-layer2-tabs > .active-tab-group .bg-layer_x, html:not(.dark) .light-layer2-tabs > button[aria-selected="true"] .bg-layer_x { --layer0: rgb(var(--layer4)); --layerx: rgb(var(--layer5)); --layer-x: rgb(var(--layer3)); }

html:not(.dark) .light-layer2-tabs > button[data-selected], html:not(.dark) .light-layer2-tabs > .active-tab-group, html:not(.dark) .light-layer2-tabs > button[aria-selected="true"] { --layer0: rgb(var(--layer5)); --layer-x: rgb(var(--layer4)); --layerx: rgb(var(--layer6)); }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  html:not(.dark) .light-layer2-tabs > button[data-selected]:hover, html:not(.dark) .light-layer2-tabs > .active-tab-group:hover, html:not(.dark) .light-layer2-tabs > button[aria-selected="true"]:hover { --tw-brightness: brightness(.95); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
}

html { --darkness-3: linear-gradient(0deg,rgba(0, 0, 0, .03) 0%,rgba(0, 0, 0, .03) 100%); --darkness-5: linear-gradient(0deg,rgba(0, 0, 0, .05) 0%,rgba(0, 0, 0, .05) 100%); --lightness-3: linear-gradient(0deg,rgba(255, 255, 255, .03) 0%,rgba(255, 255, 255, .03) 100%); --lightness-5: linear-gradient(0deg,rgba(255, 255, 255, .05) 0%,rgba(255, 255, 255, .05) 100%); }

html:not(.dark) .light-darkness, html:not(.dark) .fix-light-hover.scroll-target, html:not(.dark) .select-item[aria-selected="true"] { background-image: var(--darkness-5); }

html:not(.dark) .select-item:hover, html:not(.dark) .fix-light-hover:hover { background-image: var(--darkness-3); }

html:not(.dark) .select-item:active, html:not(.dark) .fix-light-hover:active { background-image: var(--darkness-5); }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .button:hover:not(:disabled, .button-input), .btn-like:not([aria-selected], :disabled):hover { --tw-brightness: brightness(.95); 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); }
  .dark .button:hover:not(:disabled, .button-input), .dark .btn-like:not([aria-selected], :disabled):hover { --tw-brightness: brightness(1.05); 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); }
  .dark .select-item:hover, .dark .fix-light-hover:hover { background-image: var(--lightness-3); }
  .dark .select-item:active, .dark .fix-light-hover:active { background-image: var(--lightness-5); }
  html:not(.dark) .select-item:hover, html:not(.dark) .fix-light-hover:hover { background-image: var(--darkness-3); }
  html:not(.dark) .select-item:active, html:not(.dark) .fix-light-hover:active { background-image: var(--darkness-5); }
}

.page-header { box-sizing: content-box; border-top: var(--safe-top) solid transparent; height: var(--header); }

html { height: 100%; }

@media (display-mode: standalone) {
  :root { --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); }
  html { height: 100vh; }
}

@media (min-width: 1024px) {
  .scroll-container { min-height: 100%; }
}

@font-face { font-family: avertastd; src: url("/avertastd-semibold-BC-LINeP.woff2") format("woff2"), url("/assets/avertastd-semibold-DgrKQrq3.woff") format("woff"); font-weight: 400; font-style: normal; }

@font-face { font-family: italic; src: url("/avertastd-italic-oZa0nM8B.woff2") format("woff2"), url("/assets/avertastd-italic-BlgliRGV.woff") format("woff"); font-weight: 400; font-style: italic; }

@font-face { font-family: avertastd; src: url("/avertastd-semibold-BC-LINeP.woff2") format("woff2"), url("/assets/avertastd-semibold-DgrKQrq3.woff") format("woff"); font-weight: 600; font-style: normal; }

@font-face { font-family: avertastd; src: url("/avertastd-extrabold-BtYeKIE6.woff2") format("woff2"), url("/avertastd-extrabold-B7Ukj2d3.woff") format("woff"); font-weight: 800; font-style: normal; }

@font-face { font-family: roboto; src: url("/roboto-semibold-EVIM0_1H.ttf"); font-weight: 400; font-style: normal; }

@font-face { font-family: roboto; src: url("/roboto-semibold-EVIM0_1H.ttf"); font-weight: 600; font-style: normal; }

@font-face { font-family: roboto; src: url("/roboto-extrabold-CL74Hpzo.ttf"); font-weight: 800; font-style: normal; }

@font-face { font-family: mono; src: url("/avertastd-mono-extrabold-2-Tg6n77.woff2") format("woff2"), url("/avertastd-mono-extrabold-CtXehiD0.woff") format("woff"); unicode-range: U+30-39, U+2E, U+2C, U+D7, U+2B, U+2D, U+3A; }

body { height: 100%; }

#page-content { transform-origin: 50% 50vh; padding-top: calc(var(--header) + var(--safe-top)); padding-bottom: calc(var(--footer) + var(--safe-bottom)); }

#page-content > :first-child { margin-top: 1rem; }

#page-content > :last-child { margin-bottom: 1rem; }

.page-bg { position: fixed; left: 0px; right: 0px; top: 0px; z-index: -1; height: 60vh; }

.banner-bg { background-image: linear-gradient(to bottom,transparent,rgb(var(--layer2)) 20rem); }

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

.pop-middle { left: 50%; top: 50%; }

.pop-prev.pop-middle, .pop-enter.pop-middle, .pop-exit-to.pop-middle { transform: scale3d(0.8, 0.8, 0.8); opacity: 0; }

button.gradient-button { font-size: 1rem; font-weight: 800; color: rgb(9, 9, 9); border-radius: 0.5rem; background-image: linear-gradient(90deg, rgb(35, 238, 136) 22.99%, rgb(159, 232, 113) 103.87%); }

@keyframes marquee { 
  0% { transform: translate(0px); }
  100% { transform: translate(var(--marquee-end)); }
}

.marquee { --marquee-end: -100%; --marquee-duration: 1s; animation: marquee var(--marquee-duration) linear infinite; }

.sports-dont { width: 4px; height: 4px; border-radius: 50%; display: inline-block; background-color: rgb(var(--primary)); }

.hidden-scroll-bar { scrollbar-width: none; }

.hidden-scroll-bar::-webkit-scrollbar { width: 0px !important; }

.tab-sports-icon > svg { transform: scale(0.75); fill: rgb(var(--secondary)); }

.sports-active-tab { background: rgb(var(--tab_selected)); }

.sports-active-tab svg { fill: rgb(var(--brand)); }

.sports-active-tab span { color: rgb(var(--primary)); font-weight: 700; }

.sports-banner-match-icon svg { fill: rgb(var(--secondary)); width: auto; height: 3rem; }

.sports-search-match-icon svg { width: 3rem; height: 3rem; fill: rgb(var(--secondary)); }

.sports-search-match-icon img { width: 90%; height: auto; }

.sports-search-tournament-icon svg { width: 2rem; height: 2rem; fill: rgb(var(--secondary)); }

.header { background-color: rgb(var(--layer3)); position: fixed; height: 3.75rem; left: 0px; right: 0px; top: 0px; z-index: 101; display: flex; align-items: center; }

.dropdown-layer.currency-select { width: 24rem; height: 36rem; min-height: 36rem; }

.currency-select .icon { width: 1.25rem; height: 1.25rem; }

.offline-tip { position: fixed; width: 22.5rem; top: 8.75rem; z-index: 200; left: 50%; transform: translate(-50%); }

.explore-content .explore-show { display: block; }

.recent-big-win { --move-x: -85rem; animation: 20s linear 0s infinite normal none running moveX; }

.recent-big-win:hover { animation-play-state: paused; }

@keyframes moveX { 
  0% { transform: translate(0px); }
  100% { transform: translate(var(--move-x)); }
}

@media screen and (min-width: 640px) {
  .recent-big-win { --move-x: -87.5rem; }
  .cookie-tip { left: 2rem; bottom: 2rem; width: auto; }
  .sidebar { position: fixed; width: 15rem; left: 0px; top: 3.75rem; bottom: 0px; z-index: 100; transition: 0.2s; background-color: rgb(var(--layer3)); }
  .side-fold .sidebar {
  width: 4.5rem;
  & .bc-token-entry { display: none; }
}
  .explore-pop { position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 9999; overflow: hidden; }
  .chat-notice { position: fixed; width: 0px; right: 0px; top: 0px; bottom: 0px; transition: 0.2s; overflow: hidden; z-index: 102; box-shadow: rgba(0, 0, 0, 0.05) -2px 0px 4px; }
  .explore-open .explore-pop { width: 100%; height: 100%; }
  .side-fold #root { margin-left: 72px; }
  .side-unfold #root { margin-left: 240px; }
  .chat-fold #root { margin-right: 0px; }
  .chat-unfold .chat-notice { width: 380px; }
  .chat-unfold #root { margin-right: 380px; }
  .side-fold.in-game #root { margin-left: 128px; }
  .side-unfold.in-game #root { margin-left: 296px; }
}

@media screen and (min-width: 1080px) {
  .chat-unfold > .header { padding-right: 380px; }
}

.kenya-tab { display: flex; height: 2.5rem; scroll-snap-align: start; align-items: center; justify-content: center; border-radius: 0.75rem; background-color: rgb(var(--layer2)); padding-left: 0.5rem; padding-right: 0.5rem; transition: 0.3s; cursor: pointer; }

.kenya-tab .icon { width: 1.25rem; height: 1.25rem; }

.kenya-tab .icon svg { width: 100%; height: 100%; }

.arrow-right { width: 0px; height: 0px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid rgb(var(--primary)); }

.kenya-table-row { position: relative; width: 100%; display: flex; justify-content: space-between; gap: 0.75rem; color: rgb(var(--secondary)); cursor: pointer; }

.kenya-table-row .box-wrap .mk-name { white-space: nowrap; height: fit-content; display: flex; justify-content: center; align-items: center; }

.kenya-table-row .box-wrap .mk-name .mk-sp { width: 100%; display: flex; justify-content: center; align-items: center; }

.kenya-table-row .box-wrap .mk-name .mk-sp > div { width: 33.3%; display: flex; justify-content: center; align-items: center; }

.kenya-table-row .box-item { padding: 0px 1rem; margin-right: 0.25rem; min-width: 3.5rem; height: 100%; flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgb(var(--layer4)); }

.kenya-table-row .box { height: 100%; display: flex; justify-content: center; align-items: center; }

.kenya-table-row .box div { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; }

.kenya-table-row .column { flex-direction: column; justify-content: space-between; align-items: flex-start; }

.kenya-table-row .box-1 { width: 11.25rem; min-width: 11.25rem; }

.kenya-table-row .box-1 span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.kenya-table-row .box-1 .name-bar { display: flex; width: 100%; }

.kenya-table-row .box-1 .name-bar .name { width: 8.75rem; }

.kenya-table-row .box-1 .name-bar .score { width: 1.25rem; }

.kenya-table-row .box-2 { width: 11.25rem; min-width: 11.25rem; }

.kenya-table-row .box-3 { width: 16.875rem; min-width: 16.875rem; }

.kenya-table-row .box-4 { width: 26.25rem; flex: 1 1 auto; }

.kenya-table-row svg, .kenya-table-row .match-icon-wrap img { fill: rgb(var(--primary)); width: 1.25rem; height: auto; }

@media (min-width: 645px) and (max-width: 896px) {
  .chat-unfold #root { margin-right: 0px; }
}

.footer-bg { --footer-bg: #fbfbfb; background: var(--footer-bg); }

html.dark .footer-bg { --footer-bg: #1e2121; background: var(--footer-bg); }

.carousels-enter-wrap .carousels { height: 16px; overflow: hidden; display: block !important; }

@keyframes marquee { 
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}

.smooth-scroll { --scrollbar-width: 0; }

.feedback-html > .other-info { display: none; }

.feedback-html > h2 { font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; color: rgb(var(--primary) / 1); }

.feedback-html > p { font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--secondary) / 1); }

.feedback-html-details h2 { font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; color: rgb(var(--primary) / 1); }

.feedback-html-details p, .feedback-html-details ul { margin-top: 1rem; margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--secondary) / 1); }

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

.fixed { position: fixed; }

.inset-0 { inset: 0px; }

.-bottom-2 { bottom: -0.5rem; }

.-bottom-3 { bottom: -0.75rem; }

.-left-0\.5 { left: -0.125rem; }

.-left-1 { left: -0.25rem; }

.-left-18 { left: -4.5rem; }

.-left-2 { left: -0.5rem; }

.-left-4 { left: -1rem; }

.-right-0\.5 { right: -0.125rem; }

.-right-1 { right: -0.25rem; }

.-right-3 { right: -0.75rem; }

.-right-4 { right: -1rem; }

.-top-0\.5 { top: -0.125rem; }

.-top-3 { top: -0.75rem; }

.-top-4 { top: -1rem; }

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

.-top-\[25px\] { top: -25px; }

.bottom-1 { bottom: 0.25rem; }

.bottom-12 { bottom: 3rem; }

.bottom-14 { bottom: 3.5rem; }

.bottom-15 { bottom: 3.75rem; }

.bottom-16 { bottom: 4rem; }

.bottom-18 { bottom: 4.5rem; }

.bottom-2 { bottom: 0.5rem; }

.bottom-20 { bottom: 5rem; }

.bottom-3 { bottom: 0.75rem; }

.bottom-32 { bottom: 8rem; }

.bottom-5 { bottom: 1.25rem; }

.left-1 { left: 0.25rem; }

.left-1\.5 { left: 0.375rem; }

.left-10 { left: 2.5rem; }

.left-2 { left: 0.5rem; }

.left-2\/4 { left: 50%; }

.left-20 { left: 5rem; }

.left-24 { left: 6rem; }

.left-3 { left: 0.75rem; }

.left-4 { left: 1rem; }

.left-40 { left: 10rem; }

.left-5 { left: 1.25rem; }

.left-72 { left: 18rem; }

.left-80 { left: 20rem; }

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

.left-\[76px\] { left: 76px; }

.left-\[8\%\] { left: 8%; }

.left-full { left: 100%; }

.right-1\/2 { right: 50%; }

.right-2 { right: 0.5rem; }

.right-2\.5 { right: 0.625rem; }

.right-24 { right: 6rem; }

.right-3 { right: 0.75rem; }

.right-40 { right: 10rem; }

.right-6 { right: 1.5rem; }

.right-72 { right: 18rem; }

.right-80 { right: 20rem; }

.right-\[2\%\] { right: 2%; }

.top-1\.5 { top: 0.375rem; }

.top-10 { top: 2.5rem; }

.top-14 { top: 3.5rem; }

.top-15 { top: 3.75rem; }

.top-2 { top: 0.5rem; }

.top-2\.5 { top: 0.625rem; }

.top-2\/4 { top: 50%; }

.top-24 { top: 6rem; }

.top-3\.5 { top: 0.875rem; }

.top-4 { top: 1rem; }

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

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

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

.top-\[53\%\] { top: 53%; }

.top-\[60\%\] { top: 60%; }

.top-auto { top: auto; }

.top-full { top: 100%; }

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

.z-100 { z-index: 100; }

.z-1000 { z-index: 1000; }

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

.z-200 { z-index: 200; }

.z-\[101\] { z-index: 101; }

.z-\[112\] { z-index: 112; }

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

.-order-1 { order: -1; }

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

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

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

.-mx-1\.5 { margin-left: -0.375rem; margin-right: -0.375rem; }

.-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; }

.-my-1\.5 { margin-top: -0.375rem; margin-bottom: -0.375rem; }

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

.mx-1\.5 { margin-left: 0.375rem; margin-right: 0.375rem; }

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

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

.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }

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

.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.\!-mt-sh { margin-top: calc(var(--safe-header) * -1) !important; }

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

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

.-mb-1 { margin-bottom: -0.25rem; }

.-ml-0\.5 { margin-left: -0.125rem; }

.-ml-1 { margin-left: -0.25rem; }

.-ml-2 { margin-left: -0.5rem; }

.-ml-3 { margin-left: -0.75rem; }

.-ml-4 { margin-left: -1rem; }

.-ml-\[8px\] { margin-left: -8px; }

.-mr-36 { margin-right: -9rem; }

.-mt-10 { margin-top: -2.5rem; }

.-mt-15 { margin-top: -3.75rem; }

.-mt-4 { margin-top: -1rem; }

.-mt-40 { margin-top: -10rem; }

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

.mb-10 { margin-bottom: 2.5rem; }

.mb-12 { margin-bottom: 3rem; }

.mb-4 { margin-bottom: 1rem; }

.mb-6 { margin-bottom: 1.5rem; }

.mb-7 { margin-bottom: 1.75rem; }

.mb-sb { margin-bottom: var(--safe-bottom); }

.ml-0\.5 { margin-left: 0.125rem; }

.ml-1 { margin-left: 0.25rem; }

.ml-1\.5 { margin-left: 0.375rem; }

.ml-4 { margin-left: 1rem; }

.ml-5 { margin-left: 1.25rem; }

.ml-6 { margin-left: 1.5rem; }

.mr-2\.5 { margin-right: 0.625rem; }

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

.mt-1 { margin-top: 0.25rem; }

.mt-1\.5 { margin-top: 0.375rem; }

.mt-12 { margin-top: 3rem; }

.mt-15 { margin-top: 3.75rem; }

.mt-2\.5 { margin-top: 0.625rem; }

.mt-20 { margin-top: 5rem; }

.mt-3 { margin-top: 0.75rem; }

.mt-5 { margin-top: 1.25rem; }

.mt-6 { margin-top: 1.5rem; }

.mt-9 { margin-top: 2.25rem; }

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

.box-border { box-sizing: border-box; }

.contents { display: contents; }

.aspect-\[1\.7\] { aspect-ratio: 1.7 / 1; }

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

.size-10 { width: 2.5rem; height: 2.5rem; }

.size-12 { width: 3rem; height: 3rem; }

.size-14 { width: 3.5rem; height: 3.5rem; }

.size-16 { width: 4rem; height: 4rem; }

.size-2\.5 { width: 0.625rem; height: 0.625rem; }

.size-3 { width: 0.75rem; height: 0.75rem; }

.size-4\.5 { width: 1.125rem; height: 1.125rem; }

.size-7 { width: 1.75rem; height: 1.75rem; }

.size-9 { width: 2.25rem; height: 2.25rem; }

.size-\[0\.875rem\] { width: 0.875rem; height: 0.875rem; }

.\!h-10 { height: 2.5rem !important; }

.h-0 { height: 0px; }

.h-1\.5 { height: 0.375rem; }

.h-11 { height: 2.75rem; }

.h-12 { height: 3rem; }

.h-15 { height: 3.75rem; }

.h-16 { height: 4rem; }

.h-28 { height: 7rem; }

.h-36 { height: 9rem; }

.h-4\.5 { height: 1.125rem; }

.h-60 { height: 15rem; }

.h-72 { height: 18rem; }

.h-\[120\%\] { height: 120%; }

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

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

.h-\[30rem\] { height: 30rem; }

.h-\[31\.25rem\] { height: 31.25rem; }

.h-\[33rem\] { height: 33rem; }

.h-\[4\.25rem\] { height: 4.25rem; }

.h-\[40\%\] { height: 40%; }

.h-\[70\%\] { height: 70%; }

.h-\[7rem\] { height: 7rem; }

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

.h-\[84vh\] { height: 84vh; }

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

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

.h-screen { height: 100vh; }

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

.min-h-14 { min-height: 3.5rem; }

.min-h-15 { min-height: 3.75rem; }

.min-h-18 { min-height: 4.5rem; }

.min-h-24 { min-height: 6rem; }

.min-h-40 { min-height: 10rem; }

.min-h-48 { min-height: 12rem; }

.min-h-8 { min-height: 2rem; }

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

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

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

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

.min-h-screen { min-height: 100vh; }

.w-0 { width: 0px; }

.w-1 { width: 0.25rem; }

.w-1\.5 { width: 0.375rem; }

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

.w-1\/3 { width: 33.3333%; }

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

.w-11 { width: 2.75rem; }

.w-11\/12 { width: 91.6667%; }

.w-12 { width: 3rem; }

.w-14 { width: 3.5rem; }

.w-15 { width: 3.75rem; }

.w-16 { width: 4rem; }

.w-18 { width: 4.5rem; }

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

.w-2\/5 { width: 40%; }

.w-28 { width: 7rem; }

.w-36 { width: 9rem; }

.w-4\.5 { width: 1.125rem; }

.w-44 { width: 11rem; }

.w-5 { width: 1.25rem; }

.w-52 { width: 13rem; }

.w-56 { width: 14rem; }

.w-64 { width: 16rem; }

.w-7 { width: 1.75rem; }

.w-72 { width: 18rem; }

.w-8 { width: 2rem; }

.w-\[0px\] { width: 0px; }

.w-\[118\%\] { width: 118%; }

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

.w-\[256px\] { width: 256px; }

.w-\[30\%\] { width: 30%; }

.w-\[30rem\] { width: 30rem; }

.w-\[32\%\] { width: 32%; }

.w-\[33rem\] { width: 33rem; }

.w-\[45px\] { width: 45px; }

.w-\[5\.3\%\] { width: 5.3%; }

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

.w-auto { width: auto; }

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

.w-screen { width: 100vw; }

.min-w-24 { min-width: 6rem; }

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

.max-w-100 { max-width: 25rem; }

.max-w-24 { max-width: 6rem; }

.max-w-300 { max-width: 75rem; }

.max-w-36 { max-width: 9rem; }

.max-w-52 { max-width: 13rem; }

.max-w-6 { max-width: 1.5rem; }

.max-w-60 { max-width: 15rem; }

.max-w-8 { max-width: 2rem; }

.max-w-80 { max-width: 20rem; }

.max-w-96 { max-width: 24rem; }

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

.max-w-\[120\%\] { max-width: 120%; }

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

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

.max-w-\[37\.5rem\] { max-width: 37.5rem; }

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

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

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

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

.max-w-screen-2xl { max-width: 1536px; }

.flex-2 { flex: 2 2 0%; }

.flex-3 { flex: 3 3 0%; }

.flex-\[300px\] { flex: 1 1 300px; }

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

.flex-shrink { flex-shrink: 1; }

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

.shrink { flex-shrink: 1; }

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

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

.flex-grow-0 { flex-grow: 0; }

.basis-1\/2 { flex-basis: 50%; }

.basis-56 { flex-basis: 14rem; }

.basis-\[34rem\] { flex-basis: 34rem; }

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

.origin-top { transform-origin: center top; }

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

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

.translate-x-\[-22\%\] { --tw-translate-x: -22%; 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),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-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

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

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

.rotate-\[-42deg\] { --tw-rotate: -42deg; 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-150 { --tw-scale-x: 1.5; --tw-scale-y: 1.5; 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-90 { --tw-scale-x: .9; --tw-scale-y: .9; 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-\[1\.4\] { --tw-scale-x: 1.4; --tw-scale-y: 1.4; 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-\[1\.8\] { --tw-scale-x: 1.8; --tw-scale-y: 1.8; 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-\[2\] { --tw-scale-x: 2; --tw-scale-y: 2; 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-\[3\] { --tw-scale-x: 3; --tw-scale-y: 3; 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-x-100 { --tw-scale-x: -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)); }

.animate-none { animation: auto ease 0s 1 normal none running none; }

@keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}

.animate-ping { animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping; }

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

.animate-spin { animation: 1s linear 0s infinite normal none running spin; }

.resize-none { resize: none; }

.resize { resize: both; }

.snap-start { scroll-snap-align: start; }

.list-decimal { list-style-type: decimal; }

.list-disc { list-style-type: disc; }

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

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

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

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

.items-stretch { align-items: stretch; }

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

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

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

.gap-0\.5 { gap: 0.125rem; }

.gap-11 { gap: 2.75rem; }

.gap-4 { gap: 1rem; }

.gap-5 { gap: 1.25rem; }

.gap-6 { gap: 1.5rem; }

.gap-7 { gap: 1.75rem; }

.gap-\[0\.125rem\] { gap: 0.125rem; }

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

.gap-x-10 { column-gap: 2.5rem; }

.gap-x-2 { column-gap: 0.5rem; }

.gap-x-3 { column-gap: 0.75rem; }

.gap-x-6 { column-gap: 1.5rem; }

.gap-x-8 { column-gap: 2rem; }

.gap-y-10 { row-gap: 2.5rem; }

.gap-y-2 { row-gap: 0.5rem; }

.gap-y-3 { row-gap: 0.75rem; }

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

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

.divide-x-\[0\.5px\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(.5px * var(--tw-divide-x-reverse)); border-left-width: calc(.5px * calc(1 - var(--tw-divide-x-reverse))); }

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

.divide-\[\#A3ADB033\] > :not([hidden]) ~ :not([hidden]) { border-color: rgba(163, 173, 176, 0.2); }

.divide-third > :not([hidden]) ~ :not([hidden]) { border-color: var(--third); }

.overflow-auto { overflow: auto; }

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

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

.text-ellipsis { text-overflow: ellipsis; }

.whitespace-pre-line { white-space: pre-line; }

.whitespace-pre-wrap { white-space: pre-wrap; }

.text-wrap { text-wrap: wrap; }

.text-nowrap { text-wrap: nowrap; }

.text-balance { text-wrap: balance; }

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

.rounded { border-radius: 0.25rem; }

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

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

.rounded-lg10 { border-radius: 0.625rem; }

.rounded-none { border-radius: 0px; }

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

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

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

.rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); }

.border-2 { border-width: 2px; }

.border-4 { border-width: 4px; }

.border-8 { border-width: 8px; }

.border-\[16px\] { border-width: 16px; }

.border-\[2px\] { border-width: 2px; }

.border-b-2 { border-bottom-width: 2px; }

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

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

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

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

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

.border-\[\#1b246f\] { border-color: rgb(27, 36, 111); }

.border-\[\#2247A7\] { border-color: rgb(34, 71, 167); }

.border-\[\#404B9B\] { border-color: rgb(64, 75, 155); }

.border-\[\#fff\]\/10 { border-color: rgba(255, 255, 255, 0.1); }

.border-brand\/20 { border-color: rgb(var(--brand) / .2); }

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

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

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

.border-white_alpha10 { border-color: rgba(255, 255, 255, 0.1); }

.border-white_alpha20 { border-color: rgba(255, 255, 255, 0.2); }

.border-white_alpha5 { border-color: rgba(255, 255, 255, 0.05); }

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

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

.border-b-transparent { border-bottom-color: transparent; }

.\!bg-layer3 { background-color: rgb(var(--layer3) / 1) !important; }

.\!bg-tab_selected { background-color: rgb(var(--tab_selected) / 1) !important; }

.bg-\[\#00000099\] { background-color: rgba(0, 0, 0, 0.6); }

.bg-\[\#12142F\] { background-color: rgb(18, 20, 47); }

.bg-\[\#23EE881A\] { background-color: rgba(35, 238, 136, 0.1); }

.bg-\[\#A1AFB2\] { background-color: rgb(161, 175, 178); }

.bg-\[\#B0FFD8\]\/20 { background-color: rgba(176, 255, 216, 0.2); }

.bg-\[\#E31351\] { background-color: rgb(227, 19, 81); }

.bg-\[\#F6519666\]\/40 { background-color: rgba(246, 81, 150, 0.4); }

.bg-\[\#FC3C3C4D\] { background-color: rgba(252, 60, 60, 0.3); }

.bg-\[\#FC3C3C\] { background-color: rgb(252, 60, 60); }

.bg-\[\#f2f2f2\] { background-color: rgb(242, 242, 242); }

.bg-\[\#fff\] { background-color: rgb(255, 255, 255); }

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

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

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

.bg-black_alpha20 { background-color: rgba(0, 0, 0, 0.2); }

.bg-black_alpha5 { background-color: rgba(0, 0, 0, 0.05); }

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

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

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

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

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

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

.bg-white_alpha20 { background-color: rgba(255, 255, 255, 0.2); }

.bg-\[url\(\'\/src\/pages\/kenya\/assets\/adv-bg\.png\'\)\] { background-image: url("/src/pages/kenya/adv-bg.png"); }

.bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)); }

.bg-none { background-image: none; }

.from-brand\/20 { --tw-gradient-from: rgb(var(--brand) / .2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--brand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-0\% { --tw-gradient-from-position: 0%; }

.to-layer4 { --tw-gradient-to: rgb(var(--layer4) / 1) var(--tw-gradient-to-position); }

.to-60\% { --tw-gradient-to-position: 60%; }

.bg-clip-text { background-clip: text; }

.bg-bottom { background-position: center bottom; }

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

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

.\!fill-primary { fill: rgb(var(--primary) / 1) !important; }

.fill-\[\#babfcc\] { fill: rgb(186, 191, 204); }

.fill-alw_white { fill: rgb(var(--alw_white) / 1); }

.fill-brand { fill: rgb(var(--brand) / 1); }

.fill-current { fill: currentcolor; }

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

.\!p-0 { padding: 0px !important; }

.p-0 { padding: 0px; }

.p-0\.5 { padding: 0.125rem; }

.p-1\.5 { padding: 0.375rem; }

.p-8 { padding: 2rem; }

.p-\[3px\] { padding: 3px; }

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

.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }

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

.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }

.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }

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

.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }

.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }

.py-12 { padding-top: 3rem; padding-bottom: 3rem; }

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

.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }

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

.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.pb-0 { padding-bottom: 0px; }

.pb-1 { padding-bottom: 0.25rem; }

.pb-10 { padding-bottom: 2.5rem; }

.pb-18 { padding-bottom: 4.5rem; }

.pb-2 { padding-bottom: 0.5rem; }

.pb-2\.5 { padding-bottom: 0.625rem; }

.pb-3 { padding-bottom: 0.75rem; }

.pb-5 { padding-bottom: 1.25rem; }

.pb-6 { padding-bottom: 1.5rem; }

.pb-7 { padding-bottom: 1.75rem; }

.pl-1 { padding-left: 0.25rem; }

.pl-12 { padding-left: 3rem; }

.pl-16 { padding-left: 4rem; }

.pl-3 { padding-left: 0.75rem; }

.pl-3\.5 { padding-left: 0.875rem; }

.pl-6 { padding-left: 1.5rem; }

.pr-1 { padding-right: 0.25rem; }

.pr-1\.5 { padding-right: 0.375rem; }

.pr-12 { padding-right: 3rem; }

.pr-2 { padding-right: 0.5rem; }

.pr-2\.5 { padding-right: 0.625rem; }

.pr-5 { padding-right: 1.25rem; }

.pt-0 { padding-top: 0px; }

.pt-0\.5 { padding-top: 0.125rem; }

.pt-1 { padding-top: 0.25rem; }

.pt-16 { padding-top: 4rem; }

.pt-2 { padding-top: 0.5rem; }

.pt-2\.5 { padding-top: 0.625rem; }

.pt-3 { padding-top: 0.75rem; }

.pt-4 { padding-top: 1rem; }

.pt-5 { padding-top: 1.25rem; }

.pt-7 { padding-top: 1.75rem; }

.pt-8 { padding-top: 2rem; }

.pt-\[100\%\] { padding-top: 100%; }

.pt-\[133\%\] { padding-top: 133%; }

.pt-sh { padding-top: var(--safe-header); }

.text-left { text-align: left; }

.\!text-center { text-align: center !important; }

.text-right { text-align: right; }

.align-middle { vertical-align: middle; }

.font-mono { font-family: mono, avertastd; }

.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }

.text-6xl { font-size: 3.75rem; line-height: 1; }

.uppercase { text-transform: uppercase; }

.\!leading-5 { line-height: 1.25rem !important; }

.leading-6 { line-height: 1.5rem; }

.leading-7 { line-height: 1.75rem; }

.leading-none { line-height: 1; }

.leading-normal { line-height: 1.5; }

.text-\[\#FFDE45\] { color: rgb(255, 222, 69); }

.text-\[\#FFE236\] { color: rgb(255, 226, 54); }

.text-\[\#e4f1fc\] { color: rgb(228, 241, 252); }

.text-\[white\] { color: rgb(255, 255, 255); }

.text-alw_dark { color: rgb(var(--alw_dark) / 1); }

.text-second { color: var(--second); }

.underline { text-decoration-line: underline; }

.\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) !important; }

.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; 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 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-alw_dark\/50 { --tw-shadow-color: rgb(var(--alw_dark) / .5); --tw-shadow: var(--tw-shadow-colored); }

.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-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }

.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; }

.transition-none { transition-property: none; }

.duration-200 { transition-duration: 0.2s; }

.duration-500 { transition-duration: 0.5s; }

.grid-col-1 { --grid-gap: 0px; --grid-column: 1; --aspect-ratio: 1; --grid-side: 1; --grid-cols: var(--grid-column); --item-width: calc((100% - var(--grid-gap) * (var(--grid-cols) - 1)) / var(--grid-cols)); grid-template-columns: repeat(auto-fill,var(--item-width)); grid-auto-columns: var(--item-width); }

.grid-col-1 > div { position: relative; padding-top: calc(100% / var(--aspect-ratio)); }

.grid-col-1 > div > * { position: absolute; inset: 0px; }

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-1 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

.bottom-28 { bottom: 7rem; }

.left-2\.5 { left: 0.625rem; }

.left-6 { left: 1.5rem; }

.left-7 { left: 1.75rem; }

.left-9 { left: 2.25rem; }

.left-\[14\%\] { left: 14%; }

.left-\[18\%\] { left: 18%; }

.left-\[20\%\] { left: 20%; }

.left-\[37\%\] { left: 37%; }

.left-\[53\%\] { left: 53%; }

.left-\[68\%\] { left: 68%; }

.right-16 { right: 4rem; }

.right-\[-2px\] { right: -2px; }

.right-\[15\%\] { right: 15%; }

.top-40 { top: 10rem; }

.top-7 { top: 1.75rem; }

.top-8 { top: 2rem; }

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

.top-\[22\%\] { top: 22%; }

.top-\[26\%\] { top: 26%; }

.top-\[28\%\] { top: 28%; }

.top-\[3\%\] { top: 3%; }

.top-\[30\%\] { top: 30%; }

.top-\[47\%\] { top: 47%; }

.top-\[64\%\] { top: 64%; }

.top-\[7\%\] { top: 7%; }

.top-\[7\.25rem\] { top: 7.25rem; }

.top-\[80px\] { top: 80px; }

.m-0 { margin: 0px; }

.m-4 { margin: 1rem; }

.-mx-2\.5 { margin-left: -0.625rem; margin-right: -0.625rem; }

.mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; }

.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }

.mx-2\.5 { margin-left: 0.625rem; margin-right: 0.625rem; }

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

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

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

.my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; }

.my-2\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; }

.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }

.-mr-3 { margin-right: -0.75rem; }

.mb-0 { margin-bottom: 0px; }

.mb-20 { margin-bottom: 5rem; }

.mb-24 { margin-bottom: 6rem; }

.mb-40 { margin-bottom: 10rem; }

.ml-0 { margin-left: 0px; }

.ml-3\.5 { margin-left: 0.875rem; }

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

.mr-4 { margin-right: 1rem; }

.mt-16 { margin-top: 4rem; }

.mt-7 { margin-top: 1.75rem; }

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

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

.\!block { display: block !important; }

.\!h-6 { height: 1.5rem !important; }

.h-1\/4 { height: 25%; }

.h-2\.5 { height: 0.625rem; }

.h-3\.5 { height: 0.875rem; }

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

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

.h-\[16px\] { height: 16px; }

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

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

.h-\[24px\] { height: 24px; }

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

.h-\[336px\] { height: 336px; }

.h-\[396px\] { height: 396px; }

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

.h-\[46px\] { height: 46px; }

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

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

.h-\[56px\] { height: 56px; }

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

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

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

.h-px { height: 1px; }

.max-h-52 { max-height: 13rem; }

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

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

.max-h-\[36rem\] { max-height: 36rem; }

.min-h-10 { min-height: 2.5rem; }

.min-h-12 { min-height: 3rem; }

.min-h-20 { min-height: 5rem; }

.min-h-32 { min-height: 8rem; }

.min-h-56 { min-height: 14rem; }

.min-h-6 { min-height: 1.5rem; }

.min-h-60 { min-height: 15rem; }

.min-h-80 { min-height: 20rem; }

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

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

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

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

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

.\!w-6 { width: 1.5rem !important; }

.\!w-\[calc\(100vw-32px\)\] { width: calc(-32px + 100vw) !important; }

.w-0\.5 { width: 0.125rem; }

.w-2\.5 { width: 0.625rem; }

.w-3\.5 { width: 0.875rem; }

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

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

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

.w-\[12\%\] { width: 12%; }

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

.w-\[14\%\] { width: 14%; }

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

.w-\[246px\] { width: 246px; }

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

.w-\[290px\] { width: 290px; }

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

.w-\[360px\] { width: 360px; }

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

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

.w-\[52px\] { width: 52px; }

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

.w-\[6\.25rem\] { width: 6.25rem; }

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

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

.w-\[64px\] { width: 64px; }

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

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

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

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

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

.w-\[calc\(33\.3\%-8px\)\] { width: calc(33.3% - 8px); }

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

.min-w-32 { min-width: 8rem; }

.min-w-4 { min-width: 1rem; }

.min-w-48 { min-width: 12rem; }

.min-w-5 { min-width: 1.25rem; }

.min-w-6 { min-width: 1.5rem; }

.min-w-7 { min-width: 1.75rem; }

.min-w-96 { min-width: 24rem; }

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

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

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

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

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

.max-w-20 { max-width: 5rem; }

.max-w-40 { max-width: 10rem; }

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

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

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

.-translate-y-1\/4 { --tw-translate-y: -25%; 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(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\/4 { --tw-translate-x: 25%; 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)); }

.scroll-mt-12 { scroll-margin-top: 3rem; }

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

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

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

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

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

.grid-cols-\[150px_auto_30px\] { grid-template-columns: 150px auto 30px; }

.grid-cols-\[300px_auto_200px\] { grid-template-columns: 300px auto 200px; }

.grid-cols-\[50px\,calc\(100\%-146px\)\,96px\] { grid-template-columns: 50px calc(100% - 146px) 96px; }

.grid-cols-\[repeat\(auto-fill\,40px\)\] { grid-template-columns: repeat(auto-fill, 40px); }

.grid-cols-\[repeat\(var\(--grid-cols\)\,minmax\(0\,1fr\)\)\] { grid-template-columns: repeat(var(--grid-cols),minmax(0,1fr)); }

.place-items-center { place-items: center; }

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

.gap-1\.5 { gap: 0.375rem; }

.gap-2\.5 { gap: 0.625rem; }

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

.\!rounded-full { border-radius: 9999px !important; }

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

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

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

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

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

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

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

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

.border-x { border-left-width: 1px; border-right-width: 1px; }

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

.border-l-0 { border-left-width: 0px; }

.border-r-0 { border-right-width: 0px; }

.border-\[rgba\(174\,136\,255\,0\.1\)\] { border-color: rgba(174, 136, 255, 0.1); }

.border-\[rgba\(255\,255\,255\,0\.08\)\] { border-color: rgba(255, 255, 255, 0.08); }

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

.\!bg-input_bright { background-color: rgb(var(--input_bright) / 1) !important; }

.\!bg-layer4 { background-color: rgb(var(--layer4) / 1) !important; }

.bg-\[\#E4E4E4\] { background-color: rgb(228, 228, 228); }

.bg-\[\#F6F7FA\] { background-color: rgb(246, 247, 250); }

.bg-\[\#FFDED7\] { background-color: rgb(255, 222, 215); }

.bg-\[\#c5ff89\] { background-color: rgb(197, 255, 137); }

.bg-\[rgba\(153\,164\,176\,0\.2\)\] { background-color: rgba(153, 164, 176, 0.2); }

.bg-\[rgba\(36\,238\,137\,0\.10\)\] { background-color: rgba(36, 238, 137, 0.1); }

.bg-\[transparent\] { background-color: transparent; }

.bg-black_alpha10 { background-color: rgba(0, 0, 0, 0.1); }

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

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

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

.\!bg-\[url\(\'\/src\/assets\/lottery\/discount-yellow\.png\'\)\] { background-image: url("/modules/lottery2/assets/discount-yellow-c85d8f36.png") !important; }

.bg-\[url\(\"\/src\/assets\/bc_lottery\/chatroom_bg_white\.png\"\)\] { background-image: url("/modules/lottery2/assets/chatroom_bg_white-1a8c91a5.png"); }

.bg-\[url\(\"\/src\/assets\/bc_lottery\/prize_star\.png\"\)\,url\(\"\/src\/assets\/bc_lottery\/prize_star\.png\"\)\,url\(\"\/src\/assets\/bc_lottery\/prize_star\.png\"\)\,url\(\"\/src\/assets\/bc_lottery\/ribbon\.gif\"\)\] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0BAMAAAA3VgbYAAAAJFBMVEUAAABvqTFwqjNwqTRwqjJ1rTx5sUVzrTlxqzRyqjVxqzN1qD2xUrbXAAAADHRSTlMAPjAkNwwFESkYHgkVFKO9AAAA+UlEQVQ4y9WTORIBURCGu+xL4rcvieUCCFTJuMFzg6EcgBuQkhAoKYmYG6oZpfp106HAl0zwvX/q9fLo/4gHpho4M4SVGcLBDOFihtA3Q9iQT/J9qy2AtlToncJvBh+KOkBx7KIQJlKtEdJFSEGqBJiqVFkwFZJMWdWUurJqKDUHs9dt8BgJlYfPTbitr8piMDMI588zBkHR6X4wTV0Yp/iPqallKG4aevim7qyy6nffpMGU2OiqNiQ4guEV1VdXO59DxOtAoAdZ7p2DZdRZEgx3p/BsMro6fWXNfdVk5ULpxWrZL29CBh20LbUQj1L15UAWM2eqNP2OJyT6MftpIANNAAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0BAMAAAA3VgbYAAAAJFBMVEUAAABvqTFwqjNwqTRwqjJ1rTx5sUVzrTlxqzRyqjVxqzN1qD2xUrbXAAAADHRSTlMAPjAkNwwFESkYHgkVFKO9AAAA+UlEQVQ4y9WTORIBURCGu+xL4rcvieUCCFTJuMFzg6EcgBuQkhAoKYmYG6oZpfp106HAl0zwvX/q9fLo/4gHpho4M4SVGcLBDOFihtA3Q9iQT/J9qy2AtlToncJvBh+KOkBx7KIQJlKtEdJFSEGqBJiqVFkwFZJMWdWUurJqKDUHs9dt8BgJlYfPTbitr8piMDMI588zBkHR6X4wTV0Yp/iPqallKG4aevim7qyy6nffpMGU2OiqNiQ4guEV1VdXO59DxOtAoAdZ7p2DZdRZEgx3p/BsMro6fWXNfdVk5ULpxWrZL29CBh20LbUQj1L15UAWM2eqNP2OJyT6MftpIANNAAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0BAMAAAA3VgbYAAAAJFBMVEUAAABvqTFwqjNwqTRwqjJ1rTx5sUVzrTlxqzRyqjVxqzN1qD2xUrbXAAAADHRSTlMAPjAkNwwFESkYHgkVFKO9AAAA+UlEQVQ4y9WTORIBURCGu+xL4rcvieUCCFTJuMFzg6EcgBuQkhAoKYmYG6oZpfp106HAl0zwvX/q9fLo/4gHpho4M4SVGcLBDOFihtA3Q9iQT/J9qy2AtlToncJvBh+KOkBx7KIQJlKtEdJFSEGqBJiqVFkwFZJMWdWUurJqKDUHs9dt8BgJlYfPTbitr8piMDMI588zBkHR6X4wTV0Yp/iPqallKG4aevim7qyy6nffpMGU2OiqNiQ4guEV1VdXO59DxOtAoAdZ7p2DZdRZEgx3p/BsMro6fWXNfdVk5ULpxWrZL29CBh20LbUQj1L15UAWM2eqNP2OJyT6MftpIANNAAAAAElFTkSuQmCC"), url("/modules/lottery2/assets/ribbon-ea676df2.gif"); }

.bg-\[url\(\"\/src\/assets\/bc_lottery\/tost_w\.png\"\)\] { background-image: url("/modules/lottery2/assets/tost_w-710c023d.png"); }

.bg-\[url\(\"\/src\/assets\/share\/crown\.png\"\)\] { background-image: url("/modules/lottery2/assets/crown-ff2f0026.png"); }

.bg-\[url\(\"src\/assets\/lottery\/indiaGreenBall\.png\"\)\] { background-image: url("/modules/lottery2/assets/indiaGreenBall-9757e74c.png"); }

.bg-\[url\(\"src\/assets\/lottery\/indiaWhiteBall\.png\"\)\] { background-image: url("/modules/lottery2/assets/indiaWhiteBall-3e430309.png"); }

.bg-\[url\(\"src\/assets\/share\/lik_x\.png\"\)\] { background-image: url("/modules/lottery2/assets/lik_x-31f70f11.png"); }

.bg-\[url\(\"src\/assets\/share\/moon_q\.png\"\)\] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAABgCAMAAADxVp2mAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMA/vKz92wdBOrnV0TQgm84+b2rZTAYEg705NjJxbl7dTb77tWkoZRfSjwMCN7anI6IKSPBUDT8v8AAAAJhSURBVHja7drpVuowFAXgnQ7QAmWSi8yDIKg4637/V7sKaAeK/mm4yeV8T9DVlazk7GwIIYQQQgghhBBCGKT65kwgsl7eSKouRJrv8dMfWGQzDZ+gV7nNnTLsMXsg+9Bq43LnCvaoNknWoJXLvQdYo+PwQws6TfilD1uUQn4aQqOq4hcHtnC5FUCf8oAxW47rBvdK0MZnQhV2uObeGrqUAybYcvV1uDeCLhUmubBCh98a0GTMpLkdV98Kvw2hx6ViyhQ28BmLoEWVaQPYoM6YqkCHiBkXsECFCaoODdrMCC5hvgZT3BIK12LWCubbOEzxHhsoWI0H1jBfm1lOa/lYQXEeeMCbwXg3zOOhOCMeCjow3og5lnrWZKx3A9PNmjzQ76I4K+aZT4zPOC+Ypaoo0JT5FrcwXMQ0r4IidXiEck3fT2uPCeEMxerzqPund6NnytJSce8qKvxLV/xRsBgN2yUYqlQfD3q9e9e/Q+Fu+btrnKMWf9XGOWrwN6qBs+TKTsr3J+SPQqOPJp1um/xB0/irnj4+j1NWRHq61JX8l3zvPeZyKjhznRpz1F4hLkJmBL7x4cNJ3E2HirGafwfxPZQtWwPH69eu/RcIIYT4T7yMhxCHoiYVxIFnkgFElm9bK/9Euj1+UDb0b04rsqtKfDLlK249QuS+RjjGPt/9I2vujSHyK6h1iNxCi3f2eemx2px6kgws1p0zFjzPJDY90h5ohguJ2reqzFAWtENPwmXaM8RW955JtQ3ETmnB2Fimydjlas4dJ5JTKeV1Mgq9gTuV5SKEEEIIIYQQQgghztlf5a78cy2D/P0AAAAASUVORK5CYII="); }

.bg-\[url\(\"src\/assets\/share\/star\.png\"\)\] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAAAXNSR0IArs4c6QAAAWdJREFUSA2llT1LA0EURbNRtEilhSBGLEWwUAQhlShYBKtUVv4IsUopgtjYC3aWKSz9AzYpUohYWKpoq2AQJQjrGbMZdmdn8l6yA3fnzZt7z04+t1RSjDiO9xU2nQXYEnpFZU1CY2oAWkA7GqDo4WS3yIwr0SwZgGz/o/qXHtOylAnuE55ED32Wvd4EA9IGiEOLyRZ7Uja3T34TdbMcu3qmquZCoQbmDfRh4/7ikfZciGH7mNbQu5+R697RmbHhdMHGBDpCX2iU8YQ5+57SMKfqjELxeFv05s0hzS9lF62aRYFRI7tu89BXUNtzZ03rAlPFwgYFzTI60RASzzez/C+E6VgB/cSzNTiMOGM+GwL9Za8uQlwDoesA9NT1qtbAFpH7vXyjl/8AVERMhJsoPQ60Wa8P0hR6SYj3zJHXmGoOfQREUdTD20r8l6zjVHa8klPV0A+aHY/gpMzLROdOu9gS4HQxQoH0H0YJlvmIzoKSAAAAAElFTkSuQmCC"); }

.bg-\[url\(\'\/src\/assets\/bc_lottery\/chat_star\.png\'\)\] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAaxJREFUOE+tkz1ok1EYhZ+TiDUUQjsIUn/Q5kNLpfhD0K+zOCnoJnQQRCctgpu4CCp0Ebc6CSo6VRxEF8HBST8rLaJUOiRRKWJQKFrwh8TmSCyRtib50ugd7nLPebiH877iPx3FcSYdrN2t3Kc4XSwo8paxFInhHcp/bAZrCnrpge5vfC2CLoXKX2wbFLn3pPGo4AMk+0Ll5hrBGv7ohbeu/075FdC9YNb9kPwhSa4HqwuyrWdkHhrvX2wSuhCqcL4l0JT7V8/x4yr4eIMYN0Xy9PKYS3406W09JUp3DWFM3e8SJM4k6XqQ1UT5d/DqNeFMUMbDwDHjdNzMLHqfBY110nlO485srOArxgeBNa1CBJ+Ba6ZjdFDTb/9EixykRWXIeMTQ1RyoR2lSR7Zraram+6u1yMEGU7kB3tegnct7yZ6V7swvbbSOulp/ROY2eGiZ+FaoN0dbqr8mmvFg6j3FJ4adC61oZhUMZFX4siJQVfzUfZuhNA3uEMnDoXL3VrwiNUPk3uuGAyGbeqTHP9sGPXewa57KiVCFU21vf8047v51e/S6+M+gVob0F38HjCSNnhVkAAAAAElFTkSuQmCC"); }

.bg-\[url\(\'\/src\/assets\/lottery\/discount-green\.png\'\)\] { background-image: url("/modules/lottery2/assets/discount-green-598bd937.png"); }

.bg-gradient-to-br { background-image: linear-gradient(to bottom right,var(--tw-gradient-stops)); }

.from-\[\#cff47e\] { --tw-gradient-from: #cff47e var(--tw-gradient-from-position); --tw-gradient-to: rgb(207 244 126 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.to-\[\#fff\] { --tw-gradient-to: #fff var(--tw-gradient-to-position); }

.to-50\% { --tw-gradient-to-position: 50%; }

.bg-\[100\%_auto\] { background-size: 100%; }

.bg-\[length\:100\%\] { background-size: 100%; }

.bg-\[length\:100\%_100\%\] { background-size: 100% 100%; }

.bg-\[length\:24px_20px_16px_100\%\] { }

.bg-contain { background-size: contain; }

.bg-\[10\%_18px_10px_center\] { }

.bg-\[top_center\] { background-position: center top; }

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

.fill-\[\#3296f1\] { fill: rgb(50, 150, 241); }

.fill-\[\#5F6D6D\] { fill: rgb(95, 109, 109); }

.fill-\[\#B3BEC1\] { fill: rgb(179, 190, 193); }

.fill-button_bright { fill: var(--Button-BrightBg); }

.fill-layer2 { fill: rgb(var(--layer2) / 1); }

.fill-layer3 { fill: rgb(var(--layer3) / 1); }

.fill-layer5 { fill: rgb(var(--layer5) / 1); }

.fill-primary { fill: rgb(var(--primary) / 1); }

.fill-tertiary { fill: rgb(var(--tertiary) / 1); }

.p-5 { padding: 1.25rem; }

.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }

.px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }

.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }

.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }

.\!pl-10 { padding-left: 2.5rem !important; }

.pb-16 { padding-bottom: 4rem; }

.pb-52 { padding-bottom: 13rem; }

.pb-9 { padding-bottom: 2.25rem; }

.pb-96 { padding-bottom: 24rem; }

.pl-2\.5 { padding-left: 0.625rem; }

.pr-0\.5 { padding-right: 0.125rem; }

.pr-10 { padding-right: 2.5rem; }

.pr-16 { padding-right: 4rem; }

.text-end { text-align: end; }

.align-top { vertical-align: top; }

.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }

.text-\[0\] { font-size: 0px; }

.text-\[1\.75rem\] { font-size: 1.75rem; }

.capitalize { text-transform: capitalize; }

.italic { font-style: italic; }

.text-\[\#FFFB00\] { color: rgb(255, 251, 0); }

.text-\[\#ff5d3a\] { color: rgb(255, 93, 58); }

.text-\[\#ffbf39\] { color: rgb(255, 191, 57); }

.placeholder-layer3::placeholder { color: rgb(var(--layer3) / 1); }

.opacity-100 { opacity: 1; }

.opacity-40 { opacity: 0.4; }

.opacity-50 { opacity: 0.5; }

.outline-0 { outline-width: 0px; }

.grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-1 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-2 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-3 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

html {
  scrollbar-gutter: stable both-edges;
  & ::-webkit-scrollbar-thumb { background-color: rgb(230, 230, 230) !important; }
  & ::-webkit-scrollbar { width: 4px !important; }
  & .like_layer { background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), rgb(255, 255, 255); }
  & .betslip-dialog, & .betslip-content { background: rgb(244, 244, 244); }
  & .button-darken-bg { background: rgb(228, 228, 228); }
}

html.dark {
  & ::-webkit-scrollbar-thumb { background-color: rgb(74, 83, 84) !important; }
  & .like_layer { background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), rgb(74, 83, 84); }
  & .betslip-dialog, & .betslip-content { background: rgb(41, 45, 46); }
  & .button-darken-bg { background: rgb(55, 62, 63); }
}

.lottery-box {
  & .tabs-btn[aria-selected] { background-color: rgb(var(--tab_selected)); }
}

.paragraph p { margin-bottom: 16px; }

.text-shadow-sm { text-shadow: 0px 4px 4px var(--text-shadow-black-sm); }

.absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.lottery-table th, .lottery-table td {
  padding: 12px 8px;
  @media (min-width: 645px) {
  padding: 12px;
}
}

.ticket-info-box { border-bottom: var(--safe-bottom) solid transparent; }

@media screen and (min-width: 645px) {
  .lottery-betslip { position: fixed; width: 0px; right: 0px; top: 0px; bottom: 0px; transition: 0.2s; overflow: hidden; z-index: 102; box-shadow: rgba(0, 0, 0, 0.05) -2px 0px 4px; }
  .lottery-unfold .lottery-betslip { width: 380px; }
}

.placeholder\:text-quarterary::placeholder { color: rgb(var(--quarterary) / 1); }

.after\:absolute::after { content: var(--tw-content); position: absolute; }

.after\:left-0::after { content: var(--tw-content); left: 0px; }

.after\:block::after { content: var(--tw-content); display: block; }

.after\:cursor-not-allowed::after { content: var(--tw-content); cursor: not-allowed; }

.first\:pt-0:first-child { padding-top: 0px; }

.last\:mb-0:last-child { margin-bottom: 0px; }

.last\:border-b-0:last-child { border-bottom-width: 0px; }

.last\:border-none:last-child { border-style: none; }

.hover\:scale-125:hover { --tw-scale-x: 1.25; --tw-scale-y: 1.25; 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)); }

.dark .dark\:bg-\[\#24262B\] { background-color: rgb(36, 38, 43); }

.dark .dark\:bg-\[\#294719\] { background-color: rgb(41, 71, 25); }

.dark .dark\:bg-\[\#323738\] { background-color: rgb(50, 55, 56); }

.dark .dark\:bg-\[\#373E3F\] { background-color: rgb(55, 62, 63); }

.dark .dark\:bg-layer6 { background-color: rgb(var(--layer6) / 1); }

.dark .dark\:bg-\[url\(\"\/src\/assets\/bc_lottery\/chatroom_bg\.png\"\)\] { background-image: url("/modules/lottery2/assets/chatroom_bg-df700a25.png"); }

.dark .dark\:bg-\[url\(\"\/src\/assets\/bc_lottery\/tost\.png\"\)\] { background-image: url("/modules/lottery2/assets/tost-5e6f3789.png"); }

.dark .dark\:bg-\[url\(\"src\/assets\/share\/lik_q\.png\"\)\] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAABgCAMAAADxVp2mAAAAllBMVEUAAAAcHiIeICQcHiIdHiIdHiIdHiIcHiIdHyMfJCkdHiIiIjEcHiIcHiIcHiIdHyIeHyMfISUpNTUcHiIcHiIdHiIfICMdICQeIikcHiIcHiIiIiMiIiUrKyscHiMcHiIdHyMdHyMeHyIfHyQdHiIcHyIcHiIcHiMdHyMcHyMdICIcICMcHiMfICUeHiYdHyIdJCQcHiIx3E+EAAAAMXRSTlMA9ED8+NSctIEQlAff2sRpUS4J5cu6OTUZv24dFgvsqXNiSzHwz6KIelxYSK8pIYwj8WQP1gAAAtpJREFUeNrt3FmaokAQBOBAQNF2w63d93bvJe5/udEeHURBXyhNxvxPwBcPlZVmllBKKaWUUkoplbzMCipCxspCReXCHNKjBtOCXNhAagzKMC3IhXWkxaDMNgwLcqGDlKh1SB+GBbmQeaRCrUkyA9OCXPgJufo4eWtyb4OEbbutWkwuzECutVUuTPxDLjkedJGwL5v2R7by/nadCzeQ663OvX06Tf7ykLQRD47phHJhF4J5DCkgaS0GnEbWYsCDYH2H53ZIXJlxZPcEWZ6rZ5C0KmMI7wl8huU+kbAiI4nvCToMswt9JKrLGEWINuWl+aqGBA3mjGZXINnAZsDIUbNknFIVcnm88pHs97Ydxiq/Q6i2ZSqWwII3jL4gUpZhjSkS5/MW51tim/1pm4sl0ORN8/EbpMkxxIcRW95RXEOWDEMcmOHzrkYLknxwb9gpZM3eRZu8x1r2Ici0U6hk+sEZnIURW94x9ySev2edQQVGuLxpuJIbC5AvkWzBhAlvqY9rEO1nSNvIJw7qjFesyKvUl1qOCxM8xipNkAbrBQxoW4zhSv41PKQHA7KMI7RJehDfZow5XlqTccp4ZVvGKuCVuTwpNguV6pCBdFQkQyYkHXfkbWa145WA/8zwwrzx9AfnNjyx5d/sHmrFIxcq8l6zgIos4GOosLwrfm3oSXr1FG3gPdTMEj+4fpKpLXwH5Gkq9GDQAKn1XYU5vQ7SawBjekUL6lq7RGq7EZ0Le1C/euFcKHbr5tG804Z73+XBFupsactpFFz+krY88TwLHmmHGjZjyBIqcl3Z1dP3pJqSncfHK6Zi5/EJurw0FP0g6mF8XitJfnb5KCNeyclaeHyO1nUsWpmiHtLtNJaoap176fnvuRL3dPwbV6t1/HshPyRpl3LLkY5/Qyq75frvoklOm+toeVfHv3HzXx3/Rnu3dPwbrcodVJSV6H/TeCZRb8KUUkoppZT6P/0BLkoPFSPNCJUAAAAASUVORK5CYII="); }

.dark .dark\:bg-\[url\(\"src\/assets\/share\/moon_x\.png\"\)\] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAABgCAMAAADxVp2mAAAAmVBMVEUAAAAcHiIcHiIcHiMdHiIdHiIcHiMhIyQcHyIcHiIcHiIdICMiIiYcHyIcHiMfHyM0NDQcHiIdHiMcHyMdHyMdICUfJCYnJzAcHiIcHyMcHiIcHyIdHiIcHiIcHiIdHyMdHyMfHyUdHiIcHiIcHyMcHiIdHyMfHyIdHyQiJikpKSkdHiIdHyIdHiMeHiQfISQdHiMeICQcHiJp2nYrAAAAMnRSTlMA/vby5m76Herau0QOz2M4BOF0alY2GAjJxcC0sqyigXsw7tOchVxKPBIMpZSLKSORUKjFciQAAAJaSURBVHja7dpXcuMwEATQBrOylVY5WZacU9//cGtbtBlEWT+EFljOOwELNawZNAZCCCGEEEIIIYQQBmlM3TVE3suUpLqHyOo7/PQHFhn1vGfodbXgwRXsMayRHrQazXhwDXs0ApItaDVnrAZrbFx+mEKnNb91YYvQ46cxNGoofnNhizm/RNDnqsaELe26w1gIbXymNGCHJWNt6DKKmGLL6OsyNoEuA6bNYIUNf3SgSZ1pgR2j754/xtCjqZjRgw18JlbQosEDu0Y8nwm1hw4r5rRhgQFTlA8NFsyJmjBfhxnzEKWbMu8J5hu5zHBuOihZi0f2MN+Cee50eTNAeWo84gxhvFsWcVCeCY9FFpzMhAUe9dRkwrmF6YYBj3hNlOeJRdTa+IyzzzzVQIl6LLa9g+FWzHIGKNOGJ6iZ6f/T3mGKN0S5ujyp+/xu9J0yfFSMXe9K/9In/iraTsaLEIYK/XrNcbrz/gNKd8fzlqiiOs96RBV1eI7qoJLmPOMG1fTH4688o1uTTncBfxEYP+rp4/M0ZUWkp4uv5FyKvTss5A5QcZsWC7ReIdoec6K+8eHDRTz0xoqJlv8AEQv9Zb3mOt3Wsv8CIYQQ/4mX+hji2CqggjiyIxlB5PVt28q/kHuHH5QN+zeXtbJrlfhiRtfVTpDPvka4xj7f/SNtxuoQxXsVPkRRxdCpfF56am1OvUkGlmgGTES7ocSmJ7YHAm8rUfuXBnPUBuLTjFnPEF/uu0xrjSAOwi0TdblNJppvAQ/cnXSljNf1xHNqs56UixBCCCGEEEIIIYSosr/5w+3cn28axAAAAABJRU5ErkJggg=="); }

.dark .dark\:from-\[\#395231\] { --tw-gradient-from: #395231 var(--tw-gradient-from-position); --tw-gradient-to: rgb(57 82 49 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.dark .dark\:to-\[\#1c1e22\] { --tw-gradient-to: #1c1e22 var(--tw-gradient-to-position); }

.dark .dark\:fill-\[\#B3BEC1\] { fill: rgb(179, 190, 193); }

.\[\&\>\.dialog-title\]\:hidden > .dialog-title { display: none; }

.\[\&\>input\]\:text-center > input { text-align: center; }

.\[\&_\.pop-content\]\:bg-layer2 .pop-content { background-color: rgb(var(--layer2) / 1); }

.\!visible { visibility: visible !important; }

.\!absolute { position: absolute !important; }

.inset-2 { inset: 0.5rem; }

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

.inset-x-\[50\%\] { left: 50%; right: 50%; }

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

.inset-y-2 { top: 0.5rem; bottom: 0.5rem; }

.\!-bottom-1 { bottom: -0.25rem !important; }

.\!-bottom-2 { bottom: -0.5rem !important; }

.\!-bottom-7 { bottom: -1.75rem !important; }

.\!-bottom-\[0\.15rem\] { bottom: -0.15rem !important; }

.\!-bottom-\[1px\] { bottom: -1px !important; }

.\!-top-1 { top: -0.25rem !important; }

.\!-top-\[0\.15rem\] { top: -0.15rem !important; }

.\!-top-\[1px\] { top: -1px !important; }

.\!bottom-0 { bottom: 0px !important; }

.\!bottom-1 { bottom: 0.25rem !important; }

.\!bottom-1\.5 { bottom: 0.375rem !important; }

.\!bottom-3 { bottom: 0.75rem !important; }

.\!bottom-5 { bottom: 1.25rem !important; }

.\!bottom-8 { bottom: 2rem !important; }

.\!bottom-\[1\.75rem\] { bottom: 1.75rem !important; }

.\!bottom-\[1px\] { bottom: 1px !important; }

.\!bottom-\[2\.2rem\] { bottom: 2.2rem !important; }

.\!left-5 { left: 1.25rem !important; }

.\!left-\[1\.1rem\] { left: 1.1rem !important; }

.\!left-\[1\.2rem\] { left: 1.2rem !important; }

.\!top-1 { top: 0.25rem !important; }

.\!top-1\.5 { top: 0.375rem !important; }

.\!top-1\/3 { top: 33.3333% !important; }

.\!top-5 { top: 1.25rem !important; }

.\!top-\[0\.25rem\] { top: 0.25rem !important; }

.\!top-\[1px\] { top: 1px !important; }

.-bottom-11 { bottom: -2.75rem; }

.-bottom-12 { bottom: -3rem; }

.-bottom-14 { bottom: -3.5rem; }

.-bottom-4 { bottom: -1rem; }

.-bottom-5 { bottom: -1.25rem; }

.-bottom-7 { bottom: -1.75rem; }

.-bottom-\[100px\] { bottom: -100px; }

.-left-0 { left: 0px; }

.-left-10 { left: -2.5rem; }

.-left-100 { left: -25rem; }

.-left-3 { left: -0.75rem; }

.-left-44 { left: -11rem; }

.-left-6 { left: -1.5rem; }

.-left-72 { left: -18rem; }

.-right-0 { right: 0px; }

.-right-16 { right: -4rem; }

.-right-2 { right: -0.5rem; }

.-right-24 { right: -6rem; }

.-right-4\.5 { right: -1.125rem; }

.-top-0 { top: 0px; }

.-top-1\.5 { top: -0.375rem; }

.-top-10 { top: -2.5rem; }

.-top-12 { top: -3rem; }

.-top-14 { top: -3.5rem; }

.-top-15 { top: -3.75rem; }

.-top-16 { top: -4rem; }

.-top-18 { top: -4.5rem; }

.-top-2\.5 { top: -0.625rem; }

.-top-20 { top: -5rem; }

.-top-24 { top: -6rem; }

.-top-28 { top: -7rem; }

.-top-3\.5 { top: -0.875rem; }

.-top-5 { top: -1.25rem; }

.-top-6 { top: -1.5rem; }

.-top-8 { top: -2rem; }

.-top-9 { top: -2.25rem; }

.-top-\[0\.7rem\] { top: -0.7rem; }

.-top-\[2\.6rem\] { top: -2.6rem; }

.-top-\[32\.75rem\] { top: -32.75rem; }

.bottom-0\.5 { bottom: 0.125rem; }

.bottom-1\.5 { bottom: 0.375rem; }

.bottom-11 { bottom: 2.75rem; }

.bottom-36 { bottom: 9rem; }

.bottom-4 { bottom: 1rem; }

.bottom-40 { bottom: 10rem; }

.bottom-6 { bottom: 1.5rem; }

.bottom-8 { bottom: 2rem; }

.bottom-9 { bottom: 2.25rem; }

.bottom-\[-1\.5rem\] { bottom: -1.5rem; }

.bottom-\[\.9375rem\] { bottom: 0.9375rem; }

.bottom-\[10\%\] { bottom: 10%; }

.bottom-\[18\%\] { bottom: 18%; }

.bottom-\[1px\] { bottom: 1px; }

.bottom-full { bottom: 100%; }

.left-1\/3 { left: 33.3333%; }

.left-12 { left: 3rem; }

.left-14 { left: 3.5rem; }

.left-16 { left: 4rem; }

.left-2\/3 { left: 66.6667%; }

.left-28 { left: 7rem; }

.left-3\.5 { left: 0.875rem; }

.left-32 { left: 8rem; }

.left-64 { left: 16rem; }

.left-\[-20\%\] { left: -20%; }

.left-\[10\%\] { left: 10%; }

.left-\[2\%\] { left: 2%; }

.left-\[28\%\] { left: 28%; }

.left-\[3\%\] { left: 3%; }

.left-\[3px\] { left: 3px; }

.left-\[46\.2\%\] { left: 46.2%; }

.left-\[5\%\] { left: 5%; }

.left-\[5rem\] { left: 5rem; }

.left-\[83\%\] { left: 83%; }

.left-\[95\%\] { left: 95%; }

.right-1\/4 { right: 25%; }

.right-10 { right: 2.5rem; }

.right-12 { right: 3rem; }

.right-14 { right: 3.5rem; }

.right-5 { right: 1.25rem; }

.right-8 { right: 2rem; }

.right-\[\.625rem\] { right: 0.625rem; }

.right-\[10\%\] { right: 10%; }

.right-\[11\%\] { right: 11%; }

.right-\[2px\] { right: 2px; }

.top-0\.5 { top: 0.125rem; }

.top-1\/3 { top: 33.3333%; }

.top-11 { top: 2.75rem; }

.top-12 { top: 3rem; }

.top-20 { top: 5rem; }

.top-28 { top: 7rem; }

.top-3 { top: 0.75rem; }

.top-36 { top: 9rem; }

.top-44 { top: 11rem; }

.top-5 { top: 1.25rem; }

.top-52 { top: 13rem; }

.top-56 { top: 14rem; }

.top-6 { top: 1.5rem; }

.top-80 { top: 20rem; }

.top-\[-0\.1rem\] { top: -0.1rem; }

.top-\[-0\.5rem\] { top: -0.5rem; }

.top-\[-2rem\] { top: -2rem; }

.top-\[-40\%\] { top: -40%; }

.top-\[-80\%\] { top: -80%; }

.top-\[-90\%\] { top: -90%; }

.top-\[13\.5rem\] { top: 13.5rem; }

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

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

.top-\[20rem\] { top: 20rem; }

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

.top-\[2rem\] { top: 2rem; }

.top-\[35px\] { top: 35px; }

.top-\[44\%\] { top: 44%; }

.top-\[45\%\] { top: 45%; }

.top-\[48\%\] { top: 48%; }

.top-\[5\.5rem\] { top: 5.5rem; }

.top-\[90\%\] { top: 90%; }

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

.z-500 { z-index: 500; }

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

.z-\[100000\] { z-index: 100000; }

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

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

.z-\[1100\] { z-index: 1100; }

.z-\[200\] { z-index: 200; }

.z-\[40\] { z-index: 40; }

.z-\[888\] { z-index: 888; }

.\!order-3 { order: 3 !important; }

.\!order-first { order: -9999 !important; }

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

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-last { order: 9999; }

.\!col-span-12 { grid-column: span 12 / span 12 !important; }

.\!col-span-full { grid-column: 1 / -1 !important; }

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

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

.\!m-0 { margin: 0px !important; }

.\!m-0\.5 { margin: 0.125rem !important; }

.m-0\.5 { margin: 0.125rem; }

.m-1 { margin: 0.25rem; }

.m-2\.5 { margin: 0.625rem; }

.m-\[0\.625rem\] { margin: 0.625rem; }

.m-\[2px\] { margin: 2px; }

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

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

.-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; }

.-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; }

.-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; }

.mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }

.mx-14 { margin-left: 3.5rem; margin-right: 3.5rem; }

.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }

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

.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }

.my-15 { margin-top: 3.75rem; margin-bottom: 3.75rem; }

.my-\[-0\.25rem\] { margin-top: -0.25rem; margin-bottom: -0.25rem; }

.\!-ml-2 { margin-left: -0.5rem !important; }

.\!-ml-\[14px\] { margin-left: -14px !important; }

.\!-mt-8 { margin-top: -2rem !important; }

.\!ml-1 { margin-left: 0.25rem !important; }

.\!mr-0 { margin-right: 0px !important; }

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

.\!mt-1 { margin-top: 0.25rem !important; }

.\!mt-2 { margin-top: 0.5rem !important; }

.\!mt-3 { margin-top: 0.75rem !important; }

.-mb-10 { margin-bottom: -2.5rem; }

.-mb-2 { margin-bottom: -0.5rem; }

.-mb-3 { margin-bottom: -0.75rem; }

.-mb-4 { margin-bottom: -1rem; }

.-mb-\[2\.625rem\] { margin-bottom: -2.625rem; }

.-ml-1\.5 { margin-left: -0.375rem; }

.-ml-18 { margin-left: -4.5rem; }

.-ml-3\.5 { margin-left: -0.875rem; }

.-ml-6 { margin-left: -1.5rem; }

.-mr-0 { margin-right: 0px; }

.-mr-0\.5 { margin-right: -0.125rem; }

.-mr-18 { margin-right: -4.5rem; }

.-mt-0 { margin-top: 0px; }

.-mt-1 { margin-top: -0.25rem; }

.-mt-1\.5 { margin-top: -0.375rem; }

.-mt-24 { margin-top: -6rem; }

.-mt-9 { margin-top: -2.25rem; }

.-mt-px { margin-top: -1px; }

.mb-0\.5 { margin-bottom: 0.125rem; }

.mb-16 { margin-bottom: 4rem; }

.mb-2\.5 { margin-bottom: 0.625rem; }

.mb-52 { margin-bottom: 13rem; }

.mb-72 { margin-bottom: 18rem; }

.mb-8 { margin-bottom: 2rem; }

.mb-\[0\.8rem\] { margin-bottom: 0.8rem; }

.ml-2\.5 { margin-left: 0.625rem; }

.ml-\[0\.5rem\] { margin-left: 0.5rem; }

.ml-\[0\.62rem\] { margin-left: 0.62rem; }

.ml-\[3rem\] { margin-left: 3rem; }

.mr-0 { margin-right: 0px; }

.mr-3\.5 { margin-right: 0.875rem; }

.mr-\[0\.46875rem\] { margin-right: 0.46875rem; }

.mr-\[1px\] { margin-right: 1px; }

.mr-\[6px\] { margin-right: 6px; }

.mt-11 { margin-top: 2.75rem; }

.mt-24 { margin-top: 6rem; }

.mt-28 { margin-top: 7rem; }

.mt-3\.5 { margin-top: 0.875rem; }

.mt-4\.5 { margin-top: 1.125rem; }

.mt-\[0\.3rem\] { margin-top: 0.3rem; }

.mt-\[10\%\] { margin-top: 10%; }

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

.mt-\[3rem\] { margin-top: 3rem; }

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

.mt-px { margin-top: 1px; }

.box-content { box-sizing: content-box; }

.\!flex { display: flex !important; }

.aspect-\[240\/283\] { aspect-ratio: 240 / 283; }

.aspect-\[392\/426\] { aspect-ratio: 392 / 426; }

.\!size-10 { width: 2.5rem !important; height: 2.5rem !important; }

.\!size-2 { width: 0.5rem !important; height: 0.5rem !important; }

.\!size-2\.5 { width: 0.625rem !important; height: 0.625rem !important; }

.\!size-3 { width: 0.75rem !important; height: 0.75rem !important; }

.\!size-3\.5 { width: 0.875rem !important; height: 0.875rem !important; }

.\!size-4 { width: 1rem !important; height: 1rem !important; }

.\!size-5 { width: 1.25rem !important; height: 1.25rem !important; }

.\!size-6 { width: 1.5rem !important; height: 1.5rem !important; }

.\!size-7 { width: 1.75rem !important; height: 1.75rem !important; }

.\!size-8 { width: 2rem !important; height: 2rem !important; }

.\!size-9 { width: 2.25rem !important; height: 2.25rem !important; }

.size-1 { width: 0.25rem; height: 0.25rem; }

.size-1\.5 { width: 0.375rem; height: 0.375rem; }

.size-11 { width: 2.75rem; height: 2.75rem; }

.size-15 { width: 3.75rem; height: 3.75rem; }

.size-18 { width: 4.5rem; height: 4.5rem; }

.size-2 { width: 0.5rem; height: 0.5rem; }

.size-20 { width: 5rem; height: 5rem; }

.size-24 { width: 6rem; height: 6rem; }

.size-28 { width: 7rem; height: 7rem; }

.size-3\.5 { width: 0.875rem; height: 0.875rem; }

.size-32 { width: 8rem; height: 8rem; }

.size-36 { width: 9rem; height: 9rem; }

.size-44 { width: 11rem; height: 11rem; }

.size-48 { width: 12rem; height: 12rem; }

.size-52 { width: 13rem; height: 13rem; }

.size-56 { width: 14rem; height: 14rem; }

.size-60 { width: 15rem; height: 15rem; }

.size-64 { width: 16rem; height: 16rem; }

.size-72 { width: 18rem; height: 18rem; }

.size-80 { width: 20rem; height: 20rem; }

.size-\[1\.875rem\] { width: 1.875rem; height: 1.875rem; }

.size-\[110\%\] { width: 110%; height: 110%; }

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

.size-\[17rem\] { width: 17rem; height: 17rem; }

.size-\[60\%\] { width: 60%; height: 60%; }

.size-\[90\%\] { width: 90%; height: 90%; }

.size-auto { width: auto; height: auto; }

.\!h-2\/6 { height: 33.3333% !important; }

.\!h-4 { height: 1rem !important; }

.\!h-8 { height: 2rem !important; }

.\!h-80 { height: 20rem !important; }

.\!h-\[0\.188rem\] { height: 0.188rem !important; }

.\!h-\[1\.375rem\] { height: 1.375rem !important; }

.\!h-\[7rem\] { height: 7rem !important; }

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

.h-0\.5 { height: 0.125rem; }

.h-1\/2 { height: 50%; }

.h-100 { height: 25rem; }

.h-13\.5 { height: 3.375rem; }

.h-256 { height: 64rem; }

.h-3\/4 { height: 75%; }

.h-3\/5 { height: 60%; }

.h-4\/5 { height: 80%; }

.h-\[0\.188rem\] { height: 0.188rem; }

.h-\[1\.125rem\] { height: 1.125rem; }

.h-\[1\.75rem\] { height: 1.75rem; }

.h-\[100\%\] { height: 100%; }

.h-\[18rem\] { height: 18rem; }

.h-\[19rem\] { height: 19rem; }

.h-\[2\.125rem\] { height: 2.125rem; }

.h-\[2\.18rem\] { height: 2.18rem; }

.h-\[2\.25rem\] { height: 2.25rem; }

.h-\[2\.875rem\] { height: 2.875rem; }

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

.h-\[25rem\] { height: 25rem; }

.h-\[27\.3rem\] { height: 27.3rem; }

.h-\[29\.5rem\] { height: 29.5rem; }

.h-\[290px\] { height: 290px; }

.h-\[3\.25rem\] { height: 3.25rem; }

.h-\[31rem\] { height: 31rem; }

.h-\[32\.5rem\] { height: 32.5rem; }

.h-\[37\.5rem\] { height: 37.5rem; }

.h-\[38rem\] { height: 38rem; }

.h-\[4\.375rem\] { height: 4.375rem; }

.h-\[42px\] { height: 42px; }

.h-\[43\.5rem\] { height: 43.5rem; }

.h-\[44\%\] { height: 44%; }

.h-\[45\%\] { height: 45%; }

.h-\[5\.375rem\] { height: 5.375rem; }

.h-\[55\%\] { height: 55%; }

.h-\[6\.63619rem\] { height: 6.63619rem; }

.h-\[7\.5rem\] { height: 7.5rem; }

.h-\[8\.5rem\] { height: 8.5rem; }

.h-\[80\%\] { height: 80%; }

.h-\[85\%\] { height: 85%; }

.h-\[8rem\] { height: 8rem; }

.h-\[95\%\] { height: 95%; }

.h-\[9rem\] { height: 9rem; }

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

.\!max-h-none { max-height: none !important; }

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

.max-h-\[19\.25rem\] { max-height: 19.25rem; }

.max-h-\[30rem\] { max-height: 30rem; }

.max-h-\[31rem\] { max-height: 31rem; }

.max-h-\[35\.5rem\] { max-height: 35.5rem; }

.max-h-\[40rem\] { max-height: 40rem; }

.max-h-\[75\%\] { max-height: 75%; }

.max-h-\[80\%\] { max-height: 80%; }

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

.max-h-none { max-height: none; }

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

.\!min-h-20 { min-height: 5rem !important; }

.min-h-100 { min-height: 25rem; }

.min-h-16 { min-height: 4rem; }

.min-h-28 { min-height: 7rem; }

.min-h-3 { min-height: 0.75rem; }

.min-h-3\.5 { min-height: 0.875rem; }

.min-h-36 { min-height: 9rem; }

.min-h-64 { min-height: 16rem; }

.min-h-72 { min-height: 18rem; }

.min-h-\[2rem\] { min-height: 2rem; }

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

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

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

.\!w-1\/3 { width: 33.3333% !important; }

.\!w-100 { width: 25rem !important; }

.\!w-2\/6 { width: 33.3333% !important; }

.\!w-4 { width: 1rem !important; }

.\!w-7 { width: 1.75rem !important; }

.\!w-\[1\.375rem\] { width: 1.375rem !important; }

.\!w-\[50rem\] { width: 50rem !important; }

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

.w-1\/12 { width: 8.33333%; }

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

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

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

.w-4\/12 { width: 33.3333%; }

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

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

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

.w-\[1\.125rem\] { width: 1.125rem; }

.w-\[1\.75rem\] { width: 1.75rem; }

.w-\[11\.8125rem\] { width: 11.8125rem; }

.w-\[12rem\] { width: 12rem; }

.w-\[13\.125rem\] { width: 13.125rem; }

.w-\[140\%\] { width: 140%; }

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

.w-\[15rem\] { width: 15rem; }

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

.w-\[176px\] { width: 176px; }

.w-\[179px\] { width: 179px; }

.w-\[2\.5rem\] { width: 2.5rem; }

.w-\[2\.98125rem\] { width: 2.98125rem; }

.w-\[20\%\] { width: 20%; }

.w-\[20rem\] { width: 20rem; }

.w-\[22\%\] { width: 22%; }

.w-\[22\.5rem\] { width: 22.5rem; }

.w-\[24\%\] { width: 24%; }

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

.w-\[28\%\] { width: 28%; }

.w-\[28rem\] { width: 28rem; }

.w-\[3\.125rem\] { width: 3.125rem; }

.w-\[3\.375rem\] { width: 3.375rem; }

.w-\[30\.8rem\] { width: 30.8rem; }

.w-\[308px\] { width: 308px; }

.w-\[31\.17rem\] { width: 31.17rem; }

.w-\[31rem\] { width: 31rem; }

.w-\[32\.5rem\] { width: 32.5rem; }

.w-\[336px\] { width: 336px; }

.w-\[34\%\] { width: 34%; }

.w-\[35\%\] { width: 35%; }

.w-\[38\%\] { width: 38%; }

.w-\[4\.63rem\] { width: 4.63rem; }

.w-\[4\.6875rem\] { width: 4.6875rem; }

.w-\[44\%\] { width: 44%; }

.w-\[4rem\] { width: 4rem; }

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

.w-\[6rem\] { width: 6rem; }

.w-\[7\.5rem\] { width: 7.5rem; }

.w-\[7\.8\%\] { width: 7.8%; }

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

.w-\[7rem\] { width: 7rem; }

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

.w-\[85\%\] { width: 85%; }

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

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

.w-\[95\%\] { width: 95%; }

.w-\[9rem\] { width: 9rem; }

.w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); }

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

.w-\[var\(--kb-progress-fill-width\)\] { width: var(--kb-progress-fill-width); }

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

.w-px { width: 1px; }

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

.min-w-10 { min-width: 2.5rem; }

.min-w-100 { min-width: 25rem; }

.min-w-14 { min-width: 3.5rem; }

.min-w-16 { min-width: 4rem; }

.min-w-18 { min-width: 4.5rem; }

.min-w-20 { min-width: 5rem; }

.min-w-28 { min-width: 7rem; }

.min-w-36 { min-width: 9rem; }

.min-w-44 { min-width: 11rem; }

.min-w-80 { min-width: 20rem; }

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

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

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

.min-w-\[5\.6rem\] { min-width: 5.6rem; }

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

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

.\!max-w-24 { max-width: 6rem !important; }

.\!max-w-\[5rem\] { max-width: 5rem !important; }

.max-w-16 { max-width: 4rem; }

.max-w-256 { max-width: 64rem; }

.max-w-48 { max-width: 12rem; }

.max-w-72 { max-width: 18rem; }

.max-w-\[10rem\] { max-width: 10rem; }

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

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

.max-w-\[21rem\] { max-width: 21rem; }

.max-w-\[22rem\] { max-width: 22rem; }

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

.max-w-\[30\%\] { max-width: 30%; }

.max-w-\[4rem\] { max-width: 4rem; }

.max-w-\[50rem\] { max-width: 50rem; }

.max-w-\[5rem\] { max-width: 5rem; }

.max-w-\[6\.5rem\] { max-width: 6.5rem; }

.max-w-\[6rem\] { max-width: 6rem; }

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

.max-w-\[7rem\] { max-width: 7rem; }

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

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

.max-w-lg { max-width: 32rem; }

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

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

.max-w-sm { max-width: 24rem; }

.\!flex-1 { flex: 1 1 0% !important; }

.\!flex-none { flex: 0 0 auto !important; }

.flex-\[2\] { flex: 2 1 0%; }

.\!shrink-0 { flex-shrink: 0 !important; }

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

.grow-\[2\] { flex-grow: 2; }

.basis-0 { flex-basis: 0px; }

.basis-28 { flex-basis: 7rem; }

.table-auto { table-layout: auto; }

.table-fixed { table-layout: fixed; }

.caption-bottom { caption-side: bottom; }

.border-collapse { border-collapse: collapse; }

.border-separate { border-collapse: separate; }

.border-spacing-0 { --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }

.origin-\[var\(--kb-popover-content-transform-origin\)\] { transform-origin: var(--kb-popover-content-transform-origin); }

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

.origin-left { transform-origin: left center; }

.origin-top-left { transform-origin: left top; }

.\!translate-x-0 { --tw-translate-x: 0px !important; 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)) !important; }

.\!translate-x-\[200\%\] { --tw-translate-x: 200% !important; 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)) !important; }

.\!translate-x-full { --tw-translate-x: 100% !important; 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)) !important; }

.-translate-x-2\/3 { --tw-translate-x: -66.666667%; 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\/4 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.-translate-x-\[calc\(50\%\+165px\)\] { --tw-translate-x: calc((50% + 165px)*-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)); }

.-translate-y-28 { --tw-translate-y: -7rem; 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),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\.5rem\] { --tw-translate-y: -.5rem; 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-\[105\%\] { --tw-translate-y: -105%; 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-\[1rem\] { --tw-translate-y: -1rem; 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-\[2rem\] { --tw-translate-y: -2rem; 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-\[50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-\[-46\%\] { --tw-translate-x: -46%; 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-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-y-10 { --tw-translate-y: 2.5rem; 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),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-5 { --tw-translate-y: 1.25rem; 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-\[-115\%\] { --tw-translate-y: -115%; 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-\[-1rem\] { --tw-translate-y: -1rem; 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-\[25\%\] { --tw-translate-y: 25%; 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-\[90\%\] { --tw-translate-y: 90%; 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-1 { --tw-rotate: -1deg; 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-45 { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-0 { --tw-rotate: 0deg; 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-\[135deg\] { --tw-rotate: 135deg; 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(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-110 { --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(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; 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-\[0\.7\] { --tw-scale-x: .7; --tw-scale-y: .7; 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-\[0\.85\] { --tw-scale-x: .85; --tw-scale-y: .85; 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-\[0\.9\] { --tw-scale-x: .9; --tw-scale-y: .9; 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-\[1\.2\] { --tw-scale-x: 1.2; --tw-scale-y: 1.2; 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-x-100, .scale-x-\[-1\] { --tw-scale-x: -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)); }

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

.animate-\[ani-bgposition_1000s_infinite_linear\] { animation: 1000s linear 0s infinite normal none running ani-bgposition; }

.animate-\[ani-coin_3s_infinite_linear\] { animation: 3s linear 0s infinite normal none running ani-coin; }

.animate-\[ani_rotate_6s_infinite_linear\] { }

@keyframes breathe { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.animate-breathe { animation: 0.15s ease-in-out 0s 1 normal none running breathe; }

@keyframes fadeInOut { 
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}

.animate-fade-in-out { animation: 1s ease-in-out 0s infinite normal none running fadeInOut; }

.animate-fallingDown { animation: 5s ease 0s 1 normal none running fallingDown; }

@keyframes fallingDown { 
  0% { transform: translate(0px) translateY(0px); }
  100% { transform: translate(-35rem) translateY(66rem); }
}

.animate-fallingStar { animation: 5s ease 0s infinite normal none running fallingDown; }

@keyframes flicker { 
  0%, 100% { opacity: 0.8; }
  50% { opacity: 0.3; }
}

.animate-flicker { animation: 1.5s ease-in-out 0s infinite normal none running flicker; }

@keyframes float { 
  0% { transform: translate(0px); }
  100% { transform: translate(var(--x),var(--y)); }
}

.animate-float { animation: 5s ease-in-out 0s infinite alternate none running float; }

@keyframes floatStable { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-7px); }
  100% { transform: translateY(0px); }
}

.animate-float-stable { animation: 0.8s ease-in-out 0s infinite normal none running floatStable; }

@keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}

@keyframes scaleOpacity { 
  0%, 100% { transform: scale(1); opacity: 0.75; }
  50% { transform: scale(1.05); opacity: 1; }
}

.animate-scale-opacity { animation: 3s ease-in-out 0s infinite normal none running scaleOpacity; }

@keyframes shake { 
  0% { transform: translateY(0px); }
  25% { transform: translateY(6px); }
  50% { transform: translateY(-6px); }
  75% { transform: translateY(3px); }
  87.5% { transform: translateY(-3px); }
  100% { transform: translateY(0px); }
}

.animate-shake { animation: 0.5s ease-in-out 0s 1 normal none running shake; }

@keyframes shine { 
  0% { left: -3rem; transform: skew(-30deg); }
  100% { left: 300%; transform: skew(-30deg); }
}

.animate-shine { animation: 1.2s linear 0s infinite normal none running shine; }

@keyframes sparkle { 
  0%, 100% { filter: brightness(1) saturate(1); }
  50% { filter: brightness(1.5) saturate(1.4); }
}

.animate-sparkle { animation: 3s ease-in-out 0s infinite normal none running sparkle; }

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

@keyframes stragety-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.animate-stragety-loading { animation: 1s linear 0s infinite normal none running stragety-loading; }

@keyframes stripes { 
  0% { background-position: 0px 0px; }
  100% { background-position: 40px 0px; }
}

.animate-stripes { animation: 1s linear 0s infinite normal none running stripes; }

@keyframes swing { 
  0% { transform: translate(0px); }
  2% { transform: translate(-4px); }
  4% { transform: translate(4px); }
  6% { transform: translate(-2px); }
  8% { transform: translate(2px); }
  10% { transform: translate(0px); }
  100% { transform: translate(0px); }
}

.animate-swing { animation: 2.5s ease-in-out 0s infinite normal none running swing; }

@keyframes task_star { 
  0% { transform: scale(0.8); }
  25% { transform: scale(1.5); }
  50% { transform: scale(0.8); }
  75% { transform: scale(1.2); }
  100% { transform: scale(0.8); }
}

.animate-task_star { animation: 2s linear 0s infinite normal none running task_star; }

@keyframes task_star_big { 
  25% { transform: scale(1.8); }
  50% { transform: scale(0.8); }
  75% { transform: scale(1.5); }
}

.animate-task_star_big { animation: 3s linear 0s infinite normal none running task_star_big; }

@keyframes towerscalebig { 
  0% { transform: scale(1) rotate(-20deg); }
  25% { transform: scale(1.25) rotate(-20deg); }
  50% { transform: scale(1) rotate(-20deg); }
  75% { transform: scale(0.75) rotate(-20deg); }
  100% { transform: scale(1) rotate(-20deg); }
}

.animate-towerscalebig { animation: 1s linear 0s infinite normal none running towerscalebig; }

@keyframes towerscalesmall { 
  0% { transform: scale(1) rotate(-20deg); }
  25% { transform: scale(0.75) rotate(-20deg); }
  50% { transform: scale(1) rotate(-20deg); }
  75% { transform: scale(1.25) rotate(-20deg); }
  100% { transform: scale(1) rotate(-20deg); }
}

.animate-towerscalesmall { animation: 1s linear 0s infinite normal none running towerscalesmall; }

@keyframes weekSparkle { 
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.1); }
}

.animate-weekSparkle { animation: 5s ease-in-out 0s infinite normal none running weekSparkle; }

.\!cursor-default { cursor: default !important; }

.cursor-default { cursor: default; }

.cursor-move { cursor: move; }

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

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

.auto-rows-auto { grid-auto-rows: auto; }

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

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

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

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

.grid-cols-\[repeat\(auto-fill\,minmax\(28px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(28px, 1fr)); }

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

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

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

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

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

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

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

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

.justify-items-center { justify-items: center; }

.\!gap-0 { gap: 0px !important; }

.\!gap-0\.5 { gap: 0.125rem !important; }

.gap-0 { gap: 0px; }

.gap-12 { gap: 3rem; }

.gap-\[0\.4rem\] { gap: 0.4rem; }

.gap-\[0\.56rem\] { gap: 0.56rem; }

.gap-\[1px\] { gap: 1px; }

.gap-x-0 { column-gap: 0px; }

.gap-x-0\.5 { column-gap: 0.125rem; }

.gap-y-3\.5 { row-gap: 0.875rem; }

.\!space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.75rem * var(--tw-space-y-reverse)) !important; }

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

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

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

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

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

.self-end { align-self: flex-end; }

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

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

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

.overflow-visible { overflow: visible; }

.overflow-scroll { overflow: scroll; }

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

.overflow-x-clip { overflow-x: clip; }

.overflow-x-visible { overflow-x: visible; }

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

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

.\!rounded-lg { border-radius: var(--radius-lg) !important; }

.\!rounded-md { border-radius: var(--radius-md) !important; }

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

.\!rounded-xl { border-radius: var(--radius-xl) !important; }

.rounded-\[0\.625rem\] { border-radius: 0.625rem; }

.rounded-\[2\.25rem\] { border-radius: 2.25rem; }

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

.\!rounded-b-none { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }

.\!rounded-t-none { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }

.\!rounded-t-xl { border-top-left-radius: var(--radius-xl) !important; border-top-right-radius: var(--radius-xl) !important; }

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

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

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

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

.rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

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

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

.rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

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

.rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); }

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

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

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

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

.border-6 { border-width: 0.375rem; }

.border-\[0\.125rem\] { border-width: 0.125rem; }

.border-\[0\.15rem\] { border-width: 0.15rem; }

.border-\[0\.625rem\] { border-width: 0.625rem; }

.border-\[1\.5px\] { border-width: 1.5px; }

.border-\[1px\] { border-width: 1px; }

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

.border-b-6 { border-bottom-width: 0.375rem; }

.border-b-8 { border-bottom-width: 8px; }

.border-b-\[6px\] { border-bottom-width: 6px; }

.border-l-4 { border-left-width: 4px; }

.border-l-6 { border-left-width: 0.375rem; }

.border-l-\[6px\] { border-left-width: 6px; }

.border-r-6 { border-right-width: 0.375rem; }

.border-t-0 { border-top-width: 0px; }

.border-t-6 { border-top-width: 0.375rem; }

.border-t-8 { border-top-width: 8px; }

.border-t-\[6px\] { border-top-width: 6px; }

.\!border-\[\#0000000c\] { border-color: rgba(0, 0, 0, 0.047) !important; }

.\!border-\[\#24ee8920\] { border-color: rgba(36, 238, 137, 0.125) !important; }

.\!border-\[\#F3F3F3\] { border-color: rgb(243, 243, 243) !important; }

.\!border-\[\#FC3C3C\] { border-color: rgb(252, 60, 60) !important; }

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

.border-\[\#0ebf6a\] { border-color: rgb(14, 191, 106); }

.border-\[\#21232eb3\] { border-color: rgba(33, 35, 46, 0.7); }

.border-\[\#24EE89\] { border-color: rgb(36, 238, 137); }

.border-\[\#2a3946\] { border-color: rgb(42, 57, 70); }

.border-\[\#3A414266\] { border-color: rgba(58, 65, 66, 0.4); }

.border-\[\#4A5354\] { border-color: rgb(74, 83, 84); }

.border-\[\#5F6D6D4D\] { border-color: rgba(95, 109, 109, 0.3); }

.border-\[\#697072\] { border-color: rgb(105, 112, 114); }

.border-\[\#850cff\] { border-color: rgb(133, 12, 255); }

.border-\[\#9FE871\] { border-color: rgb(159, 232, 113); }

.border-\[\#B1B9B9\] { border-color: rgb(177, 185, 185); }

.border-\[\#D9D9D9\] { border-color: rgb(217, 217, 217); }

.border-\[\#DEE9EB\] { border-color: rgb(222, 233, 235); }

.border-\[\#E4EAF0CC\] { border-color: rgba(228, 234, 240, 0.8); }

.border-\[\#EBBE53\] { border-color: rgb(235, 190, 83); }

.border-\[\#F1F2F2\] { border-color: rgb(241, 242, 242); }

.border-\[\#FFFFFF\], .border-\[\#FFF\] { border-color: rgb(255, 255, 255); }

.border-\[\#ed6400\] { border-color: rgb(237, 100, 0); }

.border-black_alpha20 { border-color: rgba(0, 0, 0, 0.2); }

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

.border-button_bright { border-color: var(--Button-BrightBg); }

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

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

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

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

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

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

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

.border-yellow { border-color: rgb(251, 255, 36); }

.border-b-\[\#DEE9EB\] { border-bottom-color: rgb(222, 233, 235); }

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

.border-b-white_alpha10 { border-bottom-color: rgba(255, 255, 255, 0.1); }

.border-l-transparent { border-left-color: transparent; }

.border-t-\[\#555E60\] { border-top-color: rgb(85, 94, 96); }

.border-t-brand { border-top-color: rgb(var(--brand) / 1); }

.border-t-error { border-top-color: rgb(var(--error) / 1); }

.border-t-layer5 { border-top-color: rgb(var(--layer5) / 1); }

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

.border-t-transparent { border-top-color: transparent; }

.\!bg-\[\#24EE89\] { background-color: rgb(36, 238, 137) !important; }

.\!bg-\[\#545F60\] { background-color: rgb(84, 95, 96) !important; }

.\!bg-\[\#5b2cd7\] { background-color: rgb(91, 44, 215) !important; }

.\!bg-\[\#7D40CF\] { background-color: rgb(125, 64, 207) !important; }

.\!bg-\[\#850cff\] { background-color: rgb(133, 12, 255) !important; }

.\!bg-\[\#A9B2B4\] { background-color: rgb(169, 178, 180) !important; }

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

.\!bg-brand_secondary { background-color: rgb(var(--brand_secondary) / 1) !important; }

.\!bg-error { background-color: rgb(var(--error) / 1) !important; }

.\!bg-layer1 { background-color: rgb(var(--layer1) / 1) !important; }

.\!bg-layer2 { background-color: rgb(var(--layer2) / 1) !important; }

.\!bg-layer6 { background-color: rgb(var(--layer6) / 1) !important; }

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

.\!bg-success { background-color: rgb(var(--success) / 1) !important; }

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

.\!bg-warning { background-color: rgb(var(--warning) / 1) !important; }

.bg-\[\#00000033\] { background-color: rgba(0, 0, 0, 0.2); }

.bg-\[\#000\]\/\[0\.3\] { background-color: rgba(0, 0, 0, 0.3); }

.bg-\[\#0080D0\] { background-color: rgb(0, 128, 208); }

.bg-\[\#00B45A\] { background-color: rgb(0, 180, 90); }

.bg-\[\#0BA0FD\] { background-color: rgb(11, 160, 253); }

.bg-\[\#232626\] { background-color: rgb(35, 38, 38); }

.bg-\[\#24262b\] { background-color: rgb(36, 38, 43); }

.bg-\[\#24EE89\] { background-color: rgb(36, 238, 137); }

.bg-\[\#252a2b\] { background-color: rgb(37, 42, 43); }

.bg-\[\#272B2C\] { background-color: rgb(39, 43, 44); }

.bg-\[\#292833\] { background-color: rgb(41, 40, 51); }

.bg-\[\#2CD97D1A\] { background-color: rgba(44, 217, 125, 0.1); }

.bg-\[\#3A4142\] { background-color: rgb(58, 65, 66); }

.bg-\[\#444C4D\] { background-color: rgb(68, 76, 77); }

.bg-\[\#495354\] { background-color: rgb(73, 83, 84); }

.bg-\[\#4A5354\] { background-color: rgb(74, 83, 84); }

.bg-\[\#555555\] { background-color: rgb(85, 85, 85); }

.bg-\[\#555E60\] { background-color: rgb(85, 94, 96); }

.bg-\[\#697072\] { background-color: rgb(105, 112, 114); }

.bg-\[\#717C7E\] { background-color: rgb(113, 124, 126); }

.bg-\[\#747B7D\] { background-color: rgb(116, 123, 125); }

.bg-\[\#773CFD\] { background-color: rgb(119, 60, 253); }

.bg-\[\#850cff\] { background-color: rgb(133, 12, 255); }

.bg-\[\#8F4AFF\] { background-color: rgb(143, 74, 255); }

.bg-\[\#939da4\] { background-color: rgb(147, 157, 164); }

.bg-\[\#99A4B0\] { background-color: rgb(153, 164, 176); }

.bg-\[\#9FE871\] { background-color: rgb(159, 232, 113); }

.bg-\[\#A9B2B4\] { background-color: rgb(169, 178, 180); }

.bg-\[\#B1B9B9\] { background-color: rgb(177, 185, 185); }

.bg-\[\#B84C00\] { background-color: rgb(184, 76, 0); }

.bg-\[\#CD266E\] { background-color: rgb(205, 38, 110); }

.bg-\[\#CFC7B8\] { background-color: rgb(207, 199, 184); }

.bg-\[\#D1B100\] { background-color: rgb(209, 177, 0); }

.bg-\[\#D7ED47\] { background-color: rgb(215, 237, 71); }

.bg-\[\#E0E5E6\] { background-color: rgb(224, 229, 230); }

.bg-\[\#E4E6E7\] { background-color: rgb(228, 230, 231); }

.bg-\[\#F0F0F0\] { background-color: rgb(240, 240, 240); }

.bg-\[\#F3F3F3\] { background-color: rgb(243, 243, 243); }

.bg-\[\#F4F4F4\] { background-color: rgb(244, 244, 244); }

.bg-\[\#F8F8F9\] { background-color: rgb(248, 248, 249); }

.bg-\[\#FBFF24\] { background-color: rgb(251, 255, 36); }

.bg-\[\#FEF4E3\] { background-color: rgb(254, 244, 227); }

.bg-\[\#FF3C56\] { background-color: rgb(255, 60, 86); }

.bg-\[\#FF539D\] { background-color: rgb(255, 83, 157); }

.bg-\[\#FF6C03\] { background-color: rgb(255, 108, 3); }

.bg-\[\#FF842E\] { background-color: rgb(255, 132, 46); }

.bg-\[\#FFDF30\] { background-color: rgb(255, 223, 48); }

.bg-\[\#FFF\] { background-color: rgb(255, 255, 255); }

.bg-\[\#d7ed47\] { background-color: rgb(215, 237, 71); }

.bg-\[\#f0f1f2\] { background-color: rgb(240, 241, 242); }

.bg-\[\#f3b81f\] { background-color: rgb(243, 184, 31); }

.bg-\[\#f3f3f3\] { background-color: rgb(243, 243, 243); }

.bg-\[\#f4f4f4\] { background-color: rgb(244, 244, 244); }

.bg-\[\#ffad4d\] { background-color: rgb(255, 173, 77); }

.bg-\[\#fff\], .bg-\[\#ffffff\] { background-color: rgb(255, 255, 255); }

.bg-\[rgba\(0\,0\,0\,0\.05\)\] { background-color: rgba(0, 0, 0, 0.05); }

.bg-\[var\(--Button-BrightBg\)\] { background-color: var(--Button-BrightBg); }

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

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

.bg-layer5-table { background-color: rgb(var(--layer5-table) / 1); }

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

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

.bg-success\/\[0\.3\] { background-color: rgb(var(--success) / .3); }

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

.bg-white_alpha10 { background-color: rgba(255, 255, 255, 0.1); }

.bg-yellow { background-color: rgb(251, 255, 36); }

.\!bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)) !important; }

.\!bg-none { background-image: none !important; }

.bg-\[url\(\'\.\/assets\/status\/bubble\.png\'\)\] { background-image: url("./assets/status/bubble.png"); }

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

.bg-gradient-to-l { background-image: linear-gradient(to left,var(--tw-gradient-stops)); }

.bg-progress-gradient { background-image: linear-gradient(90deg, rgb(36, 238, 137) 0%, rgb(159, 232, 113) 100%); }

.bg-progress-stripes { background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent); }

.\!from-\[\#108D4F\] { --tw-gradient-from: #108D4F var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(16 141 79 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

.\!from-\[\#31ee88\] { --tw-gradient-from: #31ee88 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(49 238 136 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

.\!from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

.from-\[\#0EBF6A\]\/\[0\.2\] { --tw-gradient-from: rgb(14 191 106 / .2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 191 106 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#24ee89\] { --tw-gradient-from: #24ee89 var(--tw-gradient-from-position); --tw-gradient-to: rgb(36 238 137 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#31ee88\] { --tw-gradient-from: #31ee88 var(--tw-gradient-from-position); --tw-gradient-to: rgb(49 238 136 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#444C4D\] { --tw-gradient-from: #444C4D var(--tw-gradient-from-position); --tw-gradient-to: rgb(68 76 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#555E60\]\/\[0\.2\] { --tw-gradient-from: rgb(85 94 96 / .2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(85 94 96 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#EA4747\]\/\[0\.2\] { --tw-gradient-from: rgb(234 71 71 / .2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 71 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#EF9E3F\] { --tw-gradient-from: #EF9E3F var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 158 63 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.\!to-\[\#333839\] { --tw-gradient-to: #333839 var(--tw-gradient-to-position) !important; }

.\!to-\[\#9fe871\] { --tw-gradient-to: #9fe871 var(--tw-gradient-to-position) !important; }

.\!to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }

.to-\[\#0EBF6A\]\/\[0\.01\] { --tw-gradient-to: rgb(14 191 106 / .01) var(--tw-gradient-to-position); }

.to-\[\#333839\] { --tw-gradient-to: #333839 var(--tw-gradient-to-position); }

.to-\[\#555E60\]\/\[0\.01\] { --tw-gradient-to: rgb(85 94 96 / .01) var(--tw-gradient-to-position); }

.to-\[\#9fe871\] { --tw-gradient-to: #9fe871 var(--tw-gradient-to-position); }

.to-\[\#EA4747\]\/\[0\.01\] { --tw-gradient-to: rgb(234 71 71 / .01) var(--tw-gradient-to-position); }

.to-\[\#FBD765\] { --tw-gradient-to: #FBD765 var(--tw-gradient-to-position); }

.\!bg-cover { background-size: cover !important; }

.bg-\[length\:_100\%_84px\] { background-size: 100% 84px; }

.bg-stripes { background-size: 40px 40px; }

.\!bg-\[center_top_0\%\] { background-position: center top 0% !important; }

.bg-top { background-position: center top; }

.\!bg-no-repeat { background-repeat: no-repeat !important; }

.bg-repeat-y { background-repeat: repeat-y; }

.fill-\[\#8F4AFF\] { fill: rgb(143, 74, 255); }

.fill-\[\#ffffff\] { fill: rgb(255, 255, 255); }

.fill-error { fill: rgb(var(--error) / 1); }

.fill-none { fill: none; }

.fill-warning { fill: rgb(var(--warning) / 1); }

.stroke-\[\#00000033\] { stroke: rgba(0, 0, 0, 0.2); }

.stroke-\[\#000\] { stroke: rgb(0, 0, 0); }

.stroke-\[\#0ebf6a\] { stroke: rgb(14, 191, 106); }

.stroke-brand { stroke: rgb(var(--brand) / 1); }

.stroke-secondary { stroke: rgb(var(--secondary) / 1); }

.stroke-\[3px\] { stroke-width: 3px; }

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

.\!p-3 { padding: 0.75rem !important; }

.p-24 { padding: 6rem; }

.p-3\.5 { padding: 0.875rem; }

.p-6 { padding: 1.5rem; }

.p-\[100\%\] { padding: 100%; }

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

.\!px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

.\!px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }

.\!py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }

.\!py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }

.\!py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }

.\!py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

.px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; }

.px-18 { padding-left: 4.5rem; padding-right: 4.5rem; }

.px-4\.5 { padding-left: 1.125rem; padding-right: 1.125rem; }

.px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }

.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }

.py-\[0\.4375rem\] { padding-top: 0.4375rem; padding-bottom: 0.4375rem; }

.py-\[1\.125rem\] { padding-top: 1.125rem; padding-bottom: 1.125rem; }

.\!pb-0 { padding-bottom: 0px !important; }

.\!pb-2 { padding-bottom: 0.5rem !important; }

.\!pb-3 { padding-bottom: 0.75rem !important; }

.\!pl-9 { padding-left: 2.25rem !important; }

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

.\!pr-0\.5 { padding-right: 0.125rem !important; }

.\!pt-0 { padding-top: 0px !important; }

.\!pt-1 { padding-top: 0.25rem !important; }

.\!pt-1\.5 { padding-top: 0.375rem !important; }

.\!pt-6 { padding-top: 1.5rem !important; }

.pb-0\.5 { padding-bottom: 0.125rem; }

.pb-8 { padding-bottom: 2rem; }

.pb-\[0\.5rem\] { padding-bottom: 0.5rem; }

.pb-\[100\%\] { padding-bottom: 100%; }

.pl-0 { padding-left: 0px; }

.pl-36 { padding-left: 9rem; }

.pl-5 { padding-left: 1.25rem; }

.pl-8 { padding-left: 2rem; }

.pl-9 { padding-left: 2.25rem; }

.pl-\[40\%\] { padding-left: 40%; }

.pr-0 { padding-right: 0px; }

.pr-20 { padding-right: 5rem; }

.pr-8 { padding-right: 2rem; }

.pr-\[15\%\] { padding-right: 15%; }

.pr-\[17\%\] { padding-right: 17%; }

.pr-\[1px\] { padding-right: 1px; }

.pt-1\.5 { padding-top: 0.375rem; }

.pt-12 { padding-top: 3rem; }

.pt-4\.5 { padding-top: 1.125rem; }

.pt-\[20\%\] { padding-top: 20%; }

.align-text-bottom { vertical-align: text-bottom; }

.\!text-\[10px\] { font-size: 10px !important; }

.\!text-\[11px\] { font-size: 11px !important; }

.\!text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; }

.\!text-xs { font-size: 0.75rem !important; line-height: 1rem !important; }

.text-7xl { font-size: 4.5rem; line-height: 1; }

.text-\[\#14px\] { }

.text-\[0\.625rem\] { font-size: 0.625rem; }

.text-\[0\.6rem\] { font-size: 0.6rem; }

.text-\[0\.75rem\] { font-size: 0.75rem; }

.text-\[0\.875rem\] { font-size: 0.875rem; }

.text-\[10px\] { font-size: 10px; }

.text-\[12px\] { font-size: 12px; }

.text-\[14px\] { font-size: 14px; }

.text-\[1rem\] { font-size: 1rem; }

.text-\[28px\] { font-size: 28px; }

.text-\[8px\] { font-size: 8px; }

.text-normal { font-size: 16px; }

.\!font-normal { font-weight: 400 !important; }

.font-\[600\] { font-weight: 600; }

.font-\[800\] { font-weight: 800; }

.lowercase { text-transform: lowercase; }

.\!leading-3 { line-height: 0.75rem !important; }

.\!leading-6 { line-height: 1.5rem !important; }

.\!leading-8 { line-height: 2rem !important; }

.leading-3 { line-height: 0.75rem; }

.leading-\[0px\] { line-height: 0px; }

.leading-\[1\.5\] { line-height: 1.5; }

.leading-\[1\.625rem\] { line-height: 1.625rem; }

.leading-\[14px\] { line-height: 14px; }

.leading-\[16px\] { line-height: 16px; }

.leading-\[18px\] { line-height: 18px; }

.leading-\[2\.25rem\] { line-height: 2.25rem; }

.leading-\[26px\] { line-height: 26px; }

.leading-\[32px\] { line-height: 32px; }

.leading-\[3\] { line-height: 3; }

.tracking-tight { letter-spacing: -0.025em; }

.\!text-\[\#5F6D6D\] { color: rgb(95, 109, 109) !important; }

.\!text-\[\#B3BEC1\] { color: rgb(179, 190, 193) !important; }

.\!text-\[\#FFF\] { color: rgb(255, 255, 255) !important; }

.\!text-\[\#ed6300\] { color: rgb(237, 99, 0) !important; }

.\!text-brand { color: rgb(var(--brand) / 1) !important; }

.\!text-error { color: rgb(var(--error) / 1) !important; }

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

.\!text-primary_brand { color: rgb(var(--primary_brand) / 1) !important; }

.\!text-quarterary { color: rgb(var(--quarterary) / 1) !important; }

.\!text-secondary { color: rgb(var(--secondary) / 1) !important; }

.\!text-success { color: rgb(var(--success) / 1) !important; }

.text-\[\#000000\], .text-\[\#000\] { color: rgb(0, 0, 0); }

.text-\[\#171A1A\] { color: rgb(23, 26, 26); }

.text-\[\#23EE88\] { color: rgb(35, 238, 136); }

.text-\[\#24EE89\] { color: rgb(36, 238, 137); }

.text-\[\#31373D\] { color: rgb(49, 55, 61); }

.text-\[\#3E86FF\] { color: rgb(62, 134, 255); }

.text-\[\#3bc117\] { color: rgb(59, 193, 23); }

.text-\[\#5F6D6D\] { color: rgb(95, 109, 109); }

.text-\[\#693B1D\] { color: rgb(105, 59, 29); }

.text-\[\#788b9b\] { color: rgb(120, 139, 155); }

.text-\[\#849194\] { color: rgb(132, 145, 148); }

.text-\[\#98A7B5\] { color: rgb(152, 167, 181); }

.text-\[\#B3B4C1\] { color: rgb(179, 180, 193); }

.text-\[\#B5C0C2\] { color: rgb(181, 192, 194); }

.text-\[\#D4D80B\] { color: rgb(212, 216, 11); }

.text-\[\#D5D8DA\] { color: rgb(213, 216, 218); }

.text-\[\#D91740\] { color: rgb(217, 23, 64); }

.text-\[\#E5DF4F\] { color: rgb(229, 223, 79); }

.text-\[\#E7A819\] { color: rgb(231, 168, 25); }

.text-\[\#FC3C3C\] { color: rgb(252, 60, 60); }

.text-\[\#FFFFFF\], .text-\[\#FFF\] { color: rgb(255, 255, 255); }

.text-\[\#f00\] { color: red; }

.text-\[\#f5f7f8\] { color: rgb(245, 247, 248); }

.text-\[\#fff\] { color: rgb(255, 255, 255); }

.text-brand_alt { color: rgb(var(--brand_alt) / 1); }

.text-layer5 { color: rgb(var(--layer5) / 1); }

.text-transparent { color: transparent; }

.text-yellow { color: rgb(251, 255, 36); }

.\!opacity-100 { opacity: 1 !important; }

.opacity-20 { opacity: 0.2; }

.opacity-30 { opacity: 0.3; }

.opacity-70 { opacity: 0.7; }

.opacity-80 { opacity: 0.8; }

.opacity-90 { opacity: 0.9; }

.mix-blend-screen { mix-blend-mode: screen; }

.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: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0_0_10px_rgba\(36\,238\,137\,0\.7\)\] { --tw-shadow: 0 0 10px rgba(36,238,137,.7); --tw-shadow-colored: 0 0 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0_0_12px_0\] { --tw-shadow: 0 0 12px 0; --tw-shadow-colored: 0 0 12px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0_0_2px_0_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 0 2px 0 rgba(0,0,0,.2); --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0_2px_0_\#AFC619\] { --tw-shadow: 0 2px 0 #AFC619; --tw-shadow-colored: 0 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0_2px_0_0\] { --tw-shadow: 0 2px 0 0; --tw-shadow-colored: 0 2px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0_4px_4px_0\] { --tw-shadow: 0 4px 4px 0; --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 1px 1px 3px rgba(0,0,0,.5); --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color); 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 rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-main { --tw-shadow: 0px -2px 0px 0px #1DCA6A inset; --tw-shadow-colored: inset 0px -2px 0px 0px var(--tw-shadow-color); 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 rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-black\/25 { --tw-shadow-color: rgb(0 0 0 / .25); --tw-shadow: var(--tw-shadow-colored); }

.shadow-black\/40 { --tw-shadow-color: rgb(0 0 0 / .4); --tw-shadow: var(--tw-shadow-colored); }

.shadow-input { --tw-shadow-color: rgb(var(--input) / 1); --tw-shadow: var(--tw-shadow-colored); }

.outline-none { outline: transparent solid 2px; outline-offset: 2px; }

.outline { outline-style: solid; }

.outline-\[\#850cff\] { outline-color: rgb(133, 12, 255); }

.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }

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

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

.ring-offset-0 { --tw-ring-offset-width: 0px; }

.blur-\[1px\] { --tw-blur: blur(1px); 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); }

.blur-\[6px\] { --tw-blur: blur(6px); 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); }

.blur-lg { --tw-blur: blur(16px); 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); }

.blur-sm { --tw-blur: blur(4px); 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); }

.blur-xl { --tw-blur: blur(24px); 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); }

.invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.sepia { --tw-sepia: sepia(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.transition-opacity { transition-property: opacity; transition-duration: 0.15s; }

.transition-transform { transition-property: transform; transition-duration: 0.15s; }

.delay-200 { transition-delay: 0.2s; }

.delay-500 { transition-delay: 0.5s; }

.delay-700 { transition-delay: 0.7s; }

.duration-100 { transition-duration: 0.1s; }

.\@container { container-type: inline-size; }

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-1 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-2 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-3 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); }
}

@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); }
}

.animate-in { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }

.fade-in-0 { --tw-enter-opacity: 0; }

.fade-in-80 { --tw-enter-opacity: .8; }

.zoom-in-95 { --tw-enter-scale: .95; }

.running { animation-play-state: running; }

.paused { animation-play-state: paused; }

.no-scrollbar::-webkit-scrollbar { display: none; }

.no-scrollbar { scrollbar-width: none; }

html.dark { --background: #09090b; --foreground: #fafafa; --muted: #27272a; --muted-foreground: #a1a1aa; --accent: #27272a; --accent-foreground: #fafafa; --popover: #09090b; --popover-foreground: #fafafa; --card: #09090b; --card-foreground: #fafafa; --secondary-foreground: #fafafa; --destructive: #7f1d1d; --destructive-foreground: #fafafa; --warning_brighter: #ffad4d; --border: #e4eaf0; }

html { --crash-trenball-btn: #f2f2f2; }

html.dark { --crash-trenball-btn: #464f50; }

.trenball-btn { background: var(--crash-trenball-btn); }

.trenball-btn:disabled { opacity: 0.8; }

.crash-bg-btn { background: rgb(255, 87, 98); }

.moon-bg-btn { background: rgb(215, 237, 71); }

.moon-btn-text { color: rgb(215, 237, 71); }

.bg-btn-layer5 { background: linear-gradient(0deg,var(--black_alpha5) 0%,var(--black_alpha5) 100%),rgb(var(--layer5)); }

html:not(.dark) .light-game-view { background: linear-gradient(rgb(149, 157, 159) 0%, rgb(240, 241, 242) 100%); }

html:not(.dark) #classic-dice-slide { background: rgb(242, 242, 242); }

.crash-strategy-card {
  &:not(.disabled) { background-image: linear-gradient(rgba(36, 238, 137, 0) 36.28%, rgb(36, 238, 137) 362.59%); }
}

.pc-slots-iframe { padding-top: 0px !important; }

.pc-slots-iframe .dialog-title { display: none; }

.bet-slip .dialog-title { height: 48px; }

.imgshare-pop { max-height: 90%; padding-top: 76px; }

.imgshare .pop-title { height: 76px; }

.imgshare .pop-title .pop-close { width: 32px; height: 32px; top: 12px; }

.betslip-pop { max-height: 80%; padding-top: 56px; }

.betslip .pop-title { height: 56px; }

.betslip .pop-title .pop-close { width: 32px; height: 32px; top: 12px; }

.mb-slots-iframe .dialog-content, .pc-slots-iframe .dialog-content { position: relative; padding: 0px !important; }

.pc-slots-iframe .width-trans-bg { overflow: hidden; transition: width 0.5s cubic-bezier(0.36, 0.66, 0.04, 1); }

.pc-slots-iframe .back-rec { width: 0px; height: 0px; border-left: 8px solid skyblue; border-top: 8px solid transparent; border-bottom: 6px solid transparent; transition: transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1); }

.baccarat-bet-svg, .patti-bet-svg {
  fill: rgb(var(--layer6)); cursor: pointer;
  &:hover { fill: rgb(83, 92, 93); }
}

.patti-bet-svg-prompt { stroke-width: 0.2rem; stroke: rgb(14, 191, 106); }

@keyframes blink { 
  20% { stroke-width: 0.2rem; stroke: rgb(14, 191, 106); }
}

html:not(.dark) .baccarat-bet-svg, .patti-bet-svg {
  &:hover { fill: rgb(var(--layer5)); }
}

.card-size { width: 5rem; height: 7.5rem; border-radius: 6px; }

.card-shadow { box-shadow: rgba(0, 0, 0, 0.3) -2px -2px 5px; }

.hilo-card-shadow { box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px; }

.card-bg { background-repeat: no-repeat; background-position: center center; background-size: 100%; }

html:not(.dark) .overlayer > div { background-color: rgb(255, 255, 255); }

span[role="slider"] { z-index: 20; }

span[role="slider"].slider-thumb-hover:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAMAAAAABgjDanAAAAkUlEQVRYCe2TywqAIBBFexG0bhf0/39Wq7YtqkVXyI2KmquCIwzazJ2uHJmqYkEAAhCAAARSBOqIYFRtVrQRTah0KLkotlCxCSWf3KT9rZlp7RXmosEVMywxsyaXPbh77KenxIOic5sS38ZsVewJHeWfEmAOSx+OOSwlR59PgDn0meRlmMM8TqggAAEIQOAbBG4SFRh5s+QypQAAAABJRU5ErkJggg==") !important; }

.parity-result { width: 213px; height: 136px; padding: 22px 12px 12px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-shrink: 0; border-radius: 12px; border: 4px solid rgb(255, 255, 255); background: rgb(240, 240, 240); }

html.dark .parity-result { border-color: rgb(74, 83, 84); background: rgb(58, 65, 66); }

.parity-cut-time-progress { background-color: rgb(58, 65, 66); }

html:not(.dark) .parity-cut-time-progress { background-color: rgba(255, 255, 255, 0.5); }

#game2-provably-fair :not(a, .button, h2) { color: rgb(var(--secondary)); }

#game2-provably-fair .button { width: 10rem; }

#game2-provably-fair > div { padding-bottom: 0px !important; }

#game2-provably-fair h2 { color: rgb(var(--primary)); }

.keno-win-amount { padding-left: 2rem !important; }

#roulette-detail .roulette-number { transform: rotate(270deg); }

html.dark .button-second { background-image: none; }

#common-game-detail:empty { display: none; }

.nowidth-input > input { width: auto !important; min-width: 0px !important; }

@supports not (transform-style: preserve-3d) {
  .poker-card-container img { display: none; }
}

#description ul { list-style-type: disc; margin: revert; padding: revert; }

html:not(.dark) #crash-tab button[data-selected] { background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }

.crash-analysis-input { padding: 0px !important; }

.crash-analysis-input > input { width: 100% !important; text-align: center; }

.line { transform-origin: 0px 50%; }

.hashdice-script { margin-top: -1rem; }

.hashdice-script > .grid { gap: 0.75rem; }

.help-pop > .pop-title > .pop-close { padding: 0.25rem; }

.share-pop > .pop-title > .pop-close { padding: 0.25rem; top: 0.75rem; }

.help-pop .pop-content h2 { font-weight: 600; color: rgb(var(--primary)); }

.betslip .pop-content { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; }

.betslip .pop-content, .scroll-container { flex: 1 1 0%; margin: auto 0px; }

.latest-tabs { height: 48px; margin-top: 14px; float: none; }

.latest-tabs > .tabs-btn { padding: 6px 12px; min-width: 100px; flex-basis: auto; }

.spine-player { width: 100%; height: 100%; }

.background-flow { position: absolute; inset: 0px; background: repeating-linear-gradient(to top, rgba(49, 238, 136, 0.1) 0%, rgba(49, 238, 136, 0.2) 25%, rgba(49, 238, 136, 0.4) 50%, rgba(49, 238, 136, 0.2) 75%, rgba(49, 238, 136, 0.1) 100%) 0% 0% / 100% 200% repeat-y; animation: 16s linear 0s infinite normal none running flowBg; z-index: 0; }

.dark .background-flow { background: repeating-linear-gradient(to top, rgba(49, 130, 238, 0.05) 0%, rgba(49, 238, 136, 0.07) 25%, rgba(49, 238, 136, 0.1) 50%, rgba(49, 238, 136, 0.07) 75%, rgba(49, 130, 238, 0.05) 100%) 0% 0% / 100% 200% repeat-y; }

.particle { position: absolute; background-color: rgb(155, 252, 208); border-radius: 50%; animation: auto linear 0s 1 normal forwards running rise, 4s ease-in-out 0s infinite normal none running twinkle; z-index: 1; }

.dark .particle-small { background-color: rgba(13, 208, 104, 0.72); box-shadow: rgba(37, 234, 129, 0.6) 0px 0px 1px 1px; animation: 20s linear 0s 1 normal forwards running rise, 3s ease-in-out 0s infinite normal none running twinkle-dark; }

.dark .particle-medium { background-color: rgba(13, 208, 104, 0.72); box-shadow: rgba(37, 234, 129, 0.6) 0px 0px 1px 1px; animation: 16s linear 0s 1 normal forwards running rise, 3s ease-in-out 0s infinite normal none running twinkle-dark; }

.dark .particle-large { background-color: rgba(13, 208, 104, 0.72); box-shadow: rgba(37, 234, 129, 0.6) 0px 0px 1px 1px; animation: 12s linear 0s 1 normal forwards running rise, 3s ease-in-out 0s infinite normal none running twinkle-dark; }

.particle-small { width: 2px; height: 2px; animation-duration: 20s, 3s; }

.particle-medium { width: 3px; height: 3px; animation-duration: 16s, 3s; }

.particle-large { width: 4px; height: 4px; animation-duration: 12s, 3s; }

@keyframes flowBg { 
  0% { background-position: 0px -100%; }
  100% { background-position: 0px 100%; }
}

@keyframes rise { 
  0% { transform: translateY(0px) translate(0px) scale(1); opacity: 0.2; }
  50% { transform: translateY(-400px) translate(-8px) scale(0.8); opacity: 0.5; }
  100% { transform: translateY(-800px) translate(8px) scale(0.5); opacity: 0; }
}

@keyframes twinkle { 
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.8; }
}

@keyframes twinkle2 { 
  0%, 100% { opacity: 0.1; }
  50% { opacity: 0.2; }
}

.dialog-title > .dialog-back + span { max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html.jbyellowtheme {
  & .jb-slider, & .slider-track-active, & .kb-fill { background-image: linear-gradient(90deg, rgb(255, 212, 0), rgb(255, 174, 0)), linear-gradient(0deg, rgb(255, 194, 16), rgb(255, 207, 84)) !important; }
  & .sort-option.selected { background: linear-gradient(90deg, rgb(255, 212, 0) 0%, rgba(255, 212, 0, 0) 60%), rgb(58, 65, 66) !important; }
  & .detrade {
  --brand: 255 212 0;
  & .detrade-button.bg-brand { background-image: linear-gradient(90deg, rgb(255, 212, 0), rgb(255, 174, 0)), linear-gradient(0deg, rgb(255, 194, 16), rgb(255, 207, 84)); box-shadow: none; }
  & .border-success { --success: 255 212 0; }
}
}

.file\:border-0::file-selector-button { border-width: 0px; }

.file\:bg-transparent::file-selector-button { background-color: transparent; }

.file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }

.placeholder\:text-primary::placeholder { color: rgb(var(--primary) / 1); }

.before\:absolute::before { content: var(--tw-content); position: absolute; }

.before\:-top-1::before { content: var(--tw-content); top: -0.25rem; }

.before\:left-0::before { content: var(--tw-content); left: 0px; }

.before\:right-0::before { content: var(--tw-content); right: 0px; }

.before\:h-1::before { content: var(--tw-content); height: 0.25rem; }

.before\:rounded-lg::before { content: var(--tw-content); border-radius: var(--radius-lg); }

.before\:bg-success::before { content: var(--tw-content); background-color: rgb(var(--success) / 1); }

.before\:bg-warning::before { content: var(--tw-content); background-color: rgb(var(--warning) / 1); }

.after\:inset-x-0::after { content: var(--tw-content); left: 0px; right: 0px; }

.after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; }

.after\:-bottom-\[0\.2rem\]::after { content: var(--tw-content); bottom: -0.2rem; }

.after\:bottom-full::after { content: var(--tw-content); bottom: 100%; }

.after\:left-1\/2::after { content: var(--tw-content); left: 50%; }

.after\:left-full::after { content: var(--tw-content); left: 100%; }

.after\:right-full::after { content: var(--tw-content); right: 100%; }

.after\:top-9::after { content: var(--tw-content); top: 2.25rem; }

.after\:top-\[2\.2rem\]::after { content: var(--tw-content); top: 2.2rem; }

.after\:top-full::after { content: var(--tw-content); top: 100%; }

.after\:-z-10::after { content: var(--tw-content); z-index: -10; }

.after\:-ml-2::after { content: var(--tw-content); margin-left: -0.5rem; }

.after\:h-1\/2::after { content: var(--tw-content); height: 50%; }

.after\:h-2::after { content: var(--tw-content); height: 0.5rem; }

.after\:h-2\.5::after { content: var(--tw-content); height: 0.625rem; }

.after\:w-1\/2::after { content: var(--tw-content); width: 50%; }

.after\:w-2::after { content: var(--tw-content); width: 0.5rem; }

.after\:w-full::after { content: var(--tw-content); width: 100%; }

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

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

.after\:rounded-sm::after { content: var(--tw-content); border-radius: var(--radius-sm); }

.after\:border-2::after { content: var(--tw-content); border-width: 2px; }

.after\:border-\[8px\]::after { content: var(--tw-content); border-width: 8px; }

.after\:border-t-2::after { content: var(--tw-content); border-top-width: 2px; }

.after\:border-b-transparent::after { content: var(--tw-content); border-bottom-color: transparent; }

.after\:border-l-transparent::after { content: var(--tw-content); border-left-color: transparent; }

.after\:border-r-transparent::after { content: var(--tw-content); border-right-color: transparent; }

.after\:border-t-layer5::after { content: var(--tw-content); border-top-color: rgb(var(--layer5) / 1); }

.after\:bg-layer6::after { content: var(--tw-content); background-color: rgb(var(--layer6) / 1); }

.after\:pt-\[100\%\]::after { content: var(--tw-content); padding-top: 100%; }

.after\:pt-\[40\%\]::after { content: var(--tw-content); padding-top: 40%; }

.after\:pt-\[56\.25\%\]::after { content: var(--tw-content); padding-top: 56.25%; }

.after\:opacity-0::after { content: var(--tw-content); opacity: 0; }

.after\:opacity-100::after { content: var(--tw-content); opacity: 1; }

.after\:content-\[\"\"\]::after { --tw-content: ""; content: var(--tw-content); }

.after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); }

.last\:mb-8:last-child { margin-bottom: 2rem; }

.last\:ml-2:last-child { margin-left: 0.5rem; }

.last\:mr-0:last-child { margin-right: 0px; }

.odd\:bg-\[\#e8e8e8\]:nth-child(2n+1) { background-color: rgb(232, 232, 232); }

.even\:gap-0:nth-child(2n) { gap: 0px; }

.even\:gap-0\.5:nth-child(2n) { gap: 0.125rem; }

.last-of-type\:mb-0:last-of-type { margin-bottom: 0px; }

.focus\:border:focus { border-width: 1px; }

.focus\:border-brand:focus { border-color: rgb(var(--brand) / 1); }

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

.focus\:bg-transparent:focus { background-color: transparent; }

.focus\:text-brand:focus { color: rgb(var(--brand) / 1); }

.focus\:text-primary:focus { color: rgb(var(--primary) / 1); }

.focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }

.focus-visible\:border-brand:focus-visible { border-color: rgb(var(--brand) / 1); }

.focus-visible\:\!outline-none:focus-visible { outline: transparent solid 2px !important; outline-offset: 2px !important; }

.focus-visible\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }

.focus-visible\:\!outline-0:focus-visible { outline-width: 0px !important; }

.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }

.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }

.active\:scale-90:active { --tw-scale-x: .9; --tw-scale-y: .9; 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)); }

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

.active\:bg-tab_selected:active { background-color: rgb(var(--tab_selected) / 1); }

.disabled\:pointer-events-none:disabled { pointer-events: none; }

.disabled\:cursor-default:disabled { cursor: default; }

.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }

.disabled\:opacity-100:disabled { opacity: 1; }

.disabled\:opacity-40:disabled { opacity: 0.4; }

.disabled\:opacity-50:disabled { opacity: 0.5; }

.group:focus .group-focus\:outline { outline-style: solid; }

.group:focus .group-focus\:outline-brand { outline-color: rgb(var(--brand) / 1); }

.group.error .group-\[\.error\]\:text-primary, .group.success .group-\[\.success\]\:text-primary { color: rgb(var(--primary) / 1); }

.peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; }

.peer:disabled ~ .peer-disabled\:opacity-40 { opacity: 0.4; }

.data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }

.data-\[orientation\=horizontal\]\:bottom-\[-1px\][data-orientation="horizontal"] { bottom: -1px; }

.data-\[orientation\=vertical\]\:right-\[-1px\][data-orientation="vertical"] { right: -1px; }

.data-\[orientation\=horizontal\]\:h-0\.5[data-orientation="horizontal"] { height: 0.125rem; }

.data-\[orientation\=vertical\]\:w-0\.5[data-orientation="vertical"] { width: 0.125rem; }

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.data-\[swipe\=end\]\:translate-x-\[var\(--kb-toast-swipe-end-x\)\][data-swipe="end"] { --tw-translate-x: var(--kb-toast-swipe-end-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.data-\[swipe\=move\]\:translate-x-\[var\(--kb-toast-swipe-move-x\)\][data-swipe="move"] { --tw-translate-x: var(--kb-toast-swipe-move-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.data-\[disabled\]\:cursor-default[data-disabled] { cursor: default; }

.data-\[disabled\]\:cursor-not-allowed[data-disabled] { cursor: not-allowed; }

.data-\[checked\]\:border-none[data-checked] { border-style: none; }

.data-\[invalid\]\:border-error[data-invalid] { border-color: rgb(var(--error) / 1); }

.data-\[checked\]\:bg-brand[data-checked] { background-color: rgb(var(--brand) / 1); }

.data-\[pressed\]\:bg-brand_alt[data-pressed] { background-color: rgb(var(--brand_alt) / 1); }

.data-\[pressed\]\:bg-layer4[data-pressed] { background-color: rgb(var(--layer4) / 1); }

.data-\[selected\]\:bg-tab_selected[data-selected] { background-color: rgb(var(--tab_selected) / 1); }

.data-\[invalid\]\:text-secondary[data-invalid] { color: rgb(var(--secondary) / 1); }

.data-\[pressed\]\:text-brand[data-pressed] { color: rgb(var(--brand) / 1); }

.data-\[selected\]\:text-primary[data-selected] { color: rgb(var(--primary) / 1); }

.data-\[disabled\]\:opacity-40[data-disabled] { opacity: 0.4; }

.data-\[swipe\=move\]\:transition-none[data-swipe="move"] { transition-property: none; }

.data-\[transitioning\]\:transition-colors[data-transitioning] { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; }

.data-\[transitioning\]\:transition-transform[data-transitioning] { transition-property: transform; transition-duration: 0.15s; }

.data-\[transitioning\]\:duration-300[data-transitioning] { transition-duration: 0.3s; }

.data-\[expanded\]\:animate-in[data-expanded], .data-\[opened\]\:animate-in[data-opened] { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }

.data-\[closed\]\:animate-out[data-closed], .data-\[swipe\=end\]\:animate-out[data-swipe="end"] { animation-name: exit; animation-duration: 0.15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }

.data-\[closed\]\:fade-out-0[data-closed] { --tw-exit-opacity: 0; }

.data-\[closed\]\:fade-out-80[data-closed] { --tw-exit-opacity: .8; }

.data-\[expanded\]\:fade-in-0[data-expanded] { --tw-enter-opacity: 0; }

.data-\[closed\]\:zoom-out-95[data-closed] { --tw-exit-scale: .95; }

.data-\[expanded\]\:zoom-in-95[data-expanded] { --tw-enter-scale: .95; }

.data-\[closed\]\:slide-out-to-left-full[data-closed] { --tw-exit-translate-x: -100%; }

.data-\[closed\]\:slide-out-to-right-full[data-closed] { --tw-exit-translate-x: 100%; }

.data-\[opened\]\:slide-in-from-top-full[data-opened] { --tw-enter-translate-y: -100%; }

.group[data-checked] .group-data-\[checked\]\:hidden { display: none; }

@container (min-width: 28rem) {
  .\@md\:mt-4 { margin-top: 1rem; }
}

@container (min-width: 36rem) {
  .\@xl\:absolute { position: absolute; }
  .\@xl\:-bottom-\[4\.5rem\] { bottom: -4.5rem; }
  .\@xl\:-right-5 { right: -1.25rem; }
  .\@xl\:bottom-24 { bottom: 6rem; }
  .\@xl\:bottom-\[9\.7rem\] { bottom: 9.7rem; }
  .\@xl\:left-0 { left: 0px; }
  .\@xl\:left-0\.5 { left: 0.125rem; }
  .\@xl\:left-1\/2 { left: 50%; }
  .\@xl\:top-14 { top: 3.5rem; }
  .\@xl\:top-auto { top: auto; }
  .\@xl\:z-100 { z-index: 100; }
  .\@xl\:order-last { order: 9999; }
  .\@xl\:mb-5 { margin-bottom: 1.25rem; }
  .\@xl\:ml-1 { margin-left: 0.25rem; }
  .\@xl\:ml-1\.5 { margin-left: 0.375rem; }
  .\@xl\:ml-3 { margin-left: 0.75rem; }
  .\@xl\:ml-3\.5 { margin-left: 0.875rem; }
  .\@xl\:ml-5 { margin-left: 1.25rem; }
  .\@xl\:mr-11 { margin-right: 2.75rem; }
  .\@xl\:mr-3 { margin-right: 0.75rem; }
  .\@xl\:mr-6 { margin-right: 1.5rem; }
  .\@xl\:mt-10 { margin-top: 2.5rem; }
  .\@xl\:mt-4 { margin-top: 1rem; }
  .\@xl\:mt-8 { margin-top: 2rem; }
  .\@xl\:block { display: block; }
  .\@xl\:aspect-square { aspect-ratio: 1 / 1; }
  .\@xl\:size-6 { width: 1.5rem; height: 1.5rem; }
  .\@xl\:\!h-\[40rem\] { height: 40rem !important; }
  .\@xl\:\!h-\[48rem\] { height: 48rem !important; }
  .\@xl\:\!h-\[60rem\] { height: 60rem !important; }
  .\@xl\:h-10 { height: 2.5rem; }
  .\@xl\:h-18 { height: 4.5rem; }
  .\@xl\:h-8 { height: 2rem; }
  .\@xl\:h-\[35rem\] { height: 35rem; }
  .\@xl\:w-14 { width: 3.5rem; }
  .\@xl\:w-20 { width: 5rem; }
  .\@xl\:w-\[21rem\] { width: 21rem; }
  .\@xl\:w-\[22rem\] { width: 22rem; }
  .\@xl\:w-\[27\.5rem\] { width: 27.5rem; }
  .\@xl\:w-\[37\.5rem\] { width: 37.5rem; }
  .\@xl\:w-\[45rem\] { width: 45rem; }
  .\@xl\:w-\[5\.73rem\] { width: 5.73rem; }
  .\@xl\:w-full { width: 100%; }
  .\@xl\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .\@xl\:rotate-0 { --tw-rotate: 0deg; 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)); }
  .\@xl\:flex-row { flex-direction: row; }
  .\@xl\:\!bg-transparent { background-color: transparent !important; }
  .\@xl\:p-0 { padding: 0px; }
  .\@xl\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .\@xl\:pl-6 { padding-left: 1.5rem; }
  .\@xl\:pr-4 { padding-right: 1rem; }
}

@container (min-width: 42rem) {
  .\@2xl\:mx-auto { margin-left: auto; margin-right: auto; }
  .\@2xl\:mb-2 { margin-bottom: 0.5rem; }
  .\@2xl\:mt-16 { margin-top: 4rem; }
  .\@2xl\:mt-6 { margin-top: 1.5rem; }
  .\@2xl\:block { display: block; }
  .\@2xl\:flex { display: flex; }
  .\@2xl\:hidden { display: none; }
  .\@2xl\:\!h-full { height: 100% !important; }
  .\@2xl\:h-100 { height: 25rem; }
  .\@2xl\:h-12 { height: 3rem; }
  .\@2xl\:w-1\/2 { width: 50%; }
  .\@2xl\:w-3\/4 { width: 75%; }
  .\@2xl\:w-\[40rem\] { width: 40rem; }
  .\@2xl\:max-w-100 { max-width: 25rem; }
  .\@2xl\:max-w-\[30rem\] { max-width: 30rem; }
  .\@2xl\:items-center { align-items: center; }
  .\@2xl\:justify-end { justify-content: flex-end; }
  .\@2xl\:justify-center { justify-content: center; }
  .\@2xl\:p-4 { padding: 1rem; }
  .\@2xl\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .\@2xl\:pt-3 { padding-top: 0.75rem; }
}

@container (min-width: 56rem) {
  .\@4xl\:static { position: static; }
  .\@4xl\:relative { position: relative; }
  .\@4xl\:sticky { position: sticky; }
  .\@4xl\:left-0 { left: 0px; }
  .\@4xl\:order-1 { order: 1; }
  .\@4xl\:order-2 { order: 2; }
  .\@4xl\:order-first { order: -9999; }
  .\@4xl\:order-none { order: 0; }
  .\@4xl\:\!col-span-3 { grid-column: span 3 / span 3 !important; }
  .\@4xl\:\!col-span-7 { grid-column: span 7 / span 7 !important; }
  .\@4xl\:\!col-span-8 { grid-column: span 8 / span 8 !important; }
  .\@4xl\:col-span-1 { grid-column: span 1 / span 1; }
  .\@4xl\:col-span-3 { grid-column: span 3 / span 3; }
  .\@4xl\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .\@4xl\:-mt-2 { margin-top: -0.5rem; }
  .\@4xl\:-mt-2\.5 { margin-top: -0.625rem; }
  .\@4xl\:-mt-40 { margin-top: -10rem; }
  .\@4xl\:mb-2 { margin-bottom: 0.5rem; }
  .\@4xl\:mb-3 { margin-bottom: 0.75rem; }
  .\@4xl\:mb-4 { margin-bottom: 1rem; }
  .\@4xl\:ml-2 { margin-left: 0.5rem; }
  .\@4xl\:mt-0 { margin-top: 0px; }
  .\@4xl\:mt-1 { margin-top: 0.25rem; }
  .\@4xl\:mt-10 { margin-top: 2.5rem; }
  .\@4xl\:mt-2 { margin-top: 0.5rem; }
  .\@4xl\:block { display: block; }
  .\@4xl\:\!flex { display: flex !important; }
  .\@4xl\:flex { display: flex; }
  .\@4xl\:hidden { display: none; }
  .\@4xl\:size-14 { width: 3.5rem; height: 3.5rem; }
  .\@4xl\:h-10 { height: 2.5rem; }
  .\@4xl\:h-\[37\.5rem\] { height: 37.5rem; }
  .\@4xl\:h-full { height: 100%; }
  .\@4xl\:max-h-full { max-height: 100%; }
  .\@4xl\:min-h-\[28rem\] { min-height: 28rem; }
  .\@4xl\:min-h-\[42rem\] { min-height: 42rem; }
  .\@4xl\:w-1\/2 { width: 50%; }
  .\@4xl\:w-100 { width: 25rem; }
  .\@4xl\:w-\[24\.5rem\] { width: 24.5rem; }
  .\@4xl\:max-w-100 { max-width: 25rem; }
  .\@4xl\:max-w-\[24\.5rem\] { max-width: 24.5rem; }
  .\@4xl\:flex-shrink-0 { flex-shrink: 0; }
  .\@4xl\:\!flex-grow { flex-grow: 1 !important; }
  .\@4xl\:\!grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)) !important; }
  .\@4xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)); }
  .\@4xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .\@4xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .\@4xl\:grid-cols-\[minmax\(22\.5rem\,22\.5rem\)_auto\] { grid-template-columns: minmax(22.5rem, 22.5rem) auto; }
  .\@4xl\:flex-row { flex-direction: row; }
  .\@4xl\:gap-0 { gap: 0px; }
  .\@4xl\:gap-0\.5 { gap: 0.125rem; }
  .\@4xl\:gap-2 { gap: 0.5rem; }
  .\@4xl\:gap-x-1 { column-gap: 0.25rem; }
  .\@4xl\:gap-y-3 { row-gap: 0.75rem; }
  .\@4xl\:justify-self-end { justify-self: end; }
  .\@4xl\:overflow-auto { overflow: auto; }
  .\@4xl\:\!overflow-hidden { overflow: hidden !important; }
  .\@4xl\:overflow-hidden { overflow: hidden; }
  .\@4xl\:overflow-y-auto { overflow-y: auto; }
  .\@4xl\:overflow-x-scroll { overflow-x: scroll; }
  .\@4xl\:rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
  .\@4xl\:rounded-tl-none { border-top-left-radius: 0px; }
  .\@4xl\:rounded-tl-xl { border-top-left-radius: var(--radius-xl); }
  .\@4xl\:rounded-tr-xl { border-top-right-radius: var(--radius-xl); }
  .\@4xl\:border-b { border-bottom-width: 1px; }
  .\@4xl\:border-r { border-right-width: 1px; }
  .\@4xl\:border-input { border-color: rgb(var(--input) / 1); }
  .\@4xl\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .\@4xl\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .\@4xl\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .\@4xl\:pb-0 { padding-bottom: 0px; }
  .\@4xl\:pl-6 { padding-left: 1.5rem; }
  .\@4xl\:pt-0 { padding-top: 0px; }
  .\@4xl\:pt-0\.5 { padding-top: 0.125rem; }
  .\@4xl\:pt-2 { padding-top: 0.5rem; }
  .\@4xl\:pt-3 { padding-top: 0.75rem; }
}

@container (min-width: 64rem) {
  .\@5xl\:relative { position: relative; }
  .\@5xl\:sticky { position: sticky; }
  .\@5xl\:\!order-first { order: -9999 !important; }
  .\@5xl\:order-2 { order: 2; }
  .\@5xl\:order-first { order: -9999; }
  .\@5xl\:order-none { order: 0; }
  .\@5xl\:\!col-span-7 { grid-column: span 7 / span 7 !important; }
  .\@5xl\:col-span-1 { grid-column: span 1 / span 1; }
  .\@5xl\:col-span-3 { grid-column: span 3 / span 3; }
  .\@5xl\:ml-2 { margin-left: 0.5rem; }
  .\@5xl\:mt-0 { margin-top: 0px; }
  .\@5xl\:flex { display: flex; }
  .\@5xl\:h-\[37\.5rem\] { height: 37.5rem; }
  .\@5xl\:h-full { height: 100%; }
  .\@5xl\:w-\[20rem\] { width: 20rem; }
  .\@5xl\:flex-1 { flex: 1 1 0%; }
  .\@5xl\:\!grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)) !important; }
  .\@5xl\:grid-cols-\[minmax\(22\.5rem\,22\.5rem\)_auto\] { grid-template-columns: minmax(22.5rem, 22.5rem) auto; }
  .\@5xl\:overflow-y-auto { overflow-y: auto; }
  .\@5xl\:rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
  .\@5xl\:rounded-tl-none { border-top-left-radius: 0px; }
  .\@5xl\:rounded-tl-xl { border-top-left-radius: var(--radius-xl); }
  .\@5xl\:rounded-tr-xl { border-top-right-radius: var(--radius-xl); }
  .\@5xl\:border-b { border-bottom-width: 1px; }
  .\@5xl\:border-r { border-right-width: 1px; }
  .\@5xl\:border-input { border-color: rgb(var(--input) / 1); }
  .\@5xl\:pb-0 { padding-bottom: 0px; }
  .\@5xl\:pt-0 { padding-top: 0px; }
  .\@5xl\:pt-0\.5 { padding-top: 0.125rem; }
  .\@5xl\:pt-2 { padding-top: 0.5rem; }
}

@container (min-width: 72rem) {
  .\@6xl\:size-18 { width: 4.5rem; height: 4.5rem; }
}

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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\:scale-125:hover { --tw-scale-x: 1.25; --tw-scale-y: 1.25; 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\:border-b-2:hover { border-bottom-width: 2px; }
  .hover\:\!bg-\[\#7D40CF\]:hover { background-color: rgb(125, 64, 207) !important; }
  .hover\:bg-\[\#00000013\]:hover { background-color: rgba(0, 0, 0, 0.075); }
  .hover\:bg-brand_alt:hover { background-color: rgb(var(--brand_alt) / 1); }
  .hover\:bg-layer4:hover { background-color: rgb(var(--layer4) / 1); }
  .hover\:bg-layer5:hover { background-color: rgb(var(--layer5) / 1); }
  .hover\:bg-layer6:hover { background-color: rgb(var(--layer6) / 1); }
  .hover\:bg-primary:hover { background-color: rgb(var(--primary) / 1); }
  .hover\:from-\[\#9fe871\]:hover { --tw-gradient-from: #9fe871 var(--tw-gradient-from-position); --tw-gradient-to: rgb(159 232 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
  .hover\:to-\[\#31ee88\]:hover { --tw-gradient-to: #31ee88 var(--tw-gradient-to-position); }
  .hover\:text-\[\#000\]:hover { color: rgb(0, 0, 0); }
  .hover\:text-brand:hover { color: rgb(var(--brand) / 1); }
  .hover\:text-error:hover { color: rgb(var(--error) / 1); }
  .hover\:text-primary:hover { color: rgb(var(--primary) / 1); }
  .hover\:text-secondary:hover { color: rgb(var(--secondary) / 1); }
  .hover\:underline:hover { text-decoration-line: underline; }
  .hover\:opacity-100:hover { opacity: 1; }
  .hover\:opacity-80:hover { opacity: 0.8; }
  .hover\:shadow-main-drop:hover { --tw-shadow: 0px 0px 12px 0px #23EE884D; --tw-shadow-colored: 0px 0px 12px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
  .hover\:duration-300:hover { transition-duration: 0.3s; animation-duration: 0.3s; }
  .group:hover .group-hover\:top-0 { top: 0px; }
  .group:hover .group-hover\:block { display: block; }
  .group:hover .group-hover\:hidden { display: none; }
  .group:hover .group-hover\:rounded-lg { border-radius: var(--radius-lg); }
  .group:hover .group-hover\:rounded-md { border-radius: var(--radius-md); }
  .group:hover .group-hover\:text-\[\#000\] { color: rgb(0, 0, 0); }
  .group:hover .group-hover\:opacity-100 { opacity: 1; }
}

.dark .dark\:\!border-\[\#292D2E\] { border-color: rgb(41, 45, 46) !important; }

.dark .dark\:border-\[\#3A4142\] { border-color: rgb(58, 65, 66); }

.dark .dark\:border-\[\#3F4446\] { border-color: rgb(63, 68, 70); }

.dark .dark\:border-\[\#3a4142\] { border-color: rgb(58, 65, 66); }

.dark .dark\:border-\[\#9FA5AC4D\] { border-color: rgba(159, 165, 172, 0.3); }

.dark .dark\:border-layer5 { border-color: rgb(var(--layer5) / 1); }

.dark .dark\:border-b-\[\#3A4142\] { border-bottom-color: rgb(58, 65, 66); }

.dark .dark\:\!bg-input_bright { background-color: rgb(var(--input_bright) / 1) !important; }

.dark .dark\:\!bg-layer2 { background-color: rgb(var(--layer2) / 1) !important; }

.dark .dark\:\!bg-layer3 { background-color: rgb(var(--layer3) / 1) !important; }

.dark .dark\:bg-\[\#1E2121\] { background-color: rgb(30, 33, 33); }

.dark .dark\:bg-\[\#232626\] { background-color: rgb(35, 38, 38); }

.dark .dark\:bg-\[\#24EE891A\] { background-color: rgba(36, 238, 137, 0.1); }

.dark .dark\:bg-\[\#292D2E\] { background-color: rgb(41, 45, 46); }

.dark .dark\:bg-\[\#3A4142\] { background-color: rgb(58, 65, 66); }

.dark .dark\:bg-\[\#444C4D\] { background-color: rgb(68, 76, 77); }

.dark .dark\:bg-\[\#4A5354\] { background-color: rgb(74, 83, 84); }

.dark .dark\:bg-\[\#5e6869\] { background-color: rgb(94, 104, 105); }

.dark .dark\:bg-black_alpha10 { background-color: rgba(0, 0, 0, 0.1); }

.dark .dark\:bg-black_alpha5 { background-color: rgba(0, 0, 0, 0.05); }

.dark .dark\:bg-input_bright { background-color: rgb(var(--input_bright) / 1); }

.dark .dark\:bg-layer1 { background-color: rgb(var(--layer1) / 1); }

.dark .dark\:bg-layer3 { background-color: rgb(var(--layer3) / 1); }

.dark .dark\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }

.dark .dark\:bg-tab_selected { background-color: rgb(var(--tab_selected) / 1); }

.dark .dark\:bg-white_alpha5 { background-color: rgba(255, 255, 255, 0.05); }

.dark .dark\:text-\[\#99A1A1\] { color: rgb(153, 161, 161); }

.dark .dark\:text-\[\#B3BEC1\] { color: rgb(179, 190, 193); }

.dark .dark\:text-\[\#FFFFFF\] { color: rgb(255, 255, 255); }

.dark .dark\:text-\[\#bfc9d3\] { color: rgb(191, 201, 211); }

.dark .dark\:text-\[\#fff\], .dark .dark\:text-\[\#ffffff\] { color: rgb(255, 255, 255); }

.dark .dark\:text-primary { color: rgb(var(--primary) / 1); }

.dark .dark\:opacity-\[0\.04\] { opacity: 0.04; }

.dark .odd\:dark\:bg-layer5-table:nth-child(2n+1) { background-color: rgb(var(--layer5-table) / 1); }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .dark .dark\:hover\:bg-\[\#4A5354\]:hover { background-color: rgb(74, 83, 84); }
  .dark .dark\:hover\:bg-\[\#545F60\]:hover { background-color: rgb(84, 95, 96); }
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb { border-radius: 9999px; }

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#E5E5E5\]::-webkit-scrollbar-thumb { background-color: rgb(229, 229, 229); }

.dark .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#4A5354\]::-webkit-scrollbar-thumb { background-color: rgb(74, 83, 84); }

.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track { background-color: transparent; }

.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar { width: 0.25rem; }

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: 0px; }

.\[\&\[data-expanded\]_svg\]\:rotate-90[data-expanded] svg { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; }

.\[\&_tr\]\:\!bg-layer4 tr { background-color: rgb(var(--layer4) / 1) !important; }

.vip-join-button { --bonus-gradients-vip-join-button: linear-gradient(270deg, #FBD765 0%, #EF9E3F 100%); background-image: var(--bonus-gradients-vip-join-button); box-shadow: rgb(211, 135, 44) 0px -2px inset; }

.popup-rules { list-style-type: none; }

.popup-rules li { position: relative; padding-left: 1rem; }

.popup-rules li::before { content: "•"; position: absolute; left: 0px; }

.popup-full { padding: 0px; }

.popup-full .pop-title { display: none; }

.spin-select div { background-color: transparent; }

.spin-popup { background-color: transparent !important; padding-top: 0px !important; }

.spin-popup .pop-content { padding: 0px !important; }

.spin-popup .pop-title { display: none; }

.-inset-1 { inset: -0.25rem; }

.-bottom-24 { bottom: -6rem; }

.-bottom-28 { bottom: -7rem; }

.-bottom-44 { bottom: -11rem; }

.-bottom-72 { bottom: -18rem; }

.-bottom-8 { bottom: -2rem; }

.-bottom-80 { bottom: -20rem; }

.-left-8 { left: -2rem; }

.-left-\[0\.3rem\] { left: -0.3rem; }

.-left-full { left: -100%; }

.-top-32 { top: -8rem; }

.-top-40 { top: -10rem; }

.-top-56 { top: -14rem; }

.-top-\[16rem\] { top: -16rem; }

.-top-full { top: -100%; }

.bottom-\[1\.76rem\] { bottom: 1.76rem; }

.left-18 { left: 4.5rem; }

.left-\[15\%\] { left: 15%; }

.left-\[23\%\] { left: 23%; }

.right-1\/3 { right: 33.3333%; }

.right-20 { right: 5rem; }

.right-\[1\.5rem\] { right: 1.5rem; }

.right-\[20\%\] { right: 20%; }

.right-\[22\%\] { right: 22%; }

.top-\[-140\%\] { top: -140%; }

.top-\[0\.75rem\] { top: 0.75rem; }

.top-\[100\%\] { top: 100%; }

.top-\[65\%\] { top: 65%; }

.top-\[7\.5rem\] { top: 7.5rem; }

.\!z-\[98\] { z-index: 98 !important; }

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

.z-\[98\] { z-index: 98; }

.float-end { float: inline-end; }

.-m-4 { margin: -1rem; }

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

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

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

.-mb-6 { margin-bottom: -1.5rem; }

.-mr-2 { margin-right: -0.5rem; }

.-mr-4 { margin-right: -1rem; }

.-mt-12 { margin-top: -3rem; }

.-mt-14 { margin-top: -3.5rem; }

.-mt-3 { margin-top: -0.75rem; }

.-mt-5 { margin-top: -1.25rem; }

.-mt-8 { margin-top: -2rem; }

.ml-12 { margin-left: 3rem; }

.ml-\[0\.1rem\] { margin-left: 0.1rem; }

.mr-8 { margin-right: 2rem; }

.mt-36 { margin-top: 9rem; }

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

.mt-\[9rem\] { margin-top: 9rem; }

.\!box-border { box-sizing: border-box !important; }

.size-\[20rem\] { width: 20rem; height: 20rem; }

.size-\[250\%\] { width: 250%; height: 250%; }

.size-\[26rem\] { width: 26rem; height: 26rem; }

.size-\[4\.5rem\] { width: 4.5rem; height: 4.5rem; }

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

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

.h-\[0\.5rem\] { height: 0.5rem; }

.h-\[0\.65rem\] { height: 0.65rem; }

.h-\[1\.375rem\] { height: 1.375rem; }

.h-\[10rem\] { height: 10rem; }

.h-\[11\.25rem\] { height: 11.25rem; }

.h-\[12\.5rem\] { height: 12.5rem; }

.h-\[16\.5rem\] { height: 16.5rem; }

.h-\[17\.875rem\] { height: 17.875rem; }

.h-\[170px\] { height: 170px; }

.h-\[17rem\] { height: 17rem; }

.h-\[18\.56rem\] { height: 18.56rem; }

.h-\[2\.4rem\] { height: 2.4rem; }

.h-\[21rem\] { height: 21rem; }

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

.h-\[26rem\] { height: 26rem; }

.h-\[29\.25rem\] { height: 29.25rem; }

.h-\[3\.5rem\] { height: 3.5rem; }

.h-\[3\.75rem\] { height: 3.75rem; }

.h-\[3\.875rem\] { height: 3.875rem; }

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

.h-\[33\%\] { height: 33%; }

.h-\[4rem\] { height: 4rem; }

.h-\[5\.5rem\] { height: 5.5rem; }

.h-\[510px\] { height: 510px; }

.h-\[534px\] { height: 534px; }

.h-\[58px\] { height: 58px; }

.h-\[5rem\] { height: 5rem; }

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

.\!min-h-10 { min-height: 2.5rem !important; }

.min-h-7 { min-height: 1.75rem; }

.min-h-\[18\.5rem\] { min-height: 18.5rem; }

.min-h-\[28rem\] { min-height: 28rem; }

.min-h-\[9\.5rem\] { min-height: 9.5rem; }

.\!w-60 { width: 15rem !important; }

.\!w-80 { width: 20rem !important; }

.\!w-\[28rem\] { width: 28rem !important; }

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

.\!w-screen { width: 100vw !important; }

.w-\[0\.65rem\] { width: 0.65rem; }

.w-\[1\.5rem\] { width: 1.5rem; }

.w-\[10\.25rem\] { width: 10.25rem; }

.w-\[11\.375rem\] { width: 11.375rem; }

.w-\[13\.375rem\] { width: 13.375rem; }

.w-\[13\.75rem\] { width: 13.75rem; }

.w-\[13rem\] { width: 13rem; }

.w-\[14\.5rem\] { width: 14.5rem; }

.w-\[15\.625rem\] { width: 15.625rem; }

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

.w-\[18rem\] { width: 18rem; }

.w-\[21rem\] { width: 21rem; }

.w-\[22px\] { width: 22px; }

.w-\[23\.75rem\] { width: 23.75rem; }

.w-\[23rem\] { width: 23rem; }

.w-\[24\.125rem\] { width: 24.125rem; }

.w-\[25\.625rem\] { width: 25.625rem; }

.w-\[26\.625rem\] { width: 26.625rem; }

.w-\[26rem\] { width: 26rem; }

.w-\[27rem\] { width: 27rem; }

.w-\[30\.3rem\] { width: 30.3rem; }

.w-\[33\.375rem\] { width: 33.375rem; }

.w-\[37\.5rem\] { width: 37.5rem; }

.w-\[392px\] { width: 392px; }

.w-\[4\.5em\] { width: 4.5em; }

.w-\[4\.5rem\] { width: 4.5rem; }

.w-\[44\.125rem\] { width: 44.125rem; }

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

.w-\[7\.25rem\] { width: 7.25rem; }

.w-\[7\.75rem\] { width: 7.75rem; }

.w-\[80rem\] { width: 80rem; }

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

.\!min-w-100 { min-width: 25rem !important; }

.\!min-w-48 { min-width: 12rem !important; }

.\!min-w-52 { min-width: 13rem !important; }

.\!min-w-\[22rem\] { min-width: 22rem !important; }

.min-w-15 { min-width: 3.75rem; }

.min-w-40 { min-width: 10rem; }

.min-w-64 { min-width: 16rem; }

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

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

.max-w-32 { max-width: 8rem; }

.max-w-44 { max-width: 11rem; }

.max-w-\[11\.375rem\] { max-width: 11.375rem; }

.max-w-\[25rem\] { max-width: 25rem; }

.max-w-\[26rem\] { max-width: 26rem; }

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

.max-w-\[8\.125rem\] { max-width: 8.125rem; }

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

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

.grow { flex-grow: 1; }

.basis-1\/3 { flex-basis: 33.3333%; }

.basis-16 { flex-basis: 4rem; }

.basis-20 { flex-basis: 5rem; }

.\!translate-y-10 { --tw-translate-y: 2.5rem !important; 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)) !important; }

.-translate-y-2 { --tw-translate-y: -.5rem; 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\/3 { --tw-translate-y: -66.666667%; 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-3 { --tw-translate-y: -.75rem; 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(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(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-8 { --tw-translate-x: 2rem; 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\/4 { --tw-translate-y: 25%; 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-12 { --tw-translate-y: 3rem; 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-24 { --tw-translate-y: 6rem; 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-3 { --tw-translate-y: .75rem; 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),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-6 { --tw-translate-y: 1.5rem; 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-8 { --tw-translate-y: 2rem; 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-90 { --tw-rotate: -90deg !important; 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)) !important; }

.scale-x-\[-1\] { --tw-scale-x: -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)); }

.snap-both { scroll-snap-type: both var(--tw-scroll-snap-strictness); }

.grid-flow-row { grid-auto-flow: row; }

.\!items-start { align-items: flex-start !important; }

.justify-stretch { justify-content: stretch; }

.gap-10 { gap: 2.5rem; }

.gap-14 { gap: 3.5rem; }

.gap-x-7 { column-gap: 1.75rem; }

.gap-y-12 { row-gap: 3rem; }

.gap-y-5 { row-gap: 1.25rem; }

.gap-y-6 { row-gap: 1.5rem; }

.gap-y-7 { row-gap: 1.75rem; }

.gap-y-8 { row-gap: 2rem; }

.divide-black_alpha5 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(0, 0, 0, 0.05); }

.text-pretty { text-wrap: pretty; }

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

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

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

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

.border-\[1\.6px\] { border-width: 1.6px; }

.border-l-\[0\.5px\] { border-left-width: 0.5px; }

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

.border-\[\#FFFFFF91\] { border-color: rgba(255, 255, 255, 0.57); }

.border-\[rgba\(255\,255\,255\,0\.05\)\] { border-color: rgba(255, 255, 255, 0.05); }

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

.border-black_alpha5 { border-color: rgba(0, 0, 0, 0.05); }

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

.border-l-second { border-left-color: var(--second); }

.bg-\[\#05964F\] { background-color: rgb(5, 150, 79); }

.bg-\[\#0e7a3d\] { background-color: rgb(14, 122, 61); }

.bg-\[\#24EE8933\] { background-color: rgba(36, 238, 137, 0.2); }

.bg-\[\#24EE894D\] { background-color: rgba(36, 238, 137, 0.3); }

.bg-\[\#565B65\] { background-color: rgb(86, 91, 101); }

.bg-\[\#59FFBC\] { background-color: rgb(89, 255, 188); }

.bg-\[\#653120\] { background-color: rgb(101, 49, 32); }

.bg-\[\#690ee0\] { background-color: rgb(105, 14, 224); }

.bg-\[\#7635D1\] { background-color: rgb(118, 53, 209); }

.bg-\[\#9432F5\] { background-color: rgb(148, 50, 245); }

.bg-\[\#D3E9E0\] { background-color: rgb(211, 233, 224); }

.bg-\[\#EB9106\] { background-color: rgb(235, 145, 6); }

.bg-\[\#F2CD3B\] { background-color: rgb(242, 205, 59); }

.bg-\[\#FFD557\] { background-color: rgb(255, 213, 87); }

.bg-\[\#c16959\] { background-color: rgb(193, 105, 89); }

.bg-\[\#eb9106\] { background-color: rgb(235, 145, 6); }

.bg-\[rgba\(255\,_152\,_32\,_0\.30\)\] { background-color: rgba(255, 152, 32, 0.3); }

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

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

.bg-white_alpha5, .bg-white_alpha5\/5 { background-color: rgba(255, 255, 255, 0.05); }

.bg-\[url\(\'src\/features\/affiliate\/assets\/invite_bg\.png\'\)\] { background-image: url("/modules/bonus2/assets/invite_bg-f5a39697.png"); }

.bg-gradient-to-bl { background-image: linear-gradient(to bottom left,var(--tw-gradient-stops)); }

.from-\[\#24EE89\] { --tw-gradient-from: #24EE89 var(--tw-gradient-from-position); --tw-gradient-to: rgb(36 238 137 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#D2EC27\] { --tw-gradient-from: #D2EC27 var(--tw-gradient-from-position); --tw-gradient-to: rgb(210 236 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#EE8624\] { --tw-gradient-from: #EE8624 var(--tw-gradient-from-position); --tw-gradient-to: rgb(238 134 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#FFA600\] { --tw-gradient-from: #FFA600 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 166 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#FFCB27\] { --tw-gradient-from: #FFCB27 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 203 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#FFF484\] { --tw-gradient-from: #FFF484 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 244 132 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[rgb\(var\(--brand\)\/\.2\)\] { --tw-gradient-from: rgb(var(--brand)/.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--brand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-brand { --tw-gradient-from: rgb(var(--brand) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--brand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-layer4 { --tw-gradient-from: rgb(var(--layer4) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--layer4) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[-88\%\] { --tw-gradient-from-position: -88%; }

.to-\[\#E6B820\] { --tw-gradient-to: #E6B820 var(--tw-gradient-to-position); }

.to-\[\#FF8D08\] { --tw-gradient-to: #FF8D08 var(--tw-gradient-to-position); }

.to-\[\#FFE47B\] { --tw-gradient-to: #FFE47B var(--tw-gradient-to-position); }

.to-brand_alt { --tw-gradient-to: rgb(var(--brand_alt) / 1) var(--tw-gradient-to-position); }

.to-layer6 { --tw-gradient-to: rgb(var(--layer6) / 1) var(--tw-gradient-to-position); }

.to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); }

.to-\[46\%\] { --tw-gradient-to-position: 46%; }

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

.bg-origin-border { background-origin: border-box; }

.object-fill { object-fit: fill; }

.p-12 { padding: 3rem; }

.p-4\.5 { padding: 1.125rem; }

.p-\[0\.2rem\] { padding: 0.2rem; }

.p-\[1\.5px\] { padding: 1.5px; }

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

.\!px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }

.\!px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }

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

.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }

.py-\[0\.0625rem\] { padding-top: 0.0625rem; padding-bottom: 0.0625rem; }

.py-\[0\.35rem\] { padding-top: 0.35rem; padding-bottom: 0.35rem; }

.pb-14 { padding-bottom: 3.5rem; }

.pl-10 { padding-left: 2.5rem; }

.pr-11 { padding-right: 2.75rem; }

.pr-32 { padding-right: 8rem; }

.pt-10 { padding-top: 2.5rem; }

.pt-24 { padding-top: 6rem; }

.pt-st { padding-top: var(--safe-top); }

.text-start { text-align: start; }

.\!text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; }

.text-\[0\.4rem\] { font-size: 0.4rem; }

.text-\[0\.687rem\] { font-size: 0.687rem; }

.text-\[1\.5rem\] { font-size: 1.5rem; }

.text-\[2\.125rem\] { font-size: 2.125rem; }

.text-\[20px\] { font-size: 20px; }

.text-\[24px\] { font-size: 24px; }

.text-\[5rem\] { font-size: 5rem; }

.font-\[700\] { font-weight: 700; }

.leading-snug { line-height: 1.375; }

.tracking-tighter { letter-spacing: -0.05em; }

.text-\[\#17103C\] { color: rgb(23, 16, 60); }

.text-\[\#60310A\] { color: rgb(96, 49, 10); }

.text-\[\#B83B18\] { color: rgb(184, 59, 24); }

.text-\[\#BD5F16\] { color: rgb(189, 95, 22); }

.text-\[\#EF9E3F\] { color: rgb(239, 158, 63); }

.text-\[\#FBD765\] { color: rgb(251, 215, 101); }

.text-\[\#FFAD4D\] { color: rgb(255, 173, 77); }

.text-\[\#FFBA08\] { color: rgb(255, 186, 8); }

.text-\[\#FFE924\] { color: rgb(255, 233, 36); }

.text-input { color: rgb(var(--input) / 1); }

.text-layer4 { color: rgb(var(--layer4) / 1); }

.text-warning_brighter { color: rgb(var(--warning_brighter) / 1); }

.opacity-45 { opacity: 0.45; }

.opacity-65 { opacity: 0.65; }

.opacity-85 { opacity: 0.85; }

.opacity-\[0\.34\] { opacity: 0.34; }

.shadow-\[0_0\.25rem_0\.1875rem_0_rgb\(0_0_0\/65\%\)\] { --tw-shadow: 0 .25rem .1875rem 0 rgb(0 0 0/65%); --tw-shadow-colored: 0 .25rem .1875rem 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.blur-3xl { --tw-blur: blur(64px); 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); }

.blur-\[100px\] { --tw-blur: blur(100px); 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-125 { --tw-brightness: brightness(1.25); 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-95 { --tw-brightness: brightness(.95); 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 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); }

.backdrop-filter { 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); }

.duration-75 { transition-duration: 75ms; }

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-1 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-2 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-3 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

.backdrop-blur { --tw-backdrop-blur: blur(8px); 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); }

.lowend .backdrop-blur { --tw-backdrop-blur: none; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.backdrop-blur-md { --tw-backdrop-blur: blur(12px); 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); }

.lowend .backdrop-blur-md { --tw-backdrop-blur: none; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.backdrop-blur-xl { --tw-backdrop-blur: blur(24px); 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); }

.lowend .backdrop-blur-xl { --tw-backdrop-blur: none; 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); }

.ratio-\[398\/170\] { position: relative; width: 100%; padding-top: 42.7136%; }

.ratio-\[398\/170\]::before { content: ""; display: block; padding-top: 42.7136%; position: absolute; inset: 0px; }

.ratio-\[398\/170\] > * { position: absolute; inset: 0px; }

.box-reflect { -webkit-box-reflect: below 0.25rem linear-gradient(transparent 0%, transparent 85%, rgba(255, 255, 255, 0.2) 100%); }

.bg-deposit-dashboard { --bonus-gradient-deposit-dashboard: linear-gradient(0deg, transparent 24%, rgba(255, 136, 3, .1) 100%); background-image: var(--bonus-gradient-deposit-dashboard); }

html.jbyellowtheme .bg-deposit-dashboard { --bonus-gradient-deposit-dashboard: linear-gradient(0deg, transparent 24%, rgb(var(--special)/ .1) 100%); background-image: var(--bonus-gradient-deposit-dashboard); }

.bg-gradient-bonus { --bonus-gradient-bonus: linear-gradient( 180deg, rgba(246, 105, 44, .2) .25%, transparent 20% ); background-image: var(--bonus-gradient-bonus); }

html.jbyellowtheme .bg-gradient-bonus { --bonus-gradient-bonus: linear-gradient( 180deg, rgb(var(--special)/ .2) .25%, transparent 20% ); background-image: var(--bonus-gradient-bonus); }

.bg-gradient-bonus-card { background-image: linear-gradient(to right,var(--bonus-card-gradient-color) 0%,transparent 40%); }

html.jbyellowtheme .bg-gradient-bonus-card { background-image: linear-gradient(to right,rgb(var(--special)/ .6) 0%,transparent 40%); }

.bg-quad-bonus-card { background-position: calc(100% + 5rem) calc(100% + 2rem); background-size: contain; }

.\[animation\:switch-1_1s_step-end_infinite\] { animation: 1s step-end 0s infinite normal none running switch-1; }

.\[animation\:switch-2_1s_step-end_infinite\] { animation: 1s step-end 0s infinite normal none running switch-2; }

@container (min-width: 32rem) {
  .\@lg\:left-2 { left: 0.5rem; }
  .\@lg\:top-1 { top: 0.25rem; }
  .\@lg\:order-1 { order: 1; }
  .\@lg\:order-2 { order: 2; }
  .\@lg\:mt-4 { margin-top: 1rem; }
  .\@lg\:block { display: block; }
  .\@lg\:hidden { display: none; }
  .\@lg\:w-32 { width: 8rem; }
  .\@lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .\@lg\:flex-row { flex-direction: row; }
  .\@lg\:flex-col { flex-direction: column; }
  .\@lg\:items-center { align-items: center; }
  .\@lg\:justify-between { justify-content: space-between; }
  .\@lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .\@lg\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .\@lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .\@lg\:text-secondary { color: rgb(var(--secondary) / 1); }
}

.pc .pc\:gap-10 { gap: 2.5rem; }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .hover\:bg-layer5:hover { background-color: rgb(var(--layer5) / 1); }
  .hover\:text-primary:hover { color: rgb(var(--primary) / 1); }
  .hover\:opacity-80:hover { opacity: 0.8; }
  .group:hover .group-hover\:w-\[6\.5rem\] { width: 6.5rem; }
}

@media not all and (min-width: 640px) {
  .max-sm\:mb-4 { margin-bottom: 1rem; }
  .max-sm\:mt-3 { margin-top: 0.75rem; }
  .max-sm\:w-full { width: 100%; }
  .max-sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
  .max-sm\:leading-5 { line-height: 1.25rem; }
}

.dark .dark\:bg-\[\#293F35\] { background-color: rgb(41, 63, 53); }

.\[\&\>div\]\:w-80 > div { width: 20rem; }

.\[\&\>div\]\:shrink-0 > div { flex-shrink: 0; }

.\[\&\>div\]\:snap-start > div { scroll-snap-align: start; }

.\[\&_\.scroll-x\>button\]\:flex-none .scroll-x > button { flex: 0 0 auto; }

.\[\&_\.scroll-x\]\:w-auto .scroll-x { width: auto; }

@keyframes pulse { 
  0% { transform: translate(-50%) translateY(-50%) rotate(-5deg) scaleZ(1); }
  50% { transform: translate(-50%) translateY(-50%) rotate(0deg) scale3d(1.1, 1.1, 1.1); }
  100% { transform: translate(-50%) translateY(-50%) rotate(-5deg) scaleZ(1); }
}

@keyframes bonus-shine { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(45deg); }
}

.animate-spin-center-text { animation: 2s linear 0s infinite normal none running pulse; }

.bonus-animate-light { animation: 3s steps(2) 0s infinite normal none running bonus-shine; }

.live-dot { display: inline-block; background-color: rgb(69, 217, 30); width: 8px; height: 8px; border-radius: 4px; position: relative; margin-right: 8px; }

.live-dot::after { content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px; background-color: rgb(69, 217, 30); opacity: 0.3; animation: 1.5s linear 0s infinite normal none running online; }

@keyframes online { 
  0% { transform: scale(1); }
  100% { transform: scale(2.5); }
}

.text-num { text-shadow: rgba(40, 242, 7, 0.4) 0px 0px 12px; background: linear-gradient(270deg, rgb(159, 232, 113) 0%, rgb(49, 238, 136) 100%) text; -webkit-text-fill-color: transparent; }

.cru-st {
  margin: 1.625rem 0px; padding-left: 1.5rem; position: relative; color: rgb(var(--secondary));
  &::before { content: " "; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: rgb(var(--secondary)); left: 0.5rem; top: 10px; transform: translateY(-50%); }
}

.wager-item { width: 100%; height: 7.5rem; border-radius: 4px; }

.wager-item.item-1 { background-image: url("/modules/bonus2/assets/wager_1-6ec39cf4.png"); background-position: 96% 0%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(var(--layer3)); background-size: auto 100%; }

.wager-item.item-2 { background-image: url("/modules/bonus2/assets/wager_2-5e8997b0.png"); background-position: 100% 0%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(var(--layer3)); background-size: auto 100%; }

.wager-item.item-3 { background-image: url("/modules/bonus2/assets/wager_3-ee25b52f.png"); background-position: 100% 0%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(var(--layer3)); background-size: auto 100%; }

.wager-item .item-inner { margin-left: 1.25rem; height: 100%; display: flex; flex-direction: column; justify-content: center; }

.wager-item .item-inner .top { display: flex; }

.wager-item .item-inner .top .m-t { font-size: 2.5rem; line-height: 2rem; font-weight: 700; color: var(--primary); }

.wager-item .item-inner .top .tooltip-text-wrap { position: relative; width: 1rem; height: 1rem; }

.tooltip-text-wrap .t-d { width: 1rem; height: 1rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: rgb(var(--layer5)); font-weight: 700; margin-left: 0.25rem; cursor: pointer; }

.tooltip-text-wrap .tool-tip-wrap { position: absolute; z-index: 2; transform: translate(-20%); top: 1.25rem; padding: 0.5rem 0.75rem; border-radius: 4px; background-color: rgb(var(--layer5)); box-shadow: 0 4px 10px rgb(var(--layer5)); }

.wager-item .item-inner .top .tooltip-text-wrap .tool-tip-wrap p { white-space: nowrap; line-height: 1.375rem; }

.wager-item .item-inner .top .of { margin-left: 0.75rem; line-height: 2rem; color: rgb(var(--secondary)); }

.wager-item .item-inner .bot { margin-top: 0.75rem; display: flex; }

.wager-item .item-inner .bot .l { opacity: 0.6; }

.wager-item .item-inner .bot .r { margin-left: 0.5rem; max-width: 25rem; }

.live-container { animation: 30s linear 0s infinite normal none running scroll; }

@keyframes scroll { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-100%); }
}

@keyframes skeleton-fade { 
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

.skeleton { position: relative; 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)); }

.skeleton[data-animate="true"]::after { animation: 2.5s linear 0s infinite normal none running skeleton-fade; }

.skeleton[data-visible="true"] { overflow: hidden; }

.skeleton[data-visible="true"]::before { content: ""; position: absolute; inset: 0px; z-index: 10; background-color: rgb(var(--layer4) / 1); }

.skeleton[data-visible="true"]::after { content: ""; position: absolute; inset: 0px; z-index: 20; background-color: rgb(var(--layer5) / 1); }

.bonus-welcome-root { --welcome-banner-bg-pc: linear-gradient( 86deg, rgba(246, 105, 44, 0) 20.07%, rgba(246, 105, 44, .3) 65.67% ); --deposit-card-first: linear-gradient( 9deg, rgba(255, 203, 78, 0) 40.58%, rgba(255, 203, 78, .3) 86.87% ); }

.promotion-richStyle { font-weight: 600; line-height: 1.8; }

.promotion-richStyle h2 { font-size: 16px; font-weight: 700; color: rgb(var(--primary) / 1); }

.promotion-richStyle li { display: list-item; text-align: -webkit-match-parent; unicode-bidi: isolate; }

.promotion-richStyle ol { display: block; list-style-type: decimal; margin-block: 1em; margin-inline: 0px; padding-inline-start: 40px; unicode-bidi: isolate; }

.promotion-richStyle ul { display: block; list-style-type: disc; margin-block: 1em; margin-inline: 0px; padding-inline-start: 40px; unicode-bidi: isolate; }

.promotion-richStyle ol, .promotion-richStyle ul { padding-left: 1.2em; margin: 0px; }

.promotion-richStyle video { width: 500px; margin: 0px auto; border-radius: 4px; }

.vip-container { position: relative; }

:not(.pc) .vip-container::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 60vh; background-image: linear-gradient(20deg,transparent 52%,var(--color) 110%); }

.promotion-popup .pop-content { padding: 0px !important; }

.promotion-banner-item.select-banner, .promotion-banner-item:hover { background-color: rgba(36, 238, 137, 0.1); }

.taco_tuesday {
  & .tg-card-outer_frame { border-width: 3px; }
  & .tg-card-outer_frame { border-style: solid; }
  & .tg-card-outer_frame { border-color: rgb(var(--alw_dark) / 1); }
  & .tg-card-outer_frame { padding-top: 0.5rem; }
  & .tg-card-outer_frame { --bg-gradient-button-like: linear-gradient( 270deg, #fbd765 0%, #ef9e3f 100% ); background-image: linear-gradient(rgb(251, 188, 72) 0%, rgb(251, 188, 72) 100%); --primary: var(--alw_dark); --secondary: var(--alw_dark); --box-shadow-button-like: 0px 0px 12px 0px rgba(238, 174, 35, .3), 0px -2px 0px 0px #be8720 inset; }
  & .tg-card { border-top-width: 3px; }
  & .tg-card { border-style: solid; }
  & .tg-card { border-color: rgb(var(--alw_dark) / 1); }
  & .tg-card { background-color: rgb(var(--alw_white) / 1); }
}

.tg_connect {
  & .tg-card-outer_frame { padding: 1.5px; }
  & .tg-card-outer_frame { background-image: linear-gradient(to bottom right,#31ee8693,rgb(var(--layer4))); --bg-gradient-button-like: linear-gradient(90deg, #9fe871 0%, #24ee89 100%); }
  & .tg-card { background-color: rgb(var(--layer4) / .9); }
}

html.jbyellowtheme .tg_connect {
  & .tg-card-outer_frame { padding: 1.5px; }
  & .tg-card-outer_frame { background-image: linear-gradient(to bottom right,#c9b11993,rgb(var(--brand))); --bg-gradient-button-like: linear-gradient( 90deg, rgb(var(--brand)) 0%, rgb(var(--brand)) 100% ); }
  & .tg-card { background-color: rgb(var(--layer4) / .9); }
}

.after-colon::after { content: ":"; display: inline; text-align: center; }

.free-spin-rewards-polygon { animation: 4s linear 0s infinite normal none running free-spin-rewards-polygon; }

@keyframes free-spin-rewards-polygon { 
  0% { transform: translate(-50%) rotate(0deg); }
  100% { transform: translate(-50%) rotate(360deg); }
}

.free-spin-rewards-star { animation: 1.2s ease-in-out 0s infinite normal none running free-spin-star; }

@keyframes free-spin-star { 
  0%, 100% { opacity: 0.4; transform: scale(0.92) rotate(0deg); filter: drop-shadow(gold 0px 0px 0px); }
  50% { opacity: 1; transform: scale(1.08) rotate(5deg); filter: drop-shadow(gold 0px 0px 10px); }
}

.free-spin-rewards { animation: 1s ease-in-out 0s infinite normal none running free-spin-rewards-pulse; }

@keyframes free-spin-rewards-pulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}

.spin-amount-text { background: linear-gradient(181deg, rgb(255, 176, 59) -69.88%, rgb(252, 238, 33) -50.74%, rgb(255, 255, 137) -0.01%, rgb(253, 219, 62) 8.01%, rgb(255, 219, 73) 38.69%, rgb(255, 235, 125) 51.23%, rgb(253, 166, 10) 89.59%) text; -webkit-text-fill-color: transparent; }

.spin-amount-text-japan { background: linear-gradient(rgb(253, 220, 99) 0%, rgb(252, 31, 173) 99.16%) text; -webkit-text-fill-color: transparent; text-shadow: rgba(67, 72, 184, 0.25) 0px 2.369px 2.369px; -webkit-text-stroke: 1px rgb(255, 255, 255); }

.image-with-shine::before { content: ""; position: absolute; top: -100%; left: 0px; width: 100%; height: 100%; background: rgba(99, 64, 182, 0.5); animation: 3s ease-in-out 0s infinite normal none running shineDown; pointer-events: none; }

@keyframes shineDown { 
  0% { top: -100%; }
  50% { top: 100%; }
  100% { top: 100%; }
}

@keyframes switch-1 { 
  0%, 49.99% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes switch-2 { 
  0%, 49.99% { opacity: 0; }
  50%, 100% { opacity: 1; }
}

.svg-curved-text path { fill: none; stroke: none; }

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

.inset-x-4 { left: 1rem; right: 1rem; }

.\!-right-5 { right: -1.25rem !important; }

.-right-\[1px\] { right: -1px; }

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

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

.bottom-1\/2 { bottom: 50%; }

.bottom-10 { bottom: 2.5rem; }

.left-0\.5 { left: 0.125rem; }

.left-auto { left: auto; }

.top-\[0\.7rem\] { top: 0.7rem; }

.\!z-100 { z-index: 100 !important; }

.mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; }

.\!mb-1 { margin-bottom: 0.25rem !important; }

.mb-11 { margin-bottom: 2.75rem; }

.mb-15 { margin-bottom: 3.75rem; }

.ml-14 { margin-left: 3.5rem; }

.ml-20 { margin-left: 5rem; }

.mr-10 { margin-right: 2.5rem; }

.mr-12 { margin-right: 3rem; }

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

.\!size-4\.5 { width: 1.125rem !important; height: 1.125rem !important; }

.\!h-7 { height: 1.75rem !important; }

.h-1\/3 { height: 33.3333%; }

.h-\[34rem\] { height: 34rem; }

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

.max-h-100 { max-height: 25rem; }

.max-h-24 { max-height: 6rem; }

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

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

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

.min-h-\[unset\] { min-height: unset; }

.w-100 { width: 25rem; }

.w-5\/6 { width: 83.3333%; }

.w-\[480px\] { width: 480px; }

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

.w-\[580px\] { width: 580px; }

.w-\[600px\] { width: 600px; }

.w-\[80vw\] { width: 80vw; }

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

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

.max-w-\[33\.33\%\] { max-width: 33.33%; }

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

.max-w-\[90vw\] { max-width: 90vw; }

.flex-\[33\.33\%\] { flex: 1 1 33.33%; }

.basis-1\/4 { flex-basis: 25%; }

.basis-\[45\%\] { flex-basis: 45%; }

.basis-\[55\%\] { flex-basis: 55%; }

.border-spacing-x-0 { --tw-border-spacing-x: 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }

.border-spacing-y-0 { --tw-border-spacing-y: 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }

.origin-top-right { transform-origin: right top; }

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

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

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

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

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

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

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

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

.whitespace-normal { white-space: normal; }

.rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }

.rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }

.\!rounded-bl-xl { border-bottom-left-radius: var(--radius-xl) !important; }

.\!rounded-tr-xl { border-top-right-radius: var(--radius-xl) !important; }

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

.border-\[\#fff4\] { border-color: rgba(255, 255, 255, 0.267); }

.bg-\[\#31EE93\]\/20 { background-color: rgba(49, 238, 147, 0.2); }

.bg-\[\#FAFAFA\] { background-color: rgb(250, 250, 250); }

.bg-\[\#FF9820\] { background-color: rgb(255, 152, 32); }

.bg-\[\#FFF0DE\] { background-color: rgb(255, 240, 222); }

.bg-\[\#ff0101\] { background-color: rgb(255, 1, 1); }

.bg-\[inherit\] { background-color: inherit; }

.bg-\[rgba\(228\,230\,231\,1\)\] { background-color: rgb(228, 230, 231); }

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

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

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

.bg-\[linear-gradient\(90deg\,\#EF9E3F\,\#FBD765\)\] { background-image: linear-gradient(90deg, rgb(239, 158, 63), rgb(251, 215, 101)); }

.bg-gradient-to-tl { background-image: linear-gradient(to top left,var(--tw-gradient-stops)); }

.bg-gradient-to-tr { background-image: linear-gradient(to top right,var(--tw-gradient-stops)); }

.from-\[\#24EE8900\] { --tw-gradient-from: #24EE8900 var(--tw-gradient-from-position); --tw-gradient-to: rgb(36 238 137 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#C4FF56\] { --tw-gradient-from: #C4FF56 var(--tw-gradient-from-position); --tw-gradient-to: rgb(196 255 86 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#E15A0F\] { --tw-gradient-from: #E15A0F var(--tw-gradient-from-position); --tw-gradient-to: rgb(225 90 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-alw_dark\/5 { --tw-gradient-from: rgb(var(--alw_dark) / .05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--alw_dark) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-60\% { --tw-gradient-from-position: 60%; }

.via-\[\#24EE891A\] { --tw-gradient-to: rgb(36 238 137 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #24EE891A var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-80\% { --tw-gradient-via-position: 80%; }

.to-\[\#24EE894D\] { --tw-gradient-to: #24EE894D var(--tw-gradient-to-position); }

.to-\[\#24EE89\] { --tw-gradient-to: #24EE89 var(--tw-gradient-to-position); }

.to-\[\#F7931A\] { --tw-gradient-to: #F7931A var(--tw-gradient-to-position); }

.to-alw_dark\/5 { --tw-gradient-to: rgb(var(--alw_dark) / .05) var(--tw-gradient-to-position); }

.to-100\% { --tw-gradient-to-position: 100%; }

.fill-alw_dark { fill: rgb(var(--alw_dark) / 1); }

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

.py-\[0\.3rem\] { padding-top: 0.3rem; padding-bottom: 0.3rem; }

.pb-1\.5 { padding-bottom: 0.375rem; }

.pb-20 { padding-bottom: 5rem; }

.pr-14 { padding-right: 3.5rem; }

.pt-32 { padding-top: 8rem; }

.pt-\[84px\] { padding-top: 84px; }

.text-\[\#FF9820\] { color: rgb(255, 152, 32); }

.\!opacity-70 { opacity: 0.7 !important; }

.outline-2 { outline-width: 2px; }

.-outline-offset-1 { outline-offset: -1px; }

.blur-md { --tw-blur: blur(12px); 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); }

.triangle-layer5 { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid rgb(var(--layer5)); }

.first\:border-none:first-child { border-style: none; }

.odd\:bg-layer5:nth-child(2n+1) { background-color: rgb(var(--layer5) / 1); }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .hover\:rounded-sm:hover { border-radius: var(--radius-sm); }
  .hover\:rounded-xl:hover { border-radius: var(--radius-xl); }
  .hover\:border-second:hover { border-color: var(--second); }
  .hover\:bg-black_alpha5:hover { background-color: rgba(0, 0, 0, 0.05); }
  .hover\:bg-layer4:hover { background-color: rgb(var(--layer4) / 1); }
  .hover\:underline:hover { text-decoration-line: underline; }
  .hover\:brightness-110:hover { --tw-brightness: brightness(1.1); 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); }
  .hover\:brightness-50:hover { --tw-brightness: brightness(.5); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
  .group:hover .group-hover\:pointer-events-auto { pointer-events: auto; }
  .group:hover .group-hover\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .group:hover .group-hover\:opacity-100 { opacity: 1; }
}

@media not all and (min-width: 640px) {
  .max-sm\:mb-1 { margin-bottom: 0.25rem; }
  .max-sm\:mt-2 { margin-top: 0.5rem; }
  .max-sm\:mt-\[0\.3rem\] { margin-top: 0.3rem; }
  .max-sm\:flex { display: flex; }
  .max-sm\:size-12 { width: 3rem; height: 3rem; }
  .max-sm\:justify-between { justify-content: space-between; }
  .max-sm\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }
  .max-sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .max-sm\:pt-0 { padding-top: 0px; }
  .max-sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .max-sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
}

.dark .dark\:\!bg-layer4 { background-color: rgb(var(--layer4) / 1) !important; }

.dark .dark\:bg-\[\#0000000D\] { background-color: rgba(0, 0, 0, 0.05); }

.dark .dark\:bg-\[\#00000033\] { background-color: rgba(0, 0, 0, 0.2); }

.dark .dark\:bg-\[\#313637\] { background-color: rgb(49, 54, 55); }

.dark .dark\:bg-\[\#363B3C\] { background-color: rgb(54, 59, 60); }

.dark .dark\:bg-\[\#514634\] { background-color: rgb(81, 70, 52); }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .dark .dark\:hover\:bg-white_alpha5:hover { background-color: rgba(255, 255, 255, 0.05); }
}

.\[\&\>\*\]\:bg-transparent > * { background-color: transparent; }

.\[\&\>\*\]\:text-error > * { color: rgb(var(--error) / 1); }

.\[\&\>\.dialog-title\]\:h-24 > .dialog-title { height: 6rem; }

.\[\&\>\.input\]\:h-12 > .input { height: 3rem; }

.\[\&\>\.input\]\:border-error > .input { border-color: rgb(var(--error) / 1); }

.\[\&\>\.input\]\:pr-2 > .input { padding-right: 0.5rem; }

.\[\&\>\.pop-content\]\:h-full > .pop-content { height: 100%; }

.\[\&\>\.pop-title\]\:rounded-t-xl > .pop-title { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); }

.\[\&\>button\]\:bg-input_bright > button { background-color: rgb(var(--input_bright) / 1); }

.\[\&\>button\]\:bg-layer3 > button { background-color: rgb(var(--layer3) / 1); }

.\[\&\>div\+div\]\:border-third > div + div { border-color: var(--third); }

.\[\&\>input\]\:h-10 > input { height: 2.5rem; }

.\[\&\>svg\]\:h-6 > svg { height: 1.5rem; }

.\[\&\>svg\]\:w-6 > svg { width: 1.5rem; }

.\[\&\>svg\]\:flex-none > svg { flex: 0 0 auto; }

.\[\&_\.input\]\:bg-layer3 .input { background-color: rgb(var(--layer3) / 1); }

.\[\&_\.scroll-container\]\:h-full .scroll-container { height: 100%; }

.\[\&_\.scroll-container\]\:pb-24 .scroll-container { padding-bottom: 6rem; }

.\[\&_\.scroll-container\]\:pb-32 .scroll-container { padding-bottom: 8rem; }

.\[\&_\.select\]\:w-full .select { width: 100%; }

.\[\&_\.select\]\:bg-input_bright .select { background-color: rgb(var(--input_bright) / 1); }

.\[\&_ol\]\:\!list-decimal ol { list-style-type: decimal !important; }

.\[\&_svg\]\:\!h-5 svg { height: 1.25rem !important; }

.\[\&_svg\]\:\!w-5 svg { width: 1.25rem !important; }

.\[\&_ul\]\:\!list-disc ul { list-style-type: disc !important; }

.help-raw-html ul { margin-left: 1rem; }

.inset-\[-1px\] { inset: -1px; }

.-bottom-1\.5 { bottom: -0.375rem; }

.-bottom-10 { bottom: -2.5rem; }

.-bottom-20 { bottom: -5rem; }

.-bottom-40 { bottom: -10rem; }

.-bottom-6 { bottom: -1.5rem; }

.-left-20 { left: -5rem; }

.-left-32 { left: -8rem; }

.-left-36 { left: -9rem; }

.-left-40 { left: -10rem; }

.-left-48 { left: -12rem; }

.-left-52 { left: -13rem; }

.-left-56 { left: -14rem; }

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

.-left-\[250px\] { left: -250px; }

.-left-\[35rem\] { left: -35rem; }

.-left-\[500px\] { left: -500px; }

.-left-\[63\%\] { left: -63%; }

.-right-1\.5 { right: -0.375rem; }

.-right-10 { right: -2.5rem; }

.-right-12 { right: -3rem; }

.-right-15 { right: -3.75rem; }

.-right-28 { right: -7rem; }

.-right-36 { right: -9rem; }

.-right-40 { right: -10rem; }

.-right-48 { right: -12rem; }

.-right-5 { right: -1.25rem; }

.-right-52 { right: -13rem; }

.-right-56 { right: -14rem; }

.-right-6 { right: -1.5rem; }

.-right-72 { right: -18rem; }

.-right-8 { right: -2rem; }

.-right-80 { right: -20rem; }

.-right-\[200px\] { right: -200px; }

.-right-\[8rem\] { right: -8rem; }

.-top-100 { top: -25rem; }

.-top-3\/4 { top: -75%; }

.-top-36 { top: -9rem; }

.-top-48 { top: -12rem; }

.-top-80 { top: -20rem; }

.-top-\[135px\] { top: -135px; }

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

.-top-\[35rem\] { top: -35rem; }

.-top-\[500px\] { top: -500px; }

.-top-\[86px\] { top: -86px; }

.-top-\[90px\] { top: -90px; }

.bottom-2\.5 { bottom: 0.625rem; }

.bottom-24 { bottom: 6rem; }

.bottom-44 { bottom: 11rem; }

.bottom-48 { bottom: 12rem; }

.bottom-52 { bottom: 13rem; }

.bottom-7 { bottom: 1.75rem; }

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

.bottom-\[-8px\] { bottom: -8px; }

.bottom-\[2\%\] { bottom: 2%; }

.bottom-\[40\%\] { bottom: 40%; }

.bottom-sb { bottom: var(--safe-bottom); }

.left-100 { left: 25rem; }

.left-96 { left: 24rem; }

.left-\[1\.5\%\] { left: 1.5%; }

.left-\[19px\] { left: 19px; }

.left-\[6\.5rem\] { left: 6.5rem; }

.left-\[7\.5rem\] { left: 7.5rem; }

.right-15 { right: 3.75rem; }

.right-28 { right: 7rem; }

.right-96 { right: 24rem; }

.top-100 { top: 25rem; }

.top-48 { top: 12rem; }

.top-60 { top: 15rem; }

.top-\[-1\.5rem\] { top: -1.5rem; }

.top-\[10\%\] { top: 10%; }

.top-\[1200px\] { top: 1200px; }

.top-\[12rem\] { top: 12rem; }

.top-\[15rem\] { top: 15rem; }

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

.top-\[25rem\] { top: 25rem; }

.top-\[300px\] { top: 300px; }

.top-\[30rem\] { top: 30rem; }

.top-\[35\%\] { top: 35%; }

.top-\[40\%\] { top: 40%; }

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

.top-\[650px\] { top: 650px; }

.top-\[800px\] { top: 800px; }

.top-st { top: var(--safe-top); }

.isolate { isolation: isolate; }

.z-80 { z-index: 80; }

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

.mx-7 { margin-left: 1.75rem; margin-right: 1.75rem; }

.my-12 { margin-top: 3rem; margin-bottom: 3rem; }

.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }

.-mb-12 { margin-bottom: -3rem; }

.-ml-10 { margin-left: -2.5rem; }

.-ml-32 { margin-left: -8rem; }

.-mt-100 { margin-top: -25rem; }

.-mt-16 { margin-top: -4rem; }

.-mt-18 { margin-top: -4.5rem; }

.-mt-2\.5 { margin-top: -0.625rem; }

.-mt-20 { margin-top: -5rem; }

.-mt-32 { margin-top: -8rem; }

.-mt-36 { margin-top: -9rem; }

.-mt-48 { margin-top: -12rem; }

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

.mb-3\.5 { margin-bottom: 0.875rem; }

.ml-10 { margin-left: 2.5rem; }

.ml-9 { margin-left: 2.25rem; }

.mr-36 { margin-right: 9rem; }

.mr-4\.5 { margin-right: 1.125rem; }

.mr-5 { margin-right: 1.25rem; }

.mr-6 { margin-right: 1.5rem; }

.mr-7 { margin-right: 1.75rem; }

.mt-14 { margin-top: 3.5rem; }

.mt-18 { margin-top: 4.5rem; }

.mt-32 { margin-top: 8rem; }

.mt-40 { margin-top: 10rem; }

.mt-44 { margin-top: 11rem; }

.mt-48 { margin-top: 12rem; }

.mt-56 { margin-top: 14rem; }

.inline-grid { display: inline-grid; }

.\!hidden { display: none !important; }

.aspect-\[375\/100\] { aspect-ratio: 375 / 100; }

.aspect-\[375\/400\] { aspect-ratio: 375 / 400; }

.aspect-\[400\/200\] { aspect-ratio: 400 / 200; }

.aspect-\[400\/400\] { aspect-ratio: 400 / 400; }

.size-\[9\.375rem\] { width: 9.375rem; height: 9.375rem; }

.\!h-48 { height: 12rem !important; }

.h-\[110px\] { height: 110px; }

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

.h-\[1583px\] { height: 1583px; }

.h-\[2\.21px\] { height: 2.21px; }

.h-\[240px\] { height: 240px; }

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

.h-\[39rem\] { height: 39rem; }

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

.h-\[500px\] { height: 500px; }

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

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

.h-\[652px\] { height: 652px; }

.h-\[65vh\] { height: 65vh; }

.h-\[748px\] { height: 748px; }

.h-\[75vh\] { height: 75vh; }

.h-\[800px\] { height: 800px; }

.h-\[85px\] { height: 85px; }

.h-\[96\%\] { height: 96%; }

.h-\[calc\(100\%-4px\)\] { height: calc(100% - 4px); }

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

.max-h-10 { max-height: 2.5rem; }

.max-h-36 { max-height: 9rem; }

.max-h-8 { max-height: 2rem; }

.max-h-80 { max-height: 20rem; }

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

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

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

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

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

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

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

.w-10\/12 { width: 83.3333%; }

.w-4\/6 { width: 66.6667%; }

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

.w-\[1583px\] { width: 1583px; }

.w-\[22rem\] { width: 22rem; }

.w-\[2500px\] { width: 2500px; }

.w-\[26px\] { width: 26px; }

.w-\[318px\] { width: 318px; }

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

.w-\[370px\] { width: 370px; }

.w-\[374px\] { width: 374px; }

.w-\[422px\] { width: 422px; }

.w-\[45\%\] { width: 45%; }

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

.w-\[52\%\] { width: 52%; }

.w-\[730px\] { width: 730px; }

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

.w-\[77\%\] { width: 77%; }

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

.w-\[93\%\] { width: 93%; }

.w-\[960px\] { width: 960px; }

.w-\[97\%\] { width: 97%; }

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

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

.min-w-1 { min-width: 0.25rem; }

.min-w-12 { min-width: 3rem; }

.min-w-60 { min-width: 15rem; }

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

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

.max-w-10 { max-width: 2.5rem; }

.max-w-18 { max-width: 4.5rem; }

.max-w-2xl { max-width: 42rem; }

.max-w-3xl { max-width: 48rem; }

.max-w-56 { max-width: 14rem; }

.max-w-64 { max-width: 16rem; }

.max-w-6xl { max-width: 72rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[20\%\] { max-width: 20%; }

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

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

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

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

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

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

.max-w-\[43rem\] { max-width: 43rem; }

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

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

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

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

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

.max-w-\[60rem\] { max-width: 60rem; }

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

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

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

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

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

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

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

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

.max-w-\[85\%\] { max-width: 85%; }

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

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

.max-w-\[calc\(100vw-48px\)\] { max-width: calc(-48px + 100vw); }

.basis-1\/5 { flex-basis: 20%; }

.basis-4 { flex-basis: 1rem; }

.basis-4\.5 { flex-basis: 1.125rem; }

.basis-\[30\%\] { flex-basis: 30%; }

.basis-\[40\%\] { flex-basis: 40%; }

.border-spacing-y-0\.5 { --tw-border-spacing-y: .125rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }

.-translate-x-1\/3 { --tw-translate-x: -33.333333%; 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-12 { --tw-translate-x: -3rem; 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-\[39\%\] { --tw-translate-x: -39%; 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),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-3\/4 { --tw-translate-y: -75%; 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-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.translate-x-1\/3 { --tw-translate-x: 33.333333%; 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-12 { --tw-translate-x: 3rem; 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),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\/3 { --tw-translate-y: 33.333333%; 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-\[-90deg\] { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.rotate-\[14\.86deg\] { --tw-rotate: 14.86deg; 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-\[15deg\] { --tw-rotate: 15deg; 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-\[180deg\] { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

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

.scale-\[35\%\] { --tw-scale-x: 35%; --tw-scale-y: 35%; 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 spin { 
  100% { transform: rotate(360deg); }
}

.\!grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }

.gap-3\.5 { gap: 0.875rem; }

.gap-8 { gap: 2rem; }

.gap-\[31px\] { gap: 31px; }

.gap-y-0 { row-gap: 0px; }

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

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

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

.rounded-\[25\.06px\] { border-radius: 25.06px; }

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

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

.rounded-xl20 { border-radius: 1.25rem; }

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

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

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

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

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

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

.border-\[0\.48px\] { border-width: 0.48px; }

.border-\[0\.5px\] { border-width: 0.5px; }

.border-\[3px\] { border-width: 3px; }

.border-b-\[1px\] { border-bottom-width: 1px; }

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

.border-t-\[1px\] { border-top-width: 1px; }

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

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

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

.border-\[\#003620\] { border-color: rgb(0, 54, 32); }

.border-\[\#00834F\] { border-color: rgb(0, 131, 79); }

.border-\[\#013821\] { border-color: rgb(1, 56, 33); }

.border-\[\#18151599\] { border-color: rgba(24, 21, 21, 0.6); }

.border-\[\#28ED88\] { border-color: rgb(40, 237, 136); }

.border-\[\#2AED87\] { border-color: rgb(42, 237, 135); }

.border-\[\#705325\] { border-color: rgb(112, 83, 37); }

.border-\[\#7c00d5\] { border-color: rgb(124, 0, 213); }

.border-\[\#947009\] { border-color: rgb(148, 112, 9); }

.border-\[\#975D13\] { border-color: rgb(151, 93, 19); }

.border-\[\#D2D2D2\] { border-color: rgb(210, 210, 210); }

.border-\[\#D9D9D933\] { border-color: rgba(217, 217, 217, 0.2); }

.border-\[\#DDDDDD1F\] { border-color: rgba(221, 221, 221, 0.12); }

.border-\[\#DEFFE7\] { border-color: rgb(222, 255, 231); }

.border-\[\#E4EAF01A\] { border-color: rgba(228, 234, 240, 0.1); }

.border-\[\#EE413152\] { border-color: rgba(238, 65, 49, 0.32); }

.border-\[\#F3B33F\] { border-color: rgb(243, 179, 63); }

.border-\[\#FBCC34B2\] { border-color: rgba(251, 204, 52, 0.698); }

.border-\[\#FBCC34\] { border-color: rgb(251, 204, 52); }

.border-\[\#f2c628\] { border-color: rgb(242, 198, 40); }

.border-\[\#f9cc4d\] { border-color: rgb(249, 204, 77); }

.border-\[\#fbcc34\]\/30 { border-color: rgba(251, 204, 52, 0.3); }

.border-\[\#fefaa9\] { border-color: rgb(254, 250, 169); }

.border-\[\#fff\] { border-color: rgb(255, 255, 255); }

.border-\[rgb\(74\,21\,147\)\] { border-color: rgb(74, 21, 147); }

.border-\[rgba\(124\,0\,214\,0\.5\)\] { border-color: rgba(124, 0, 214, 0.5); }

.border-\[rgba\(124\,0\,214\,1\)\] { border-color: rgb(124, 0, 214); }

.border-\[rgba\(217\,217\,217\,0\.20\)\] { border-color: rgba(217, 217, 217, 0.2); }

.border-primary\/20 { border-color: rgb(var(--primary) / .2); }

.border-t-\[\#D2D2D2\] { border-top-color: rgb(210, 210, 210); }

.border-t-input { border-top-color: rgb(var(--input) / 1); }

.\!bg-\[\#939393\] { background-color: rgb(147, 147, 147) !important; }

.bg-\[\#0000004D\] { background-color: rgba(0, 0, 0, 0.3); }

.bg-\[\#00000070\] { background-color: rgba(0, 0, 0, 0.44); }

.bg-\[\#000000\], .bg-\[\#000\] { background-color: rgb(0, 0, 0); }

.bg-\[\#000\]\/\[\.05\] { background-color: rgba(0, 0, 0, 0.05); }

.bg-\[\#003B1B\] { background-color: rgb(0, 59, 27); }

.bg-\[\#005330\] { background-color: rgb(0, 83, 48); }

.bg-\[\#00A965\] { background-color: rgb(0, 169, 101); }

.bg-\[\#040505\] { background-color: rgb(4, 5, 5); }

.bg-\[\#051601\] { background-color: rgb(5, 22, 1); }

.bg-\[\#07070726\] { background-color: rgba(7, 7, 7, 0.15); }

.bg-\[\#08050042\] { background-color: rgba(8, 5, 0, 0.26); }

.bg-\[\#080500\]\/80 { background-color: rgba(8, 5, 0, 0.8); }

.bg-\[\#0f1010\] { background-color: rgb(15, 16, 16); }

.bg-\[\#111111\] { background-color: rgb(17, 17, 17); }

.bg-\[\#1296DB\] { background-color: rgb(18, 150, 219); }

.bg-\[\#131414\] { background-color: rgb(19, 20, 20); }

.bg-\[\#13734a\] { background-color: rgb(19, 115, 74); }

.bg-\[\#141433\] { background-color: rgb(20, 20, 51); }

.bg-\[\#171A1A\] { background-color: rgb(23, 26, 26); }

.bg-\[\#171A1A\]\/\[\.41\] { background-color: rgba(23, 26, 26, 0.41); }

.bg-\[\#181515\] { background-color: rgb(24, 21, 21); }

.bg-\[\#190000\] { background-color: rgb(25, 0, 0); }

.bg-\[\#190404\] { background-color: rgb(25, 4, 4); }

.bg-\[\#1E2121\] { background-color: rgb(30, 33, 33); }

.bg-\[\#1F1F1F\] { background-color: rgb(31, 31, 31); }

.bg-\[\#1c1c20\] { background-color: rgb(28, 28, 32); }

.bg-\[\#1e2020a9\] { background-color: rgba(30, 32, 32, 0.663); }

.bg-\[\#22211FA1\] { background-color: rgba(34, 33, 31, 0.63); }

.bg-\[\#232626\]\/40 { background-color: rgba(35, 38, 38, 0.4); }

.bg-\[\#270A09\] { background-color: rgb(39, 10, 9); }

.bg-\[\#272625A3\] { background-color: rgba(39, 38, 37, 0.64); }

.bg-\[\#292D2E\] { background-color: rgb(41, 45, 46); }

.bg-\[\#2C2A27\] { background-color: rgb(44, 42, 39); }

.bg-\[\#2C2A28\] { background-color: rgb(44, 42, 40); }

.bg-\[\#31ED8680\] { background-color: rgba(49, 237, 134, 0.5); }

.bg-\[\#31ED86\] { background-color: rgb(49, 237, 134); }

.bg-\[\#32313047\] { background-color: rgba(50, 49, 48, 0.28); }

.bg-\[\#341311\] { background-color: rgb(52, 19, 17); }

.bg-\[\#34ED86\] { background-color: rgb(52, 237, 134); }

.bg-\[\#371907\] { background-color: rgb(55, 25, 7); }

.bg-\[\#3B2417\] { background-color: rgb(59, 36, 23); }

.bg-\[\#464646\]\/20 { background-color: rgba(70, 70, 70, 0.2); }

.bg-\[\#47474726\] { background-color: rgba(71, 71, 71, 0.15); }

.bg-\[\#4816FF\]\/10 { background-color: rgba(72, 22, 255, 0.1); }

.bg-\[\#4ED776\] { background-color: rgb(78, 215, 118); }

.bg-\[\#503E0D80\] { background-color: rgba(80, 62, 13, 0.5); }

.bg-\[\#503E0D\] { background-color: rgb(80, 62, 13); }

.bg-\[\#556060\] { background-color: rgb(85, 96, 96); }

.bg-\[\#561386\] { background-color: rgb(86, 19, 134); }

.bg-\[\#561386\]\/60 { background-color: rgba(86, 19, 134, 0.6); }

.bg-\[\#575E5B\]\/5 { background-color: rgba(87, 94, 91, 0.05); }

.bg-\[\#575E5B\]\/\[\.15\] { background-color: rgba(87, 94, 91, 0.15); }

.bg-\[\#575E5B\]\/\[\.26\] { background-color: rgba(87, 94, 91, 0.26); }

.bg-\[\#6DF378\] { background-color: rgb(109, 243, 120); }

.bg-\[\#705325B2\] { background-color: rgba(112, 83, 37, 0.698); }

.bg-\[\#70643E\] { background-color: rgb(112, 100, 62); }

.bg-\[\#717171\] { background-color: rgb(113, 113, 113); }

.bg-\[\#79623A\] { background-color: rgb(121, 98, 58); }

.bg-\[\#815B2459\] { background-color: rgba(129, 91, 36, 0.35); }

.bg-\[\#9fe871\] { background-color: rgb(159, 232, 113); }

.bg-\[\#A8957333\] { background-color: rgba(168, 149, 115, 0.2); }

.bg-\[\#B3BEC1\] { background-color: rgb(179, 190, 193); }

.bg-\[\#CAC1BC0F\] { background-color: rgba(202, 193, 188, 0.06); }

.bg-\[\#D7BA53E5\] { background-color: rgba(215, 186, 83, 0.898); }

.bg-\[\#DADADA0F\] { background-color: rgba(218, 218, 218, 0.06); }

.bg-\[\#E5DF4F\]\/\[\.2\] { background-color: rgba(229, 223, 79, 0.2); }

.bg-\[\#F3B33F\] { background-color: rgb(243, 179, 63); }

.bg-\[\#F8F808\], .bg-\[\#F8f808\] { background-color: rgb(248, 248, 8); }

.bg-\[\#FBCC34\] { background-color: rgb(251, 204, 52); }

.bg-\[\#FF6400\] { background-color: rgb(255, 100, 0); }

.bg-\[\#FFF715\] { background-color: rgb(255, 247, 21); }

.bg-\[\#d0ffe6\] { background-color: rgb(208, 255, 230); }

.bg-\[\#dfdfdf86\] { background-color: rgba(223, 223, 223, 0.525); }

.bg-\[\#ffb13c\] { background-color: rgb(255, 177, 60); }

.bg-\[\#ffe283\] { background-color: rgb(255, 226, 131); }

.bg-\[\#fffbe6\] { background-color: rgb(255, 251, 230); }

.bg-\[\#ffffff\] { background-color: rgb(255, 255, 255); }

.bg-\[\#ffffff\]\/30 { background-color: rgba(255, 255, 255, 0.3); }

.bg-\[rgb\(34\,10\,57\)\] { background-color: rgb(34, 10, 57); }

.bg-\[rgb\(34\,10\,57\,0\.5\)\] { background-color: rgba(34, 10, 57, 0.5); }

.bg-\[rgba\(21\,21\,21\,0\.1\)\], .bg-\[rgba\(21\,21\,21\,0\.10\)\] { background-color: rgba(21, 21, 21, 0.1); }

.bg-\[rgba\(255\,255\,255\,0\.1\)\] { background-color: rgba(255, 255, 255, 0.1); }

.bg-\[rgba\(255\,255\,255\,0\.2\)\] { background-color: rgba(255, 255, 255, 0.2); }

.bg-\[rgba\(255\,255\,255\,0\.3\)\] { background-color: rgba(255, 255, 255, 0.3); }

.bg-\[rgba\(35\,38\,38\,0\.7\)\] { background-color: rgba(35, 38, 38, 0.7); }

.bg-\[rgba\(52\,19\,17\,0\.5\)\] { background-color: rgba(52, 19, 17, 0.5); }

.bg-\[rgba\(86\,19\,134\,0\.6\)\] { background-color: rgba(86, 19, 134, 0.6); }

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

.bg-\[linear-gradient\(\#d582ff_11\%\,\#ffffff_37\%\,\#bc74ff_75\%\,\#6e00c9_100\%\)\] { background-image: linear-gradient(rgb(213, 130, 255) 11%, rgb(255, 255, 255) 37%, rgb(188, 116, 255) 75%, rgb(110, 0, 201) 100%); }

.bg-\[linear-gradient\(\#ffa310_15\%\,\#ffedb5_45\%\,\#ee8a00_100\%\)\] { background-image: linear-gradient(rgb(255, 163, 16) 15%, rgb(255, 237, 181) 45%, rgb(238, 138, 0) 100%); }

.bg-\[linear-gradient\(175\.58deg\,\#E6C542_15\.82\%\,\#FDF1CA_43\.2\%\,\#EEA300_87\.69\%\)\] { background-image: linear-gradient(175.58deg, rgb(230, 197, 66) 15.82%, rgb(253, 241, 202) 43.2%, rgb(238, 163, 0) 87.69%); }

.bg-\[linear-gradient\(175\.58deg\,\#FCCB2F_15\.82\%\,\#FFE184_43\.2\%\,\#BA771A_87\.69\%\)\] { background-image: linear-gradient(175.58deg, rgb(252, 203, 47) 15.82%, rgb(255, 225, 132) 43.2%, rgb(186, 119, 26) 87.69%); }

.bg-\[linear-gradient\(179\.37deg\,\#FFA310\,\#FFEDB5\,\#EE8A00\)\] { background-image: linear-gradient(179.37deg, rgb(255, 163, 16), rgb(255, 237, 181), rgb(238, 138, 0)); }

.bg-\[linear-gradient\(179\.37deg\,\#FFA310_16\.23\%\,\#FFEDB5_55\.4\%\,\#EE8A00_104\.08\%\)\] { background-image: linear-gradient(179.37deg, rgb(255, 163, 16) 16.23%, rgb(255, 237, 181) 55.4%, rgb(238, 138, 0) 104.08%); }

.bg-\[linear-gradient\(180deg\,\#FB970C_15\.05\%\,\#F22301_100\%\)\] { background-image: linear-gradient(rgb(251, 151, 12) 15.05%, rgb(242, 35, 1) 100%); }

.bg-\[linear-gradient\(180deg\,\#FFFCF7\,\#FBCC34\)\] { background-image: linear-gradient(rgb(255, 252, 247), rgb(251, 204, 52)); }

.bg-\[linear-gradient\(180deg\,\#FFFCF7_44\%\,\#FBCC34_73\.4\%\)\] { background-image: linear-gradient(rgb(255, 252, 247) 44%, rgb(251, 204, 52) 73.4%); }

.bg-\[linear-gradient\(180deg\,\#FFFCF7_44\.61\%\,\#FBCC34_73\.4\%\)\] { background-image: linear-gradient(rgb(255, 252, 247) 44.61%, rgb(251, 204, 52) 73.4%); }

.bg-\[linear-gradient\(180deg\,\#ffffff_0\%\,\#fbcc34_100\%\)\] { background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 204, 52) 100%); }

.bg-\[linear-gradient\(270deg\,\#FBCC34\,\#FFFFFF\)\] { background-image: linear-gradient(270deg, rgb(251, 204, 52), rgb(255, 255, 255)); }

.bg-\[linear-gradient\(86\.55deg\,\#FF6400_1\.16\%\,\#FFA164_52\.92\%\,\#FF6400_99\.15\%\)\] { background-image: linear-gradient(86.55deg, rgb(255, 100, 0) 1.16%, rgb(255, 161, 100) 52.92%, rgb(255, 100, 0) 99.15%); }

.bg-\[linear-gradient\(90deg\,\#24EE89_0\%\,\#9FE871_100\%\)\] { background-image: linear-gradient(90deg, rgb(36, 238, 137) 0%, rgb(159, 232, 113) 100%); }

.bg-\[linear-gradient\(90deg\,\#36ee93_0\%\,\#9fe871_100\%\)\] { background-image: linear-gradient(90deg, rgb(54, 238, 147) 0%, rgb(159, 232, 113) 100%); }

.bg-\[linear-gradient\(90deg\,\#67523B\,\#F3C28B\,\#67523B\)\] { background-image: linear-gradient(90deg, rgb(103, 82, 59), rgb(243, 194, 139), rgb(103, 82, 59)); }

.bg-\[linear-gradient\(90deg\,\#9FE871\,\#24EE89\)\] { background-image: linear-gradient(90deg, rgb(159, 232, 113), rgb(36, 238, 137)); }

.bg-\[linear-gradient\(90deg\,\#9FE871_0\%\,\#24EE89_100\%\)\] { background-image: linear-gradient(90deg, rgb(159, 232, 113) 0%, rgb(36, 238, 137) 100%); }

.bg-\[linear-gradient\(90deg\,\#9FE872_25\.4\%\,\#25EE89_77\.49\%\)\] { background-image: linear-gradient(90deg, rgb(159, 232, 114) 25.4%, rgb(37, 238, 137) 77.49%); }

.bg-\[linear-gradient\(90deg\,\#B8C6E6\,\#E0E6F6\)\] { background-image: linear-gradient(90deg, rgb(184, 198, 230), rgb(224, 230, 246)); }

.bg-\[linear-gradient\(90deg\,\#F1B03D\,\#FFEB65\)\] { background-image: linear-gradient(90deg, rgb(241, 176, 61), rgb(255, 235, 101)); }

.bg-\[linear-gradient\(90deg\,\#F8A008_0\%\,\#F8F808_100\%\)\] { background-image: linear-gradient(90deg, rgb(248, 160, 8) 0%, rgb(248, 248, 8) 100%); }

.bg-\[linear-gradient\(90deg\,\#FCCB2F\,\#FFE184\,\#BA771A\)\] { background-image: linear-gradient(90deg, rgb(252, 203, 47), rgb(255, 225, 132), rgb(186, 119, 26)); }

.bg-\[linear-gradient\(90deg\,\#FFA310\,\#FFEDB5\,\#EE8A00\)\] { background-image: linear-gradient(90deg, rgb(255, 163, 16), rgb(255, 237, 181), rgb(238, 138, 0)); }

.bg-\[linear-gradient\(90deg\,\#FFFFFF\,\#FBCC34\)\] { background-image: linear-gradient(90deg, rgb(255, 255, 255), rgb(251, 204, 52)); }

.bg-\[linear-gradient\(90deg\,\#FFFFFF_0\%\,\#FBCC34_100\%\)\] { background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(251, 204, 52) 100%); }

.bg-\[linear-gradient\(90deg\,\#FFFFFF_25\.4\%\,\#FBCC34_77\.49\%\)\] { background-image: linear-gradient(90deg, rgb(255, 255, 255) 25.4%, rgb(251, 204, 52) 77.49%); }

.bg-\[linear-gradient\(93\.41deg\,\#FFFFFF_5\.66\%\,\#FFEA6A_93\.25\%\)\] { background-image: linear-gradient(93.41deg, rgb(255, 255, 255) 5.66%, rgb(255, 234, 106) 93.25%); }

.bg-gradient-to-t { background-image: linear-gradient(to top,var(--tw-gradient-stops)); }

.from-\[\#000\]\/\[0\] { --tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#23262600\] { --tw-gradient-from: #23262600 var(--tw-gradient-from-position); --tw-gradient-to: rgb(35 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#23ee88\]\/10 { --tw-gradient-from: rgb(35 238 136 / .1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(35 238 136 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#875a14\] { --tw-gradient-from: #875a14 var(--tw-gradient-from-position); --tw-gradient-to: rgb(135 90 20 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#9FE871\] { --tw-gradient-from: #9FE871 var(--tw-gradient-from-position); --tw-gradient-to: rgb(159 232 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#9fe871\] { --tw-gradient-from: #9fe871 var(--tw-gradient-from-position); --tw-gradient-to: rgb(159 232 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#F2AD28\] { --tw-gradient-from: #F2AD28 var(--tw-gradient-from-position); --tw-gradient-to: rgb(242 173 40 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#F4F4F400\] { --tw-gradient-from: #F4F4F400 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 244 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#d9f6e02d\] { --tw-gradient-from: #d9f6e02d var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 246 224 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#e6c542\] { --tw-gradient-from: #e6c542 var(--tw-gradient-from-position); --tw-gradient-to: rgb(230 197 66 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#ef9e3f\] { --tw-gradient-from: #ef9e3f var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 158 63 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#f8a008\] { --tw-gradient-from: #f8a008 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 160 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#f9cc4d\] { --tw-gradient-from: #f9cc4d var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 204 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#fbfe8f00\] { --tw-gradient-from: #fbfe8f00 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 254 143 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#fefaa9\] { --tw-gradient-from: #fefaa9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 250 169 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[\#ffa310\] { --tw-gradient-from: #ffa310 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 163 16 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[rgba\(86\,19\,134\,0\.4\)\] { --tw-gradient-from: rgba(86,19,134,.4) var(--tw-gradient-from-position); --tw-gradient-to: rgba(86, 19, 134, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-\[61\.231\%\] { --tw-gradient-from-position: 61.231%; }

.via-\[\#d9f6df\] { --tw-gradient-to: rgb(217 246 223 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d9f6df var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-\[\#f4b840\] { --tw-gradient-to: rgb(244 184 64 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f4b840 var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-\[\#fcef751a\] { --tw-gradient-to: rgb(252 239 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fcef751a var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-\[\#fdf1ca\] { --tw-gradient-to: rgb(253 241 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fdf1ca var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-\[\#ffedb5\] { --tw-gradient-to: rgb(255 237 181 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffedb5 var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-\[41\.346\%\] { --tw-gradient-via-position: 41.346%; }

.via-\[78\.677\%\] { --tw-gradient-via-position: 78.677%; }

.to-\[\#000\] { --tw-gradient-to: #000 var(--tw-gradient-to-position); }

.to-\[\#232626\] { --tw-gradient-to: #232626 var(--tw-gradient-to-position); }

.to-\[\#23ee88\]\/0 { --tw-gradient-to: rgb(35 238 136 / 0) var(--tw-gradient-to-position); }

.to-\[\#24ee89\] { --tw-gradient-to: #24ee89 var(--tw-gradient-to-position); }

.to-\[\#622c02\] { --tw-gradient-to: #622c02 var(--tw-gradient-to-position); }

.to-\[\#F4F4F4\] { --tw-gradient-to: #F4F4F4 var(--tw-gradient-to-position); }

.to-\[\#FBCC34\] { --tw-gradient-to: #FBCC34 var(--tw-gradient-to-position); }

.to-\[\#b57712\] { --tw-gradient-to: #b57712 var(--tw-gradient-to-position); }

.to-\[\#d9f6e032\] { --tw-gradient-to: #d9f6e032 var(--tw-gradient-to-position); }

.to-\[\#ee8a00\] { --tw-gradient-to: #ee8a00 var(--tw-gradient-to-position); }

.to-\[\#eea300\] { --tw-gradient-to: #eea300 var(--tw-gradient-to-position); }

.to-\[\#f8f808\] { --tw-gradient-to: #f8f808 var(--tw-gradient-to-position); }

.to-\[\#fbd765\] { --tw-gradient-to: #fbd765 var(--tw-gradient-to-position); }

.to-\[\#ffd3444b\] { --tw-gradient-to: #ffd3444b var(--tw-gradient-to-position); }

.to-\[rgba\(34\,10\,57\)\] { --tw-gradient-to: rgba(34,10,57) var(--tw-gradient-to-position); }

.\!bg-clip-text { background-clip: text !important; }

.fill-\[\#F8F808\] { fill: rgb(248, 248, 8); }

.fill-input { fill: rgb(var(--input) / 1); }

.p-7 { padding: 1.75rem; }

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

.px-15 { padding-left: 3.75rem; padding-right: 3.75rem; }

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

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

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

.px-56 { padding-left: 14rem; padding-right: 14rem; }

.px-\[3\%\] { padding-left: 3%; padding-right: 3%; }

.py-4\.5 { padding-top: 1.125rem; padding-bottom: 1.125rem; }

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

.pb-32 { padding-bottom: 8rem; }

.pl-20 { padding-left: 5rem; }

.pl-7 { padding-left: 1.75rem; }

.pt-11 { padding-top: 2.75rem; }

.pt-14 { padding-top: 3.5rem; }

.pt-20 { padding-top: 5rem; }

.pt-28 { padding-top: 7rem; }

.indent-3 { text-indent: 0.75rem; }

.font-\[italic\] { font-family: italic; }

.text-3xl\/6 { font-size: 1.875rem; line-height: 1.5rem; }

.text-\[0\.5rem\] { font-size: 0.5rem; }

.text-\[0\.64rem\] { font-size: 0.64rem; }

.text-\[0\.65rem\] { font-size: 0.65rem; }

.text-\[0px\] { font-size: 0px; }

.text-\[18px\] { font-size: 18px; }

.text-sm\/6 { font-size: 0.875rem; line-height: 1.5rem; }

.font-\[900\] { font-weight: 900; }

.\!capitalize { text-transform: capitalize !important; }

.\!leading-\[1\] { line-height: 1 !important; }

.\!leading-normal { line-height: 1.5 !important; }

.leading-\[0\] { line-height: 0; }

.leading-relaxed { line-height: 1.625; }

.tracking-wider { letter-spacing: 0.05em; }

.\!text-alw_white { color: rgb(var(--alw_white) / 1) !important; }

.text-\[\#000C06\] { color: rgb(0, 12, 6); }

.text-\[\#000\] { color: rgb(0, 0, 0); }

.text-\[\#000c06\] { color: rgb(0, 12, 6); }

.text-\[\#010101\] { color: rgb(1, 1, 1); }

.text-\[\#040404\] { color: rgb(4, 4, 4); }

.text-\[\#040624\] { color: rgb(4, 6, 36); }

.text-\[\#090909\] { color: rgb(9, 9, 9); }

.text-\[\#0B0B0B\] { color: rgb(11, 11, 11); }

.text-\[\#11112E\] { color: rgb(17, 17, 46); }

.text-\[\#1D0705\] { color: rgb(29, 7, 5); }

.text-\[\#1F150D\], .text-\[\#1f150d\] { color: rgb(31, 21, 13); }

.text-\[\#232323\] { color: rgb(35, 35, 35); }

.text-\[\#270a09\] { color: rgb(39, 10, 9); }

.text-\[\#28ED88\] { color: rgb(40, 237, 136); }

.text-\[\#29ee88\] { color: rgb(41, 238, 136); }

.text-\[\#2CD97D\] { color: rgb(44, 217, 125); }

.text-\[\#31EE92\] { color: rgb(49, 238, 146); }

.text-\[\#32EE8F\] { color: rgb(50, 238, 143); }

.text-\[\#333\] { color: rgb(51, 51, 51); }

.text-\[\#341311\] { color: rgb(52, 19, 17); }

.text-\[\#366344\] { color: rgb(54, 99, 68); }

.text-\[\#3E3F40\] { color: rgb(62, 63, 64); }

.text-\[\#402EEE\] { color: rgb(64, 46, 238); }

.text-\[\#480905\] { color: rgb(72, 9, 5); }

.text-\[\#575656\] { color: rgb(87, 86, 86); }

.text-\[\#666\] { color: rgb(102, 102, 102); }

.text-\[\#697072\] { color: rgb(105, 112, 114); }

.text-\[\#6BF378\] { color: rgb(107, 243, 120); }

.text-\[\#707777\] { color: rgb(112, 119, 119); }

.text-\[\#777\] { color: rgb(119, 119, 119); }

.text-\[\#898989\] { color: rgb(137, 137, 137); }

.text-\[\#8a6e3a\] { color: rgb(138, 110, 58); }

.text-\[\#939393\] { color: rgb(147, 147, 147); }

.text-\[\#958A79\] { color: rgb(149, 138, 121); }

.text-\[\#979797\] { color: rgb(151, 151, 151); }

.text-\[\#9C9C9C99\] { color: rgba(156, 156, 156, 0.6); }

.text-\[\#9C9C9C\] { color: rgb(156, 156, 156); }

.text-\[\#9fe871\] { color: rgb(159, 232, 113); }

.text-\[\#A4ACAC\] { color: rgb(164, 172, 172); }

.text-\[\#A5A5A5\] { color: rgb(165, 165, 165); }

.text-\[\#A73D32\] { color: rgb(167, 61, 50); }

.text-\[\#AF8741\] { color: rgb(175, 135, 65); }

.text-\[\#B2BFC2\] { color: rgb(178, 191, 194); }

.text-\[\#B3BEC1\] { color: rgb(179, 190, 193); }

.text-\[\#C18017\] { color: rgb(193, 128, 23); }

.text-\[\#CACACA\] { color: rgb(202, 202, 202); }

.text-\[\#D5D5D5\] { color: rgb(213, 213, 213); }

.text-\[\#EAEAEA\] { color: rgb(234, 234, 234); }

.text-\[\#F3B33F\] { color: rgb(243, 179, 63); }

.text-\[\#F8DC08\] { color: rgb(248, 220, 8); }

.text-\[\#F8F808\] { color: rgb(248, 248, 8); }

.text-\[\#F9CC4D\] { color: rgb(249, 204, 77); }

.text-\[\#FBCC34\] { color: rgb(251, 204, 52); }

.text-\[\#FCF1BE\], .text-\[\#FCF1Be\] { color: rgb(252, 241, 190); }

.text-\[\#FCF39E\] { color: rgb(252, 243, 158); }

.text-\[\#FF6400\] { color: rgb(255, 100, 0); }

.text-\[\#FFD36D\] { color: rgb(255, 211, 109); }

.text-\[\#FFDC67\] { color: rgb(255, 220, 103); }

.text-\[\#FFFFFFB8\] { color: rgba(255, 255, 255, 0.72); }

.text-\[\#a5a5a5\] { color: rgb(165, 165, 165); }

.text-\[\#b57712\] { color: rgb(181, 119, 18); }

.text-\[\#d5d5d5\] { color: rgb(213, 213, 213); }

.text-\[\#e1e1e1\] { color: rgb(225, 225, 225); }

.text-\[\#f2ad28\] { color: rgb(242, 173, 40); }

.text-\[\#f2c628\] { color: rgb(242, 198, 40); }

.text-\[\#f9cc4d\] { color: rgb(249, 204, 77); }

.text-\[\#ff6400\] { color: rgb(255, 100, 0); }

.text-\[\#fff238\] { color: rgb(255, 242, 56); }

.text-\[red\] { color: red; }

.text-\[rgb\(179\,190\,193\)\] { color: rgb(179, 190, 193); }

.text-\[rgb\(242\,173\,40\)\] { color: rgb(242, 173, 40); }

.text-\[rgb\(252\,215\,96\)\] { color: rgb(252, 215, 96); }

.text-\[rgba\(137\,241\,26\)\] { color: rgb(137, 241, 26); }

.text-\[rgba\(252\,215\,96\)\] { color: rgb(252, 215, 96); }

.text-brand_secondary { color: rgb(var(--brand_secondary) / 1); }

.text-layer6 { color: rgb(var(--layer6) / 1); }

.opacity-10 { opacity: 0.1; }

.opacity-60 { opacity: 0.6; }

.mix-blend-multiply { mix-blend-mode: multiply; }

.mix-blend-soft-light { mix-blend-mode: soft-light; }

.shadow-\[0_4px_0_0_\#ba7f19\] { --tw-shadow: 0 4px 0 0 #ba7f19; --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0 4px 4px 0 rgba(0,0,0,.25); --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[0px_0px_6\.980570316314697px_3\.8780946731567383px_rgba\(116\,250\,44\,0\.11\)\] { --tw-shadow: 0px 0px 6.980570316314697px 3.8780946731567383px rgba(116,250,44,.11); --tw-shadow-colored: 0px 0px 6.980570316314697px 3.8780946731567383px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[inset_0px_0px_5\.13847541809082px_0\.9695236682891846px_rgba\(156\,255\,110\,1\.00\)\] { --tw-shadow: inset 0px 0px 5.13847541809082px .9695236682891846px rgba(156,255,110,1); --tw-shadow-colored: inset 0px 0px 5.13847541809082px .9695236682891846px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[inset_0px_0px_5\.312397003173828px_1\.0023390054702759px_rgba\(156\,255\,110\,1\.00\)\] { --tw-shadow: inset 0px 0px 5.312397003173828px 1.0023390054702759px rgba(156,255,110,1); --tw-shadow-colored: inset 0px 0px 5.312397003173828px 1.0023390054702759px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[inset_0px_0px_5\.671713352203369px_0px_rgba\(8\,255\,132\,1\.00\)\] { --tw-shadow: inset 0px 0px 5.671713352203369px 0px rgba(8,255,132,1); --tw-shadow-colored: inset 0px 0px 5.671713352203369px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.shadow-\[inset_0px_0px_5\.863683223724365px_0px_rgba\(210\,255\,8\,1\.00\)\] { --tw-shadow: inset 0px 0px 5.863683223724365px 0px rgba(210,255,8,1); --tw-shadow-colored: inset 0px 0px 5.863683223724365px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }

.outline-1 { outline-width: 1px; }

.outline-offset-\[-1px\] { outline-offset: -1px; }

.outline-\[\#fffeb4\] { outline-color: rgb(255, 254, 180); }

.drop-shadow-lg { --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1)); 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); }

.duration-150 { transition-duration: 0.15s; }

.help-center-box {
  & .deposit-game-list, & .blocked-game-list, & .freemoney-game-list, & .freespin-game-list {
  border-top: 1px solid rgba(228, 234, 240, 0.3); border-left: 1px solid rgba(228, 234, 240, 0.3);
  & > div {
  display: flex; align-items: center; height: 1.5rem;
  & > span {
  text-align: center; border-right: 1px solid rgba(228, 234, 240, 0.3); border-bottom: 1px solid rgba(228, 234, 240, 0.3); flex: 0 0 auto; white-space: nowrap; font-size: 0.75rem; height: 1.5rem; line-height: 1.5rem; overflow: hidden; width: 50%;
  @media screen and (min-width: 625px) {
  width: 25%;
}
}
}
}
  & table { width: 100%; }
  & a { color: rgb(var(--brand)); }
  & h2 { color: rgb(var(--primary)); font-weight: 800; }
  & p { color: rgb(var(--secondary)); margin: 0.75rem 0px; }
  & li {
  color: rgb(var(--secondary)); list-style: inside disc; margin: 0.5rem 0px;
  & p { display: inline; }
}
  & svg.hashbet { width: 0.75rem; display: inline-flex; fill: rgb(36, 238, 137); }
}

.side-fold .mining-entry-box { height: 40px; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: 5000s ease-in-out, color 5000s ease-in-out !important; }

.big-arrow svg { width: 36px; height: 36px; }

.\*\:absolute > * { position: absolute; }

.\*\:top-9 > * { top: 2.25rem; }

.\*\:size-10 > * { width: 2.5rem; height: 2.5rem; }

.\*\:bg-transparent > * { background-color: transparent; }

.disabled\:opacity-30:disabled { opacity: 0.3; }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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-alw_white:hover { background-color: rgb(var(--alw_white) / 1); }
  .hover\:bg-brand:hover { background-color: rgb(var(--brand) / 1); }
  .hover\:bg-white_alpha10:hover { background-color: rgba(255, 255, 255, 0.1); }
  .hover\:text-\[\#040624\]:hover { color: rgb(4, 6, 36); }
  .hover\:text-alw_dark:hover { color: rgb(var(--alw_dark) / 1); }
  .hover\:opacity-100:hover { opacity: 1; }
  .hover\:opacity-60:hover { opacity: 0.6; }
  .hover\:opacity-75:hover { opacity: 0.75; }
  .hover\:opacity-80:hover { opacity: 0.8; }
}

@media not all and (min-width: 640px) {
  .max-sm\:absolute { position: absolute; }
  .max-sm\:relative { position: relative; }
  .max-sm\:\!left-14 { left: 3.5rem !important; }
  .max-sm\:-bottom-\[24\%\] { bottom: -24%; }
  .max-sm\:-left-1 { left: -0.25rem; }
  .max-sm\:-left-2 { left: -0.5rem; }
  .max-sm\:-left-3 { left: -0.75rem; }
  .max-sm\:-left-4 { left: -1rem; }
  .max-sm\:-left-\[35\%\] { left: -35%; }
  .max-sm\:-right-12 { right: -3rem; }
  .max-sm\:-right-4 { right: -1rem; }
  .max-sm\:-right-8 { right: -2rem; }
  .max-sm\:-top-10 { top: -2.5rem; }
  .max-sm\:-top-14 { top: -3.5rem; }
  .max-sm\:-top-28 { top: -7rem; }
  .max-sm\:-top-4 { top: -1rem; }
  .max-sm\:-top-5 { top: -1.25rem; }
  .max-sm\:-top-8 { top: -2rem; }
  .max-sm\:-top-\[30\%\] { top: -30%; }
  .max-sm\:bottom-0 { bottom: 0px; }
  .max-sm\:bottom-1 { bottom: 0.25rem; }
  .max-sm\:bottom-4 { bottom: 1rem; }
  .max-sm\:bottom-7 { bottom: 1.75rem; }
  .max-sm\:bottom-8 { bottom: 2rem; }
  .max-sm\:bottom-\[0\.1rem\] { bottom: 0.1rem; }
  .max-sm\:bottom-\[60\%\] { bottom: 60%; }
  .max-sm\:left-0 { left: 0px; }
  .max-sm\:left-1\/2 { left: 50%; }
  .max-sm\:left-10 { left: 2.5rem; }
  .max-sm\:left-18 { left: 4.5rem; }
  .max-sm\:left-2 { left: 0.5rem; }
  .max-sm\:left-3 { left: 0.75rem; }
  .max-sm\:left-44 { left: 11rem; }
  .max-sm\:left-5 { left: 1.25rem; }
  .max-sm\:right-0 { right: 0px; }
  .max-sm\:right-2 { right: 0.5rem; }
  .max-sm\:right-6 { right: 1.5rem; }
  .max-sm\:top-0 { top: 0px; }
  .max-sm\:top-0\.5 { top: 0.125rem; }
  .max-sm\:top-1\/2 { top: 50%; }
  .max-sm\:top-10 { top: 2.5rem; }
  .max-sm\:top-2 { top: 0.5rem; }
  .max-sm\:top-28 { top: 7rem; }
  .max-sm\:top-72 { top: 18rem; }
  .max-sm\:top-8 { top: 2rem; }
  .max-sm\:top-\[0\%\] { top: 0%; }
  .max-sm\:top-\[10\%\] { top: 10%; }
  .max-sm\:top-\[28\%\] { top: 28%; }
  .max-sm\:z-100 { z-index: 100; }
  .max-sm\:z-20 { z-index: 20; }
  .max-sm\:order-1 { order: 1; }
  .max-sm\:order-2 { order: 2; }
  .max-sm\:order-3 { order: 3; }
  .max-sm\:-mx-4 { margin-left: -1rem; margin-right: -1rem; }
  .max-sm\:mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .max-sm\:mx-auto { margin-left: auto; margin-right: auto; }
  .max-sm\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .max-sm\:\!-mb-\[1rem\] { margin-bottom: -1rem !important; }
  .max-sm\:-ml-8 { margin-left: -2rem; }
  .max-sm\:-mt-10 { margin-top: -2.5rem; }
  .max-sm\:-mt-12 { margin-top: -3rem; }
  .max-sm\:-mt-14 { margin-top: -3.5rem; }
  .max-sm\:-mt-15 { margin-top: -3.75rem; }
  .max-sm\:-mt-16 { margin-top: -4rem; }
  .max-sm\:-mt-18 { margin-top: -4.5rem; }
  .max-sm\:-mt-20 { margin-top: -5rem; }
  .max-sm\:-mt-24 { margin-top: -6rem; }
  .max-sm\:-mt-32 { margin-top: -8rem; }
  .max-sm\:-mt-36 { margin-top: -9rem; }
  .max-sm\:-mt-4 { margin-top: -1rem; }
  .max-sm\:-mt-40 { margin-top: -10rem; }
  .max-sm\:-mt-52 { margin-top: -13rem; }
  .max-sm\:-mt-6 { margin-top: -1.5rem; }
  .max-sm\:-mt-\[10rem\] { margin-top: -10rem; }
  .max-sm\:mb-15 { margin-bottom: 3.75rem; }
  .max-sm\:mb-2 { margin-bottom: 0.5rem; }
  .max-sm\:mb-20 { margin-bottom: 5rem; }
  .max-sm\:mb-3 { margin-bottom: 0.75rem; }
  .max-sm\:mb-3\.5 { margin-bottom: 0.875rem; }
  .max-sm\:mb-4 { margin-bottom: 1rem; }
  .max-sm\:mb-4\.5 { margin-bottom: 1.125rem; }
  .max-sm\:mb-5 { margin-bottom: 1.25rem; }
  .max-sm\:mb-6 { margin-bottom: 1.5rem; }
  .max-sm\:mb-7 { margin-bottom: 1.75rem; }
  .max-sm\:mb-8 { margin-bottom: 2rem; }
  .max-sm\:mb-\[-1rem\] { margin-bottom: -1rem; }
  .max-sm\:ml-2 { margin-left: 0.5rem; }
  .max-sm\:ml-2\.5 { margin-left: 0.625rem; }
  .max-sm\:ml-3 { margin-left: 0.75rem; }
  .max-sm\:ml-4 { margin-left: 1rem; }
  .max-sm\:ml-8 { margin-left: 2rem; }
  .max-sm\:ml-auto { margin-left: auto; }
  .max-sm\:mr-1 { margin-right: 0.25rem; }
  .max-sm\:mr-1\.5 { margin-right: 0.375rem; }
  .max-sm\:mr-2 { margin-right: 0.5rem; }
  .max-sm\:mr-2\.5 { margin-right: 0.625rem; }
  .max-sm\:mr-3 { margin-right: 0.75rem; }
  .max-sm\:mr-5 { margin-right: 1.25rem; }
  .max-sm\:mt-0 { margin-top: 0px; }
  .max-sm\:mt-0\.5 { margin-top: 0.125rem; }
  .max-sm\:mt-1 { margin-top: 0.25rem; }
  .max-sm\:mt-1\.5 { margin-top: 0.375rem; }
  .max-sm\:mt-10 { margin-top: 2.5rem; }
  .max-sm\:mt-12 { margin-top: 3rem; }
  .max-sm\:mt-14 { margin-top: 3.5rem; }
  .max-sm\:mt-15 { margin-top: 3.75rem; }
  .max-sm\:mt-16 { margin-top: 4rem; }
  .max-sm\:mt-2 { margin-top: 0.5rem; }
  .max-sm\:mt-2\.5 { margin-top: 0.625rem; }
  .max-sm\:mt-20 { margin-top: 5rem; }
  .max-sm\:mt-24 { margin-top: 6rem; }
  .max-sm\:mt-3 { margin-top: 0.75rem; }
  .max-sm\:mt-3\.5 { margin-top: 0.875rem; }
  .max-sm\:mt-4 { margin-top: 1rem; }
  .max-sm\:mt-4\.5 { margin-top: 1.125rem; }
  .max-sm\:mt-5 { margin-top: 1.25rem; }
  .max-sm\:mt-6 { margin-top: 1.5rem; }
  .max-sm\:mt-7 { margin-top: 1.75rem; }
  .max-sm\:mt-8 { margin-top: 2rem; }
  .max-sm\:mt-9 { margin-top: 2.25rem; }
  .max-sm\:block { display: block; }
  .max-sm\:inline-block { display: inline-block; }
  .max-sm\:flex { display: flex; }
  .max-sm\:inline-flex { display: inline-flex; }
  .max-sm\:grid { display: grid; }
  .max-sm\:hidden { display: none; }
  .max-sm\:h-10 { height: 2.5rem; }
  .max-sm\:h-100 { height: 25rem; }
  .max-sm\:h-11 { height: 2.75rem; }
  .max-sm\:h-12 { height: 3rem; }
  .max-sm\:h-14 { height: 3.5rem; }
  .max-sm\:h-18 { height: 4.5rem; }
  .max-sm\:h-2 { height: 0.5rem; }
  .max-sm\:h-20 { height: 5rem; }
  .max-sm\:h-24 { height: 6rem; }
  .max-sm\:h-32 { height: 8rem; }
  .max-sm\:h-40 { height: 10rem; }
  .max-sm\:h-5 { height: 1.25rem; }
  .max-sm\:h-52 { height: 13rem; }
  .max-sm\:h-56 { height: 14rem; }
  .max-sm\:h-8 { height: 2rem; }
  .max-sm\:h-80 { height: 20rem; }
  .max-sm\:h-9 { height: 2.25rem; }
  .max-sm\:h-\[2\.9rem\] { height: 2.9rem; }
  .max-sm\:h-\[35rem\] { height: 35rem; }
  .max-sm\:h-\[37rem\] { height: 37rem; }
  .max-sm\:h-\[616px\] { height: 616px; }
  .max-sm\:h-\[65vh\] { height: 65vh; }
  .max-sm\:h-\[calc\(100vh-24rem\)\] { height: calc(-24rem + 100vh); }
  .max-sm\:h-\[calc\(100vh-4rem\)\] { height: calc(-4rem + 100vh); }
  .max-sm\:h-full { height: 100%; }
  .max-sm\:min-h-\[100vh\] { min-height: 100vh; }
  .max-sm\:min-h-\[450px\] { min-height: 450px; }
  .max-sm\:min-h-\[500px\] { min-height: 500px; }
  .max-sm\:min-h-screen { min-height: 100vh; }
  .max-sm\:w-1\/2 { width: 50%; }
  .max-sm\:w-12 { width: 3rem; }
  .max-sm\:w-14 { width: 3.5rem; }
  .max-sm\:w-16 { width: 4rem; }
  .max-sm\:w-18 { width: 4.5rem; }
  .max-sm\:w-2 { width: 0.5rem; }
  .max-sm\:w-20 { width: 5rem; }
  .max-sm\:w-24 { width: 6rem; }
  .max-sm\:w-28 { width: 7rem; }
  .max-sm\:w-3 { width: 0.75rem; }
  .max-sm\:w-3\.5 { width: 0.875rem; }
  .max-sm\:w-3\/5 { width: 60%; }
  .max-sm\:w-32 { width: 8rem; }
  .max-sm\:w-36 { width: 9rem; }
  .max-sm\:w-4\/5 { width: 80%; }
  .max-sm\:w-40 { width: 10rem; }
  .max-sm\:w-5 { width: 1.25rem; }
  .max-sm\:w-52 { width: 13rem; }
  .max-sm\:w-56 { width: 14rem; }
  .max-sm\:w-60 { width: 15rem; }
  .max-sm\:w-64 { width: 16rem; }
  .max-sm\:w-80 { width: 20rem; }
  .max-sm\:w-\[120\%\] { width: 120%; }
  .max-sm\:w-\[130\%\] { width: 130%; }
  .max-sm\:w-\[20\.5rem\] { width: 20.5rem; }
  .max-sm\:w-\[21\.5rem\] { width: 21.5rem; }
  .max-sm\:w-\[65\%\] { width: 65%; }
  .max-sm\:w-\[70\%\] { width: 70%; }
  .max-sm\:w-\[80\%\] { width: 80%; }
  .max-sm\:w-\[800px\] { width: 800px; }
  .max-sm\:w-\[85\%\] { width: 85%; }
  .max-sm\:w-\[90\%\] { width: 90%; }
  .max-sm\:w-\[95\%\] { width: 95%; }
  .max-sm\:w-full { width: 100%; }
  .max-sm\:min-w-28 { min-width: 7rem; }
  .max-sm\:min-w-40 { min-width: 10rem; }
  .max-sm\:max-w-28 { max-width: 7rem; }
  .max-sm\:max-w-72 { max-width: 18rem; }
  .max-sm\:max-w-96 { max-width: 24rem; }
  .max-sm\:max-w-\[100vw\] { max-width: 100vw; }
  .max-sm\:max-w-\[600px\] { max-width: 600px; }
  .max-sm\:max-w-\[800px\] { max-width: 800px; }
  .max-sm\:max-w-max { max-width: max-content; }
  .max-sm\:flex-1 { flex: 1 1 0%; }
  .max-sm\:flex-auto { flex: 1 1 auto; }
  .max-sm\:flex-shrink-0 { flex-shrink: 0; }
  .max-sm\:flex-grow-0 { flex-grow: 0; }
  .max-sm\:\!basis-\[100\%\] { flex-basis: 100% !important; }
  .max-sm\:basis-3\/5 { flex-basis: 60%; }
  .max-sm\:basis-\[48\%\] { flex-basis: 48%; }
  .max-sm\:basis-full { flex-basis: 100%; }
  .max-sm\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .max-sm\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .max-sm\:-translate-y-\[130\%\] { --tw-translate-y: -130%; 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)); }
  .max-sm\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .max-sm\:scale-150 { --tw-scale-x: 1.5; --tw-scale-y: 1.5; 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)); }
  .max-sm\:scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; 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)); }
  .max-sm\:scale-\[100\%\] { --tw-scale-x: 100%; --tw-scale-y: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .max-sm\:scale-\[80\%\] { --tw-scale-x: 80%; --tw-scale-y: 80%; 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)); }
  .max-sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .max-sm\:flex-row-reverse { flex-direction: row-reverse; }
  .max-sm\:flex-col { flex-direction: column; }
  .max-sm\:flex-col-reverse { flex-direction: column-reverse; }
  .max-sm\:flex-wrap { flex-wrap: wrap; }
  .max-sm\:items-center { align-items: center; }
  .max-sm\:justify-start { justify-content: flex-start; }
  .max-sm\:justify-end { justify-content: flex-end; }
  .max-sm\:justify-center { justify-content: center; }
  .max-sm\:justify-between { justify-content: space-between; }
  .max-sm\:justify-around { justify-content: space-around; }
  .max-sm\:overflow-hidden { overflow: hidden; }
  .max-sm\:rounded-md { border-radius: var(--radius-md); }
  .max-sm\:rounded-xl { border-radius: var(--radius-xl); }
  .max-sm\:rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
  .max-sm\:rounded-b-lg10 { border-bottom-right-radius: 0.625rem; border-bottom-left-radius: 0.625rem; }
  .max-sm\:border-2 { border-width: 2px; }
  .max-sm\:border-\[\#DDDDDD1F\] { border-color: rgba(221, 221, 221, 0.12); }
  .max-sm\:bg-\[\#060606CC\] { background-color: rgba(6, 6, 6, 0.8); }
  .max-sm\:bg-\[\#171A1A\] { background-color: rgb(23, 26, 26); }
  .max-sm\:bg-\[\#FFFFFF0D\] { background-color: rgba(255, 255, 255, 0.05); }
  .max-sm\:bg-alw_dark { background-color: rgb(var(--alw_dark) / 1); }
  .max-sm\:bg-layer1 { background-color: rgb(var(--layer1) / 1); }
  .max-sm\:p-2 { padding: 0.5rem; }
  .max-sm\:p-4 { padding: 1rem; }
  .max-sm\:p-4\.5 { padding: 1.125rem; }
  .max-sm\:p-5 { padding: 1.25rem; }
  .max-sm\:p-7 { padding: 1.75rem; }
  .max-sm\:px-0 { padding-left: 0px; padding-right: 0px; }
  .max-sm\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .max-sm\:px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
  .max-sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .max-sm\:px-16 { padding-left: 4rem; padding-right: 4rem; }
  .max-sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .max-sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .max-sm\:px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
  .max-sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .max-sm\:px-4\.5 { padding-left: 1.125rem; padding-right: 1.125rem; }
  .max-sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .max-sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .max-sm\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
  .max-sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .max-sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .max-sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .max-sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .max-sm\:py-4\.5 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .max-sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .max-sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .max-sm\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
  .max-sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .max-sm\:pb-0 { padding-bottom: 0px; }
  .max-sm\:pb-10 { padding-bottom: 2.5rem; }
  .max-sm\:pb-20 { padding-bottom: 5rem; }
  .max-sm\:pb-4 { padding-bottom: 1rem; }
  .max-sm\:pb-5 { padding-bottom: 1.25rem; }
  .max-sm\:pb-7 { padding-bottom: 1.75rem; }
  .max-sm\:pb-8 { padding-bottom: 2rem; }
  .max-sm\:pl-1 { padding-left: 0.25rem; }
  .max-sm\:pl-10 { padding-left: 2.5rem; }
  .max-sm\:pl-3 { padding-left: 0.75rem; }
  .max-sm\:pl-5 { padding-left: 1.25rem; }
  .max-sm\:pl-7 { padding-left: 1.75rem; }
  .max-sm\:pl-8 { padding-left: 2rem; }
  .max-sm\:pr-2 { padding-right: 0.5rem; }
  .max-sm\:pr-3 { padding-right: 0.75rem; }
  .max-sm\:pr-7 { padding-right: 1.75rem; }
  .max-sm\:pt-0 { padding-top: 0px; }
  .max-sm\:pt-1 { padding-top: 0.25rem; }
  .max-sm\:pt-10 { padding-top: 2.5rem; }
  .max-sm\:pt-16 { padding-top: 4rem; }
  .max-sm\:pt-18 { padding-top: 4.5rem; }
  .max-sm\:pt-20 { padding-top: 5rem; }
  .max-sm\:pt-4 { padding-top: 1rem; }
  .max-sm\:pt-5 { padding-top: 1.25rem; }
  .max-sm\:pt-6 { padding-top: 1.5rem; }
  .max-sm\:pt-8 { padding-top: 2rem; }
  .max-sm\:text-left { text-align: left; }
  .max-sm\:text-center { text-align: center; }
  .max-sm\:text-right { text-align: right; }
  .max-sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .max-sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .max-sm\:text-7xl { font-size: 4.5rem; line-height: 1; }
  .max-sm\:text-\[0\.8rem\] { font-size: 0.8rem; }
  .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: 0.875rem; line-height: 1.25rem; }
  .max-sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .max-sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
  .max-sm\:font-extrabold { font-weight: 800; }
  .max-sm\:font-semibold { font-weight: 600; }
  .max-sm\:text-brand { color: rgb(var(--brand) / 1); }
  .max-sm\:text-primary { color: rgb(var(--primary) / 1); }
}

.\[\&\>\*\:last-child\]\:right-0 > :last-child { right: 0px; }

.\[\&\>\.pagination-button\]\:bg-input_darken > .pagination-button { background-color: rgb(var(--input_darken) / 1); }

.\[\&\>\.pagination\]\:bg-input_darken > .pagination { background-color: rgb(var(--input_darken) / 1); }

.\[\&\>\.pop-content\]\:-mt-10 > .pop-content { margin-top: -2.5rem; }

.\[\&\>\.pop-content\]\:bg-\[\#341311\] > .pop-content { background-color: rgb(52, 19, 17); }

.\[\&\>\.pop-content\]\:p-0 > .pop-content { padding: 0px; }

.\[\&\>\.pop-title\]\:hidden > .pop-title { display: none; }

@media (min-width: 640px) {
  .dark .dark\:sm\:bg-black_alpha20 { background-color: rgba(0, 0, 0, 0.2); }
  .lowend .sm\:backdrop-blur-md { --tw-backdrop-blur: none; 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); }
  .sm\:backdrop-blur-md { --tw-backdrop-blur: blur(12px); 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); }
  .lowend .sm\:backdrop-blur { --tw-backdrop-blur: none; 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); }
  .sm\:backdrop-blur { --tw-backdrop-blur: blur(8px); 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); }
  .sm\:text-tertiary { color: rgb(var(--tertiary) / 1); }
  .sm\:text-alw_white { color: rgb(var(--alw_white) / 1); }
  .sm\:italic { font-style: italic; }
  .sm\:font-semibold { font-weight: 600; }
  .sm\:font-extrabold { font-weight: 800; }
  .sm\:text-\[90px\] { font-size: 90px; }
  .sm\:text-\[110px\] { font-size: 110px; }
  .sm\:text-9xl { font-size: 8rem; line-height: 1; }
  .sm\:text-8xl { font-size: 6rem; line-height: 1; }
  .sm\:text-7xl { font-size: 4.5rem; line-height: 1; }
  .sm\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .sm\:text-5xl { font-size: 3rem; line-height: 1; }
  .sm\:\!text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; }
  .sm\:text-right { text-align: right; }
  .sm\:pt-36 { padding-top: 9rem; }
  .sm\:pt-32 { padding-top: 8rem; }
  .sm\:pt-24 { padding-top: 6rem; }
  .sm\:pt-20 { padding-top: 5rem; }
  .sm\:pt-18 { padding-top: 4.5rem; }
  .sm\:pt-16 { padding-top: 4rem; }
  .sm\:pt-12 { padding-top: 3rem; }
  .sm\:pr-\[10\%\] { padding-right: 10%; }
  .sm\:pr-72 { padding-right: 18rem; }
  .sm\:pr-20 { padding-right: 5rem; }
  .sm\:pr-16 { padding-right: 4rem; }
  .sm\:pl-\[6\%\] { padding-left: 6%; }
  .sm\:pl-\[12\%\] { padding-left: 12%; }
  .sm\:pl-\[10\%\] { padding-left: 10%; }
  .sm\:pl-5 { padding-left: 1.25rem; }
  .sm\:pl-20 { padding-left: 5rem; }
  .sm\:pe-\[10\%\] { padding-inline-end: 10%; }
  .sm\:pb-9 { padding-bottom: 2.25rem; }
  .sm\:pb-8 { padding-bottom: 2rem; }
  .sm\:pb-7 { padding-bottom: 1.75rem; }
  .sm\:pb-11 { padding-bottom: 2.75rem; }
  .sm\:pb-10 { padding-bottom: 2.5rem; }
  .sm\:\!pt-12 { padding-top: 3rem !important; }
  .sm\:\!pl-10 { padding-left: 2.5rem !important; }
  .sm\:\!pl-0 { padding-left: 0px !important; }
  .sm\:py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .sm\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
  .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm\:py-4\.5 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm\:py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
  .sm\:px-\[5\%\] { padding-left: 5%; padding-right: 5%; }
  .sm\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
  .sm\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm\:px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
  .sm\:px-28 { padding-left: 7rem; padding-right: 7rem; }
  .sm\:px-24 { padding-left: 6rem; padding-right: 6rem; }
  .sm\:px-20 { padding-left: 5rem; padding-right: 5rem; }
  .sm\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
  .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm\:px-18 { padding-left: 4.5rem; padding-right: 4.5rem; }
  .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; }
  .sm\:px-15 { padding-left: 3.75rem; padding-right: 3.75rem; }
  .sm\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
  .sm\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
  .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm\:p-8 { padding: 2rem; }
  .sm\:p-7 { padding: 1.75rem; }
  .sm\:p-5 { padding: 1.25rem; }
  .sm\:p-3\.5 { padding: 0.875rem; }
  .sm\:p-3 { padding: 0.75rem; }
  .sm\:p-2\.5 { padding: 0.625rem; }
  .sm\:p-2 { padding: 0.5rem; }
  .sm\:p-16 { padding: 4rem; }
  .sm\:p-12 { padding: 3rem; }
  .sm\:p-10 { padding: 2.5rem; }
  .sm\:p-0\.5 { padding: 0.125rem; }
  .sm\:object-contain { object-fit: contain; }
  .sm\:bg-white_alpha10 { background-color: rgba(255, 255, 255, 0.1); }
  .sm\:bg-\[\#DADADA14\] { background-color: rgba(218, 218, 218, 0.08); }
  .sm\:bg-\[\#B0FFD833\] { background-color: rgba(176, 255, 216, 0.2); }
  .sm\:bg-\[\#24EE89\]\/10 { background-color: rgba(36, 238, 137, 0.1); }
  .sm\:bg-\[\#191B1CCC\] { background-color: rgba(25, 27, 28, 0.8); }
  .sm\:bg-\[\#151515\] { background-color: rgb(21, 21, 21); }
  .sm\:border-primary { border-color: rgb(var(--primary) / 1); }
  .sm\:border-\[\#DDDDDD1F\] { border-color: rgba(221, 221, 221, 0.12); }
  .sm\:border-\[1\.5px\] { border-width: 1.5px; }
  .sm\:border-2 { border-width: 2px; }
  .sm\:rounded-xl20 { border-radius: 1.25rem; }
  .sm\:self-start { align-self: flex-start; }
  .sm\:gap-x-7 { column-gap: 1.75rem; }
  .sm\:gap-x-5 { column-gap: 1.25rem; }
  .sm\:gap-x-36 { column-gap: 9rem; }
  .sm\:gap-x-28 { column-gap: 7rem; }
  .sm\:gap-x-10 { column-gap: 2.5rem; }
  .sm\:gap-8 { gap: 2rem; }
  .sm\:gap-7 { gap: 1.75rem; }
  .sm\:gap-4 { gap: 1rem; }
  .sm\:gap-3\.5 { gap: 0.875rem; }
  .sm\:gap-14 { gap: 3.5rem; }
  .sm\:gap-12 { gap: 3rem; }
  .sm\:gap-10 { gap: 2.5rem; }
  .sm\:\!justify-center { justify-content: center !important; }
  .sm\:items-stretch { align-items: stretch; }
  .sm\:items-start { align-items: flex-start; }
  .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .sm\:\!grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  .sm\:scale-\[50\%\] { --tw-scale-x: 50%; --tw-scale-y: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .sm\:-translate-y-\[48\%\] { --tw-translate-y: -48%; 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-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .sm\:border-spacing-y-1 { --tw-border-spacing-y: .25rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }
  .sm\:border-spacing-y-0\.5 { --tw-border-spacing-y: .125rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }
  .sm\:border-spacing-y-0 { --tw-border-spacing-y: 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }
  .sm\:basis-\[60\%\] { flex-basis: 60%; }
  .sm\:basis-1\/4 { flex-basis: 25%; }
  .sm\:flex-shrink-0 { flex-shrink: 0; }
  .sm\:max-w-max { max-width: max-content; }
  .sm\:max-w-\[90px\] { max-width: 90px; }
  .sm\:max-w-\[800px\] { max-width: 800px; }
  .sm\:max-w-\[730px\] { max-width: 730px; }
  .sm\:max-w-\[715px\] { max-width: 715px; }
  .sm\:max-w-\[700px\] { max-width: 700px; }
  .sm\:max-w-\[650px\] { max-width: 650px; }
  .sm\:max-w-\[610px\] { max-width: 610px; }
  .sm\:max-w-\[600px\] { max-width: 600px; }
  .sm\:max-w-\[540px\] { max-width: 540px; }
  .sm\:max-w-\[524px\] { max-width: 524px; }
  .sm\:max-w-\[500px\] { max-width: 500px; }
  .sm\:max-w-\[465px\] { max-width: 465px; }
  .sm\:max-w-\[440px\] { max-width: 440px; }
  .sm\:max-w-\[380px\] { max-width: 380px; }
  .sm\:max-w-\[350px\] { max-width: 350px; }
  .sm\:max-w-\[343px\] { max-width: 343px; }
  .sm\:max-w-\[2500px\] { max-width: 2500px; }
  .sm\:max-w-\[1970px\] { max-width: 1970px; }
  .sm\:max-w-\[1760px\] { max-width: 1760px; }
  .sm\:max-w-\[1510px\] { max-width: 1510px; }
  .sm\:max-w-\[1500px\] { max-width: 1500px; }
  .sm\:max-w-\[1490px\] { max-width: 1490px; }
  .sm\:max-w-\[1440px\] { max-width: 1440px; }
  .sm\:max-w-\[1260px\] { max-width: 1260px; }
  .sm\:max-w-\[1000px\] { max-width: 1000px; }
  .sm\:max-w-80 { max-width: 20rem; }
  .sm\:max-w-72 { max-width: 18rem; }
  .sm\:max-w-56 { max-width: 14rem; }
  .sm\:max-w-300 { max-width: 75rem; }
  .sm\:min-w-\[440px\] { min-width: 440px; }
  .sm\:min-w-\[370px\] { min-width: 370px; }
  .sm\:min-w-48 { min-width: 12rem; }
  .sm\:min-w-36 { min-width: 9rem; }
  .sm\:min-w-20 { min-width: 5rem; }
  .sm\:min-w-100 { min-width: 25rem; }
  .sm\:w-\[90\%\] { width: 90%; }
  .sm\:w-\[88px\] { width: 88px; }
  .sm\:w-\[85\%\] { width: 85%; }
  .sm\:w-\[82\%\] { width: 82%; }
  .sm\:w-\[700px\] { width: 700px; }
  .sm\:w-\[640px\] { width: 640px; }
  .sm\:w-\[60\%\] { width: 60%; }
  .sm\:w-\[550px\] { width: 550px; }
  .sm\:w-\[55\%\] { width: 55%; }
  .sm\:w-\[540px\] { width: 540px; }
  .sm\:w-\[500px\] { width: 500px; }
  .sm\:w-\[48rem\] { width: 48rem; }
  .sm\:w-\[476px\] { width: 476px; }
  .sm\:w-\[464px\] { width: 464px; }
  .sm\:w-\[460px\] { width: 460px; }
  .sm\:w-\[45\%\] { width: 45%; }
  .sm\:w-\[422px\] { width: 422px; }
  .sm\:w-\[40\%\] { width: 40%; }
  .sm\:w-\[320px\] { width: 320px; }
  .sm\:w-\[29rem\] { width: 29rem; }
  .sm\:w-\[150\%\] { width: 150%; }
  .sm\:w-\[1300px\] { width: 1300px; }
  .sm\:w-\[105px\] { width: 105px; }
  .sm\:w-\[1008px\] { width: 1008px; }
  .sm\:w-\[1000px\] { width: 1000px; }
  .sm\:w-8 { width: 2rem; }
  .sm\:w-6 { width: 1.5rem; }
  .sm\:w-56 { width: 14rem; }
  .sm\:w-52 { width: 13rem; }
  .sm\:w-5 { width: 1.25rem; }
  .sm\:w-40 { width: 10rem; }
  .sm\:w-4\.5 { width: 1.125rem; }
  .sm\:w-4 { width: 1rem; }
  .sm\:w-36 { width: 9rem; }
  .sm\:w-16 { width: 4rem; }
  .sm\:w-14 { width: 3.5rem; }
  .sm\:w-100 { width: 25rem; }
  .sm\:\!w-\[300px\] { width: 300px !important; }
  .sm\:min-h-\[800px\] { min-height: 800px; }
  .sm\:min-h-\[750px\] { min-height: 750px; }
  .sm\:min-h-\[706px\] { min-height: 706px; }
  .sm\:min-h-\[1200px\] { min-height: 1200px; }
  .sm\:min-h-\[1000px\] { min-height: 1000px; }
  .sm\:min-h-24 { min-height: 6rem; }
  .sm\:min-h-18 { min-height: 4.5rem; }
  .sm\:min-h-15 { min-height: 3.75rem; }
  .sm\:min-h-14 { min-height: 3.5rem; }
  .sm\:max-h-\[720px\] { max-height: 720px; }
  .sm\:max-h-\[480px\] { max-height: 480px; }
  .sm\:max-h-\[210px\] { max-height: 210px; }
  .sm\:h-\[88px\] { height: 88px; }
  .sm\:h-\[826px\] { height: 826px; }
  .sm\:h-\[808px\] { height: 808px; }
  .sm\:h-\[640px\] { height: 640px; }
  .sm\:h-\[454px\] { height: 454px; }
  .sm\:h-\[422px\] { height: 422px; }
  .sm\:h-\[420px\] { height: 420px; }
  .sm\:h-\[400px\] { height: 400px; }
  .sm\:h-\[360px\] { height: 360px; }
  .sm\:h-\[31rem\] { height: 31rem; }
  .sm\:h-\[206px\] { height: 206px; }
  .sm\:h-\[144px\] { height: 144px; }
  .sm\:h-\[1170px\] { height: 1170px; }
  .sm\:h-\[105px\] { height: 105px; }
  .sm\:h-96 { height: 24rem; }
  .sm\:h-80 { height: 20rem; }
  .sm\:h-7 { height: 1.75rem; }
  .sm\:h-6 { height: 1.5rem; }
  .sm\:h-56 { height: 14rem; }
  .sm\:h-5 { height: 1.25rem; }
  .sm\:h-44 { height: 11rem; }
  .sm\:h-36 { height: 9rem; }
  .sm\:h-18 { height: 4.5rem; }
  .sm\:h-14 { height: 3.5rem; }
  .sm\:aspect-\[4\.6\] { aspect-ratio: 4.6 / 1; }
  .sm\:inline-block { display: inline-block; }
  .sm\:mt-7 { margin-top: 1.75rem; }
  .sm\:mt-52 { margin-top: 13rem; }
  .sm\:mt-48 { margin-top: 12rem; }
  .sm\:mt-44 { margin-top: 11rem; }
  .sm\:mt-4\.5 { margin-top: 1.125rem; }
  .sm\:mt-36 { margin-top: 9rem; }
  .sm\:mt-32 { margin-top: 8rem; }
  .sm\:mt-28 { margin-top: 7rem; }
  .sm\:mt-24 { margin-top: 6rem; }
  .sm\:mt-20 { margin-top: 5rem; }
  .sm\:mt-2\.5 { margin-top: 0.625rem; }
  .sm\:mt-18 { margin-top: 4.5rem; }
  .sm\:mt-15 { margin-top: 3.75rem; }
  .sm\:mt-14 { margin-top: 3.5rem; }
  .sm\:mt-11 { margin-top: 2.75rem; }
  .sm\:mr-\[-5rem\] { margin-right: -5rem; }
  .sm\:mr-9 { margin-right: 2.25rem; }
  .sm\:mr-8 { margin-right: 2rem; }
  .sm\:mr-6 { margin-right: 1.5rem; }
  .sm\:mr-40 { margin-right: 10rem; }
  .sm\:mr-4 { margin-right: 1rem; }
  .sm\:mr-24 { margin-right: 6rem; }
  .sm\:ml-auto { margin-left: auto; }
  .sm\:ml-7 { margin-left: 1.75rem; }
  .sm\:ml-5 { margin-left: 1.25rem; }
  .sm\:ml-3 { margin-left: 0.75rem; }
  .sm\:ml-24 { margin-left: 6rem; }
  .sm\:ml-14 { margin-left: 3.5rem; }
  .sm\:ml-0 { margin-left: 0px; }
  .sm\:mb-9 { margin-bottom: 2.25rem; }
  .sm\:mb-8 { margin-bottom: 2rem; }
  .sm\:mb-6 { margin-bottom: 1.5rem; }
  .sm\:mb-5 { margin-bottom: 1.25rem; }
  .sm\:mb-3\.5 { margin-bottom: 0.875rem; }
  .sm\:mb-20 { margin-bottom: 5rem; }
  .sm\:mb-2\.5 { margin-bottom: 0.625rem; }
  .sm\:mb-14 { margin-bottom: 3.5rem; }
  .sm\:mb-12 { margin-bottom: 3rem; }
  .sm\:mb-10 { margin-bottom: 2.5rem; }
  .sm\:-mt-\[450px\] { margin-top: -450px; }
  .sm\:-mt-\[320px\] { margin-top: -320px; }
  .sm\:-mt-\[30rem\] { margin-top: -30rem; }
  .sm\:-mt-96 { margin-top: -24rem; }
  .sm\:-mt-80 { margin-top: -20rem; }
  .sm\:-mt-8 { margin-top: -2rem; }
  .sm\:-mt-72 { margin-top: -18rem; }
  .sm\:-mt-64 { margin-top: -16rem; }
  .sm\:-mt-60 { margin-top: -15rem; }
  .sm\:-mt-6 { margin-top: -1.5rem; }
  .sm\:-mt-52 { margin-top: -13rem; }
  .sm\:-mt-48 { margin-top: -12rem; }
  .sm\:-mt-44 { margin-top: -11rem; }
  .sm\:-mt-4 { margin-top: -1rem; }
  .sm\:-mt-24 { margin-top: -6rem; }
  .sm\:-mt-20 { margin-top: -5rem; }
  .sm\:-mt-16 { margin-top: -4rem; }
  .sm\:-mt-15 { margin-top: -3.75rem; }
  .sm\:-mt-12 { margin-top: -3rem; }
  .sm\:-mt-100 { margin-top: -25rem; }
  .sm\:-mt-10 { margin-top: -2.5rem; }
  .sm\:-mr-52 { margin-right: -13rem; }
  .sm\:-ml-40 { margin-left: -10rem; }
  .sm\:-ml-32 { margin-left: -8rem; }
  .sm\:-mb-4 { margin-bottom: -1rem; }
  .sm\:-mb-20 { margin-bottom: -5rem; }
  .sm\:-mb-16 { margin-bottom: -4rem; }
  .sm\:\!-mb-\[1rem\] { margin-bottom: -1rem !important; }
  .sm\:my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
  .sm\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .sm\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .sm\:my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .sm\:my-18 { margin-top: 4.5rem; margin-bottom: 4.5rem; }
  .sm\:my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .sm\:mx-7 { margin-left: 1.75rem; margin-right: 1.75rem; }
  .sm\:mx-24 { margin-left: 6rem; margin-right: 6rem; }
  .sm\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm\:mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
  .sm\:top-\[6\%\] { top: 6%; }
  .sm\:top-\[40\%\] { top: 40%; }
  .sm\:top-7 { top: 1.75rem; }
  .sm\:top-60 { top: 15rem; }
  .sm\:top-6 { top: 1.5rem; }
  .sm\:top-5 { top: 1.25rem; }
  .sm\:top-4\.5 { top: 1.125rem; }
  .sm\:top-32 { top: 8rem; }
  .sm\:top-2\.5 { top: 0.625rem; }
  .sm\:right-\[55\%\] { right: 55%; }
  .sm\:right-\[17\%\] { right: 17%; }
  .sm\:right-\[15\%\] { right: 15%; }
  .sm\:right-44 { right: 11rem; }
  .sm\:right-32 { right: 8rem; }
  .sm\:right-3 { right: 0.75rem; }
  .sm\:right-20 { right: 5rem; }
  .sm\:right-11 { right: 2.75rem; }
  .sm\:left-\[3\%\] { left: 3%; }
  .sm\:left-\[14\%\] { left: 14%; }
  .sm\:left-96 { left: 24rem; }
  .sm\:left-44 { left: 11rem; }
  .sm\:left-15 { left: 3.75rem; }
  .sm\:left-14 { left: 3.5rem; }
  .sm\:left-10 { left: 2.5rem; }
  .sm\:left-1\/2 { left: 50%; }
  .sm\:bottom-\[2\%\] { bottom: 2%; }
  .sm\:bottom-60 { bottom: 15rem; }
  .sm\:bottom-5 { bottom: 1.25rem; }
  .sm\:bottom-4 { bottom: 1rem; }
  .sm\:bottom-20 { bottom: 5rem; }
  .sm\:bottom-10 { bottom: 2.5rem; }
  .sm\:-top-\[100px\] { top: -100px; }
  .sm\:-top-52 { top: -13rem; }
  .sm\:-top-36 { top: -9rem; }
  .sm\:-top-32 { top: -8rem; }
  .sm\:-top-20 { top: -5rem; }
  .sm\:-top-2 { top: -0.5rem; }
  .sm\:-top-100 { top: -25rem; }
  .sm\:-top-1 { top: -0.25rem; }
  .sm\:-right-\[9rem\] { right: -9rem; }
  .sm\:-right-8, .sm\:-right-\[2rem\] { right: -2rem; }
  .sm\:-right-72 { right: -18rem; }
  .sm\:-right-6 { right: -1.5rem; }
  .sm\:-right-48 { right: -12rem; }
  .sm\:-right-44 { right: -11rem; }
  .sm\:-right-16 { right: -4rem; }
  .sm\:-right-12 { right: -3rem; }
  .sm\:-left-\[200px\] { left: -200px; }
  .sm\:-left-6 { left: -1.5rem; }
  .sm\:-left-3 { left: -0.75rem; }
  .sm\:-left-24 { left: -6rem; }
  .sm\:-left-1\.5 { left: -0.375rem; }
  .sm\:-bottom-5 { bottom: -1.25rem; }
  .sm\:-bottom-40 { bottom: -10rem; }
  .sm\:\!top-10 { top: 2.5rem !important; }
  .sm\:\!left-\[35\%\] { left: 35% !important; }
  .sm\:relative { position: relative; }
  .\[\&\>\.pop-title\]\:sm\:bg-layer4 > .pop-title { background-color: rgb(var(--layer4) / 1); }
  @media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .sm\:hover\:bg-layer4:hover { background-color: rgb(var(--layer4) / 1); }
}
  .sm\:pt-14 { padding-top: 3.5rem; }
  .sm\:pl-18 { padding-left: 4.5rem; }
  .sm\:pb-12 { padding-bottom: 3rem; }
  .sm\:p-6 { padding: 1.5rem; }
  .sm\:rounded-2xl { border-radius: 1rem; }
  .sm\:max-w-\[560px\] { max-width: 560px; }
  .sm\:min-w-40 { min-width: 10rem; }
  .sm\:min-w-28 { min-width: 7rem; }
  .sm\:w-\[38rem\] { width: 38rem; }
  .sm\:h-\[80\%\] { height: 80%; }
  .sm\:h-16 { height: 4rem; }
  .sm\:mt-9 { margin-top: 2.25rem; }
  .sm\:mt-10 { margin-top: 2.5rem; }
  .sm\:-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; }
  .sm\:col-auto { grid-column: auto; }
  .sm\:bottom-6 { bottom: 1.5rem; }
  .lowend .sm\:backdrop-blur-sm { --tw-backdrop-blur: none; 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); }
  .sm\:backdrop-blur-sm { --tw-backdrop-blur: blur(4px); 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); }
  .sm\:opacity-100 { opacity: 1; }
  .sm\:text-primary { color: rgb(var(--primary) / 1); }
  .sm\:text-brand { color: rgb(var(--brand) / 1); }
  .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .sm\:pt-8 { padding-top: 2rem; }
  .sm\:pt-4 { padding-top: 1rem; }
  .sm\:pt-3 { padding-top: 0.75rem; }
  .sm\:pt-10 { padding-top: 2.5rem; }
  .sm\:pr-4 { padding-right: 1rem; }
  .sm\:pl-6 { padding-left: 1.5rem; }
  .sm\:pl-10 { padding-left: 2.5rem; }
  .sm\:pb-6 { padding-bottom: 1.5rem; }
  .sm\:pb-3 { padding-bottom: 0.75rem; }
  .sm\:pb-2 { padding-bottom: 0.5rem; }
  .sm\:pb-0 { padding-bottom: 0px; }
  .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .sm\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm\:py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
  .sm\:px-12 { padding-left: 3rem; padding-right: 3rem; }
  .sm\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm\:\!px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .sm\:p-4 { padding: 1rem; }
  .sm\:bg-layer3 { background-color: rgb(var(--layer3) / 1); }
  .sm\:bg-layer2 { background-color: rgb(var(--layer2) / 1); }
  .sm\:bg-black_alpha5 { background-color: rgba(0, 0, 0, 0.05); }
  .sm\:border-third { border-color: var(--third); }
  .sm\:border-none { border-style: none; }
  .sm\:border-l { border-left-width: 1px; }
  .sm\:border { border-width: 1px; }
  .sm\:break-all { word-break: break-all; }
  .sm\:text-nowrap { text-wrap: nowrap; }
  .sm\:text-ellipsis { text-overflow: ellipsis; }
  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); }
  .sm\:gap-y-6 { row-gap: 1.5rem; }
  .sm\:gap-y-4 { row-gap: 1rem; }
  .sm\:gap-y-3 { row-gap: 0.75rem; }
  .sm\:gap-y-2 { row-gap: 0.5rem; }
  .sm\:gap-y-1 { row-gap: 0.25rem; }
  .sm\:gap-x-4 { column-gap: 1rem; }
  .sm\:gap-x-3 { column-gap: 0.75rem; }
  .sm\:gap-x-2 { column-gap: 0.5rem; }
  .sm\:gap-6 { gap: 1.5rem; }
  .sm\:gap-5 { gap: 1.25rem; }
  .sm\:justify-around { justify-content: space-around; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:flex-wrap { flex-wrap: wrap; }
  .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .sm\:grid-flow-col { grid-auto-flow: column; }
  .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(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .sm\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .sm\:-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .sm\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .sm\:-translate-x-3\/4 { --tw-translate-x: -75%; 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\:basis-\[40rem\] { flex-basis: 40rem; }
  .sm\:basis-\[34rem\] { flex-basis: 34rem; }
  .sm\:basis-\[30rem\] { flex-basis: 30rem; }
  .sm\:basis-80, .sm\:basis-\[20rem\] { flex-basis: 20rem; }
  .sm\:flex-grow { flex-grow: 1; }
  .sm\:flex-none { flex: 0 0 auto; }
  .sm\:flex-auto { flex: 1 1 auto; }
  .sm\:flex-\[4\] { flex: 4 1 0%; }
  .sm\:flex-\[3\] { flex: 3 1 0%; }
  .sm\:max-w-\[1200px\] { max-width: 1200px; }
  .sm\:max-w-96 { max-width: 24rem; }
  .sm\:max-w-64 { max-width: 16rem; }
  .sm\:min-w-\[26\.5rem\] { min-width: 26.5rem; }
  .sm\:min-w-\[22rem\] { min-width: 22rem; }
  .sm\:w-\[800px\] { width: 800px; }
  .sm\:w-\[600px\] { width: 600px; }
  .sm\:w-\[571px\] { width: 571px; }
  .sm\:w-\[4rem\] { width: 4rem; }
  .sm\:w-\[15\.5rem\] { width: 15.5rem; }
  .sm\:w-64 { width: 16rem; }
  .sm\:w-60 { width: 15rem; }
  .sm\:w-3\/5 { width: 60%; }
  .sm\:w-2\/5 { width: 40%; }
  .sm\:w-15 { width: 3.75rem; }
  .sm\:w-1\/2 { width: 50%; }
  .sm\:\!w-\[30rem\] { width: 30rem !important; }
  .sm\:\!w-\[28rem\] { width: 28rem !important; }
  .sm\:\!w-\[26rem\] { width: 26rem !important; }
  .sm\:min-h-\[24rem\] { min-height: 24rem; }
  .sm\:min-h-\[18\.5rem\] { min-height: 18.5rem; }
  .sm\:h-\[7\.5rem\] { height: 7.5rem; }
  .sm\:h-\[5rem\] { height: 5rem; }
  .sm\:h-\[4rem\] { height: 4rem; }
  .sm\:h-\[19rem\] { height: 19rem; }
  .sm\:h-64, .sm\:h-\[16rem\] { height: 16rem; }
  .sm\:h-40 { height: 10rem; }
  .sm\:h-3\/4 { height: 75%; }
  .sm\:h-3 { height: 0.75rem; }
  .sm\:h-28 { height: 7rem; }
  .sm\:h-24 { height: 6rem; }
  .sm\:size-\[33rem\] { width: 33rem; height: 33rem; }
  .sm\:size-\[200\%\] { width: 200%; height: 200%; }
  .sm\:size-20 { width: 5rem; height: 5rem; }
  .sm\:mr-5 { margin-right: 1.25rem; }
  .sm\:ml-10 { margin-left: 2.5rem; }
  .sm\:mb-3 { margin-bottom: 0.75rem; }
  .sm\:mb-0 { margin-bottom: 0px; }
  .sm\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm\:z-0 { z-index: 0; }
  .sm\:\!z-\[1001\] { z-index: 1001 !important; }
  .sm\:top-\[105\%\] { top: 105%; }
  .sm\:top-1\/2 { top: 50%; }
  .sm\:right-4 { right: 1rem; }
  .sm\:left-full { left: 100%; }
  .sm\:bottom-0 { bottom: 0px; }
  .sm\:-top-24 { top: -6rem; }
  .bg-quad-bonus-card { background-position: calc(100% + 3rem) calc(100% + 1.5rem); background-size: contain; }
  html.jbyellowtheme .bg-gradient-bonus-card { background-image: radial-gradient(116% 80% at 45% 10%,rgb(var(--special)/ .6) 0%,transparent 60%); }
  .bg-gradient-bonus-card { background-image: radial-gradient(116% 80% at 45% 10%,var(--bonus-card-gradient-color) 0%,transparent 60%); }
  html.jbyellowtheme .bg-gradient-bonus { --bonus-gradient-bonus: linear-gradient( 274deg, transparent 14%, rgb(var(--special)/ .6) 140% ); }
  .bg-gradient-bonus { --bonus-gradient-bonus: linear-gradient( 274deg, transparent 14%, rgba(246, 105, 44, .6) 140% ); }
  html.jbyellowtheme .bg-deposit-dashboard { --bonus-gradient-deposit-dashboard: linear-gradient(86deg, transparent 65%, rgb(var(--special)/ .3) 130%), linear-gradient(288deg, transparent 20%, rgb(var(--special)/ .3) 115%); }
  .bg-deposit-dashboard { --bonus-gradient-deposit-dashboard: linear-gradient(86deg, transparent 65%, rgba(255, 136, 3, .3) 130%), linear-gradient(288deg, transparent 20%, rgba(255, 136, 3, .3) 115%); }
  .dark .sm\:dark\:bg-layer3 { background-color: rgb(var(--layer3) / 1); }
  .data-\[opened\]\:sm\:slide-in-from-bottom-full[data-opened] { --tw-enter-translate-y: 100%; }
  .sm\:text-secondary { color: rgb(var(--secondary) / 1); }
  .sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
  .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .sm\:text-\[35px\] { font-size: 35px; }
  .sm\:text-\[20px\] { font-size: 20px; }
  .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .sm\:text-left { text-align: left; }
  .sm\:pt-1 { padding-top: 0.25rem; }
  .sm\:pt-0 { padding-top: 0px; }
  .sm\:pr-2 { padding-right: 0.5rem; }
  .sm\:pr-10 { padding-right: 2.5rem; }
  .sm\:pr-1 { padding-right: 0.25rem; }
  .sm\:pr-0\.5 { padding-right: 0.125rem; }
  .sm\:pr-0 { padding-right: 0px; }
  .sm\:pb-5 { padding-bottom: 1.25rem; }
  .sm\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
  .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm\:p-0 { padding: 0px; }
  .sm\:\!bg-\[length\:100\%_100\%\] { background-size: 100% 100% !important; }
  .sm\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }
  .sm\:rounded-xl { border-radius: var(--radius-xl); }
  .sm\:rounded-sm { border-radius: var(--radius-sm); }
  .sm\:overflow-hidden { overflow: hidden; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:items-end { align-items: flex-end; }
  .sm\:flex-nowrap { flex-wrap: nowrap; }
  .sm\:cursor-pointer { cursor: pointer; }
  .sm\:cursor-not-allowed { cursor: not-allowed; }
  .sm\:-translate-y-\[4rem\] { --tw-translate-y: -4rem; 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-\[3rem\] { --tw-translate-y: -3rem; 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-\[2\.5rem\] { --tw-translate-y: -2.5rem; 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-36 { --tw-translate-y: -9rem; 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\:flex-grow-0 { flex-grow: 0; }
  .sm\:max-w-sm { max-width: 24rem; }
  .sm\:max-w-none { max-width: none; }
  .sm\:max-w-\[10rem\] { max-width: 10rem; }
  .sm\:min-w-44 { min-width: 11rem; }
  .sm\:min-w-32 { min-width: 8rem; }
  .sm\:min-w-16 { min-width: 4rem; }
  .sm\:w-min { width: min-content; }
  .sm\:w-full { width: 100%; }
  .sm\:w-\[calc\(50\%-40px\)\] { width: calc(50% - 40px); }
  .sm\:w-\[52\.5rem\] { width: 52.5rem; }
  .sm\:w-\[40rem\] { width: 40rem; }
  .sm\:w-\[32rem\] { width: 32rem; }
  .sm\:w-\[30rem\] { width: 30rem; }
  .sm\:w-80 { width: 20rem; }
  .sm\:w-48 { width: 12rem; }
  .sm\:w-44 { width: 11rem; }
  .sm\:w-32 { width: 8rem; }
  .sm\:w-3\/4 { width: 75%; }
  .sm\:w-28 { width: 7rem; }
  .sm\:w-20 { width: 5rem; }
  .sm\:w-18 { width: 4.5rem; }
  .sm\:w-12 { width: 3rem; }
  .sm\:w-11 { width: 2.75rem; }
  .sm\:\!w-\[56rem\] { width: 56rem !important; }
  .sm\:\!w-\[48rem\] { width: 48rem !important; }
  .sm\:\!w-18 { width: 4.5rem !important; }
  .sm\:min-h-\[34\.4rem\] { min-height: 34.4rem; }
  .sm\:min-h-\[32rem\] { min-height: 32rem; }
  .sm\:min-h-\[30rem\] { min-height: 30rem; }
  .sm\:min-h-56 { min-height: 14rem; }
  .sm\:min-h-28 { min-height: 7rem; }
  .sm\:min-h-100 { min-height: 25rem; }
  .sm\:max-h-\[80\%\] { max-height: 80%; }
  .sm\:max-h-\[36rem\] { max-height: 36rem; }
  .sm\:max-h-\[30rem\] { max-height: 30rem; }
  .sm\:h-auto { height: auto; }
  .sm\:h-\[50rem\] { height: 50rem; }
  .sm\:h-\[38rem\] { height: 38rem; }
  .sm\:h-\[36rem\] { height: 36rem; }
  .sm\:h-\[35\.2rem\] { height: 35.2rem; }
  .sm\:h-9 { height: 2.25rem; }
  .sm\:h-8 { height: 2rem; }
  .sm\:h-72 { height: 18rem; }
  .sm\:h-52 { height: 13rem; }
  .sm\:h-48 { height: 12rem; }
  .sm\:h-32 { height: 8rem; }
  .sm\:h-25 { height: 6.25rem; }
  .sm\:h-20 { height: 5rem; }
  .sm\:h-12 { height: 3rem; }
  .sm\:h-11 { height: 2.75rem; }
  .sm\:h-100 { height: 25rem; }
  .sm\:\!h-auto { height: auto !important; }
  .sm\:\!h-80 { height: 20rem !important; }
  .sm\:\!h-16 { height: 4rem !important; }
  .sm\:size-full { width: 100%; height: 100%; }
  .sm\:size-96 { width: 24rem; height: 24rem; }
  .sm\:size-44 { width: 11rem; height: 11rem; }
  .sm\:size-36 { width: 9rem; height: 9rem; }
  .sm\:size-28 { width: 7rem; height: 7rem; }
  .sm\:size-24 { width: 6rem; height: 6rem; }
  .sm\:size-12 { width: 3rem; height: 3rem; }
  .sm\:size-11 { width: 2.75rem; height: 2.75rem; }
  .sm\:size-100 { width: 25rem; height: 25rem; }
  .sm\:\!size-7 { width: 1.75rem !important; height: 1.75rem !important; }
  .sm\:\!size-18 { width: 4.5rem !important; height: 4.5rem !important; }
  .sm\:hidden { display: none; }
  .sm\:block { display: block; }
  .sm\:mt-8 { margin-top: 2rem; }
  .sm\:mt-6 { margin-top: 1.5rem; }
  .sm\:mt-5 { margin-top: 1.25rem; }
  .sm\:mt-2 { margin-top: 0.5rem; }
  .sm\:mt-16 { margin-top: 4rem; }
  .sm\:mt-12 { margin-top: 3rem; }
  .sm\:mt-1\.5 { margin-top: 0.375rem; }
  .sm\:mt-1 { margin-top: 0.25rem; }
  .sm\:mr-3 { margin-right: 0.75rem; }
  .sm\:mr-20 { margin-right: 5rem; }
  .sm\:mr-2 { margin-right: 0.5rem; }
  .sm\:mr-12 { margin-right: 3rem; }
  .sm\:mr-0 { margin-right: 0px; }
  .sm\:ml-6 { margin-left: 1.5rem; }
  .sm\:ml-4\.5 { margin-left: 1.125rem; }
  .sm\:ml-4 { margin-left: 1rem; }
  .sm\:ml-2 { margin-left: 0.5rem; }
  .sm\:ml-12 { margin-left: 3rem; }
  .sm\:mb-80 { margin-bottom: 20rem; }
  .sm\:mb-7 { margin-bottom: 1.75rem; }
  .sm\:mb-2 { margin-bottom: 0.5rem; }
  .sm\:mb-1\.5 { margin-bottom: 0.375rem; }
  .sm\:mb-1 { margin-bottom: 0.25rem; }
  .sm\:-mt-9 { margin-top: -2.25rem; }
  .sm\:-mt-5 { margin-top: -1.25rem; }
  .sm\:my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .sm\:mx-auto { margin-left: auto; margin-right: auto; }
  .sm\:order-none { order: 0; }
  .sm\:order-last { order: 9999; }
  .sm\:order-2 { order: 2; }
  .sm\:order-1 { order: 1; }
  .sm\:z-100 { z-index: 100; }
  .sm\:top-\[23rem\] { top: 23rem; }
  .sm\:top-64 { top: 16rem; }
  .sm\:top-48 { top: 12rem; }
  .sm\:top-44 { top: 11rem; }
  .sm\:top-40 { top: 10rem; }
  .sm\:top-4 { top: 1rem; }
  .sm\:top-36 { top: 9rem; }
  .sm\:top-28 { top: 7rem; }
  .sm\:top-24 { top: 6rem; }
  .sm\:top-20 { top: 5rem; }
  .sm\:top-2 { top: 0.5rem; }
  .sm\:top-16 { top: 4rem; }
  .sm\:top-15 { top: 3.75rem; }
  .sm\:top-12 { top: 3rem; }
  .sm\:top-10 { top: 2.5rem; }
  .sm\:right-\[19rem\] { right: 19rem; }
  .sm\:right-8 { right: 2rem; }
  .sm\:right-6 { right: 1.5rem; }
  .sm\:right-5 { right: 1.25rem; }
  .sm\:right-40 { right: 10rem; }
  .sm\:right-36 { right: 9rem; }
  .sm\:right-24 { right: 6rem; }
  .sm\:right-16 { right: 4rem; }
  .sm\:right-10 { right: 2.5rem; }
  .sm\:right-1 { right: 0.25rem; }
  .sm\:left-\[21rem\] { left: 21rem; }
  .sm\:left-8 { left: 2rem; }
  .sm\:left-60 { left: 15rem; }
  .sm\:left-4 { left: 1rem; }
  .sm\:left-32 { left: 8rem; }
  .sm\:left-20 { left: 5rem; }
  .sm\:left-2 { left: 0.5rem; }
  .sm\:left-12 { left: 3rem; }
  .sm\:left-0 { left: 0px; }
  .sm\:bottom-56 { bottom: 14rem; }
  .sm\:bottom-52 { bottom: 13rem; }
  .sm\:bottom-24 { bottom: 6rem; }
  .sm\:-top-\[6\.5rem\] { top: -6.5rem; }
  .sm\:-top-\[4\.5rem\] { top: -4.5rem; }
  .sm\:-top-\[30px\] { top: -30px; }
  .sm\:-top-8 { top: -2rem; }
  .sm\:-top-28 { top: -7rem; }
  .sm\:-top-18 { top: -4.5rem; }
  .sm\:-top-12 { top: -3rem; }
  .sm\:-top-10 { top: -2.5rem; }
  .sm\:-right-40 { right: -10rem; }
  .sm\:-left-9 { left: -2.25rem; }
  .sm\:-left-40 { left: -10rem; }
  .sm\:-left-4 { left: -1rem; }
  .sm\:-left-36 { left: -9rem; }
  .sm\:-left-28 { left: -7rem; }
  .sm\:-left-16 { left: -4rem; }
  .sm\:-left-1 { left: -0.25rem; }
  .sm\:-bottom-8 { bottom: -2rem; }
  .sm\:-bottom-4 { bottom: -1rem; }
  .sm\:-bottom-10 { bottom: -2.5rem; }
  .latest-tabs { height: 40px; float: right; }
  .betslip .pop-title .pop-close, .imgshare .pop-title .pop-close, .help-pop > .pop-title > .pop-close, .share-pop > .pop-title > .pop-close { width: 24px; height: 24px; top: 12px; padding: 4px; color: rgb(var(--secondary)); }
  .sm\:\!leading-\[3\.75rem\] { line-height: 3.75rem !important; }
  .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .sm\:text-center { text-align: center; }
  .sm\:pr-3 { padding-right: 0.75rem; }
  .sm\:pr-14 { padding-right: 3.5rem; }
  .sm\:pl-4 { padding-left: 1rem; }
  .sm\:pl-12 { padding-left: 3rem; }
  .sm\:\!pt-0 { padding-top: 0px !important; }
  .sm\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .sm\:px-0 { padding-left: 0px; padding-right: 0px; }
  .sm\:bg-transparent { background-color: transparent; }
  .sm\:\!bg-layer4 { background-color: rgb(var(--layer4) / 1) !important; }
  .sm\:border-dashed { border-style: dashed; }
  .sm\:border-solid { border-style: solid; }
  .sm\:border-t { border-top-width: 1px; }
  .sm\:border-b { border-bottom-width: 1px; }
  .sm\:border-0 { border-width: 0px; }
  .sm\:rounded-md { border-radius: var(--radius-md); }
  .sm\:gap-3 { gap: 0.75rem; }
  .sm\:gap-2 { gap: 0.5rem; }
  .sm\:justify-center { justify-content: center; }
  .sm\:justify-start { justify-content: flex-start; }
  .sm\:items-center { align-items: center; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sm\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .sm\:flex-1 { flex: 1 1 0%; }
  .sm\:min-w-\[28rem\] { min-width: 28rem; }
  .sm\:w-fit { width: fit-content; }
  .sm\:w-auto { width: auto; }
  .sm\:w-\[25rem\] { width: 25rem; }
  .sm\:w-96 { width: 24rem; }
  .sm\:w-72 { width: 18rem; }
  .sm\:w-24 { width: 6rem; }
  .sm\:w-10 { width: 2.5rem; }
  .sm\:\!w-\[380px\] { width: 380px !important; }
  .sm\:h-full { height: 100%; }
  .sm\:h-15 { height: 3.75rem; }
  .sm\:h-10 { height: 2.5rem; }
  .sm\:grid { display: grid; }
  .sm\:flex { display: flex; }
  .sm\:\!flex { display: flex !important; }
  .sm\:mt-4 { margin-top: 1rem; }
  .sm\:mt-3 { margin-top: 0.75rem; }
  .sm\:mt-0 { margin-top: 0px; }
  .sm\:mb-4 { margin-bottom: 1rem; }
  .sm\:my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .sm\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .sm\:\!mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .sm\:top-\[8\.75rem\] { top: 8.75rem; }
  .sm\:top-\[3\.75rem\] { top: 3.75rem; }
  .sm\:top-3 { top: 0.75rem; }
  .sm\:top-14 { top: 3.5rem; }
  .sm\:top-0 { top: 0px; }
  .sm\:right-0 { right: 0px; }
  .sm\:left-auto { left: auto; }
  .sm\:bottom-auto { bottom: auto; }
  .sm\:\!top-\[11\.25rem\] { top: 11.25rem !important; }
  .sm\:sticky { position: sticky; }
  .sm\:absolute { position: absolute; }
  .sm\:static { position: static; }
  .grid-col-3 { --grid-column: 4; }
  .grid-col-2 { --grid-column: 3; }
  .grid-col-1 { --grid-column: 1; }
  .grid-col-1 { --grid-column: 1; }
}

@media (min-width: 768px) {
  .md\:text-brand { color: rgb(var(--brand) / 1); }
  .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .md\:text-center { text-align: center; }
  .md\:pt-10 { padding-top: 2.5rem; }
  .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .md\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
  .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .md\:overflow-hidden { overflow: hidden; }
  .md\:gap-6 { gap: 1.5rem; }
  .md\:gap-3 { gap: 0.75rem; }
  .md\:gap-20 { gap: 5rem; }
  .md\:justify-between { justify-content: space-between; }
  .md\:items-stretch { align-items: stretch; }
  .md\:items-start { align-items: flex-start; }
  .md\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:max-w-\[1440px\] { max-width: 1440px; }
  .md\:w-\[460px\] { width: 460px; }
  .md\:w-9 { width: 2.25rem; }
  .md\:w-7\/12 { width: 58.3333%; }
  .md\:h-\[620px\] { height: 620px; }
  .md\:h-9 { height: 2.25rem; }
  .md\:mt-20 { margin-top: 5rem; }
  .md\:ml-5 { margin-left: 1.25rem; }
  .md\:ml-4 { margin-left: 1rem; }
  .md\:-mt-32 { margin-top: -8rem; }
  .md\:-mt-20 { margin-top: -5rem; }
  .md\:-mb-5 { margin-bottom: -1.25rem; }
  .md\:mx-auto { margin-left: auto; margin-right: auto; }
  .md\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .md\:top-1\/2 { top: 50%; }
  .md\:right-\[10\%\] { right: 10%; }
  .md\:absolute { position: absolute; }
  .md\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .md\:px-18 { padding-left: 4.5rem; padding-right: 4.5rem; }
  .md\:basis-1\/3 { flex-basis: 33.3333%; }
  .md\:ml-10 { margin-left: 2.5rem; }
  .md\:static { position: static; }
  .md\:bg-transparent { background-color: transparent; }
  .md\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }
  .md\:rounded-xl { border-radius: var(--radius-xl); }
  .md\:gap-10 { gap: 2.5rem; }
  .md\:flex-1 { flex: 1 1 0%; }
  .md\:w-3\/5 { width: 60%; }
  .md\:w-2\/5 { width: 40%; }
  .md\:w-2\/3 { width: 66.6667%; }
  .md\:w-1\/3 { width: 33.3333%; }
  .md\:leading-5 { line-height: 1.25rem; }
  .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .md\:text-base { font-size: 14px; }
  .md\:text-\[1rem\] { font-size: 1rem; }
  .md\:text-8xl { font-size: 6rem; line-height: 1; }
  .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .md\:pt-0 { padding-top: 0px; }
  .md\:pr-48 { padding-right: 12rem; }
  .md\:pr-4 { padding-right: 1rem; }
  .md\:pl-64 { padding-left: 16rem; }
  .md\:pb-0 { padding-bottom: 0px; }
  .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
  .md\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md\:p-\[6px\] { padding: 6px; }
  .md\:p-5 { padding: 1.25rem; }
  .md\:border-r-0 { border-right-width: 0px; }
  .md\:border-r { border-right-width: 1px; }
  .md\:border-b-0 { border-bottom-width: 0px; }
  .md\:rounded-lg { border-radius: var(--radius-lg); }
  .md\:\!rounded-lg { border-radius: var(--radius-lg) !important; }
  .md\:\!space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) !important; }
  .md\:gap-2 { gap: 0.5rem; }
  .md\:gap-1 { gap: 0.25rem; }
  .md\:justify-center { justify-content: center; }
  .md\:justify-end { justify-content: flex-end; }
  .md\:justify-start { justify-content: flex-start; }
  .md\:items-center { align-items: center; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:flex-col { flex-direction: column; }
  .md\:flex-row { flex-direction: row; }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:select-none { user-select: none; }
  .md\:scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:translate-y-\[10px\] { --tw-translate-y: 10px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:translate-y-2\.5 { --tw-translate-y: .625rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:translate-y-2 { --tw-translate-y: .5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:max-w-\[644px\] { max-width: 644px; }
  .md\:max-w-\[50rem\] { max-width: 50rem; }
  .md\:max-w-\[420px\] { max-width: 420px; }
  .md\:max-w-\[400px\] { max-width: 400px; }
  .md\:max-w-100 { max-width: 25rem; }
  .md\:w-full { width: 100%; }
  .md\:w-\[6\.5625rem\] { width: 6.5625rem; }
  .md\:w-\[480px\] { width: 480px; }
  .md\:w-\[204px\] { width: 204px; }
  .md\:w-72 { width: 18rem; }
  .md\:w-64 { width: 16rem; }
  .md\:w-56 { width: 14rem; }
  .md\:w-36 { width: 9rem; }
  .md\:w-32 { width: 8rem; }
  .md\:w-28 { width: 7rem; }
  .md\:w-24 { width: 6rem; }
  .md\:w-20 { width: 5rem; }
  .md\:w-10 { width: 2.5rem; }
  .md\:w-1\/2 { width: 50%; }
  .md\:\!w-10 { width: 2.5rem !important; }
  .md\:h-full { height: 100%; }
  .md\:h-auto { height: auto; }
  .md\:h-\[9rem\] { height: 9rem; }
  .md\:h-\[9\.5rem\] { height: 9.5rem; }
  .md\:h-\[9\.375rem\] { height: 9.375rem; }
  .md\:h-\[7\.5rem\] { height: 7.5rem; }
  .md\:h-\[35rem\] { height: 35rem; }
  .md\:h-80 { height: 20rem; }
  .md\:h-64 { height: 16rem; }
  .md\:h-56 { height: 14rem; }
  .md\:h-52 { height: 13rem; }
  .md\:h-48 { height: 12rem; }
  .md\:h-32 { height: 8rem; }
  .md\:h-15 { height: 3.75rem; }
  .md\:h-12 { height: 3rem; }
  .md\:h-10 { height: 2.5rem; }
  .md\:\!h-auto { height: auto !important; }
  .md\:\!h-\[60rem\] { height: 60rem !important; }
  .md\:\!h-\[48rem\] { height: 48rem !important; }
  .md\:\!h-\[40rem\] { height: 40rem !important; }
  .md\:\!h-15 { height: 3.75rem !important; }
  .md\:size-18 { width: 4.5rem; height: 4.5rem; }
  .md\:size-11 { width: 2.75rem; height: 2.75rem; }
  .md\:size-10 { width: 2.5rem; height: 2.5rem; }
  .md\:hidden { display: none; }
  .md\:grid { display: grid; }
  .md\:block { display: block; }
  .md\:mt-\[3rem\] { margin-top: 3rem; }
  .md\:mt-7 { margin-top: 1.75rem; }
  .md\:mt-6 { margin-top: 1.5rem; }
  .md\:mt-52 { margin-top: 13rem; }
  .md\:mt-5 { margin-top: 1.25rem; }
  .md\:mt-24 { margin-top: 6rem; }
  .md\:mt-2 { margin-top: 0.5rem; }
  .md\:mt-0 { margin-top: 0px; }
  .md\:mr-\[0\.65625rem\] { margin-right: 0.65625rem; }
  .md\:mr-6 { margin-right: 1.5rem; }
  .md\:mr-2\.5 { margin-right: 0.625rem; }
  .md\:mr-2 { margin-right: 0.5rem; }
  .md\:mr-0 { margin-right: 0px; }
  .md\:ml-6 { margin-left: 1.5rem; }
  .md\:ml-2 { margin-left: 0.5rem; }
  .md\:ml-0 { margin-left: 0px; }
  .md\:mb-3 { margin-bottom: 0.75rem; }
  .md\:mb-2 { margin-bottom: 0.5rem; }
  .md\:mb-0 { margin-bottom: 0px; }
  .md\:-mt-2 { margin-top: -0.5rem; }
  .md\:\!mt-0 { margin-top: 0px !important; }
  .md\:\!mb-0 { margin-bottom: 0px !important; }
  .md\:my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .md\:my-0 { margin-top: 0px; margin-bottom: 0px; }
  .md\:mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .md\:-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; }
  .md\:m-auto { margin: auto; }
  .md\:col-span-3 { grid-column: span 3 / span 3; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:order-last { order: 9999; }
  .md\:order-2 { order: 2; }
  .md\:order-1 { order: 1; }
  .md\:top-\[9rem\] { top: 9rem; }
  .md\:top-\[55px\] { top: 55px; }
  .md\:top-60 { top: 15rem; }
  .md\:top-6 { top: 1.5rem; }
  .md\:top-5 { top: 1.25rem; }
  .md\:top-2 { top: 0.5rem; }
  .md\:top-10 { top: 2.5rem; }
  .md\:left-\[90px\] { left: 90px; }
  .md\:left-\[45px\] { left: 45px; }
  .md\:bottom-\[6rem\] { bottom: 6rem; }
  .md\:bottom-12 { bottom: 3rem; }
  .md\:-top-7 { top: -1.75rem; }
  .md\:-top-4 { top: -1rem; }
  .md\:-top-1 { top: -0.25rem; }
  .md\:-top-0 { top: 0px; }
  .md\:-right-4 { right: -1rem; }
  .md\:-right-10 { right: -2.5rem; }
  .md\:-right-0 { right: 0px; }
  .md\:-bottom-\[230px\] { bottom: -230px; }
  .md\:relative { position: relative; }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .md\:flex { display: flex; }
  .grid-col-3 { --grid-column: 5; }
  .grid-col-2 { --grid-column: 3; }
  .grid-col-1 { --grid-column: 2; }
  .grid-col-1 { --grid-column: 2; }
}

@media (min-width: 1024px) {
  .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .lg\:text-\[9rem\] { font-size: 9rem; }
  .lg\:text-\[0\.7rem\] { font-size: 0.7rem; }
  .lg\:text-9xl { font-size: 8rem; line-height: 1; }
  .lg\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .lg\:text-5xl { font-size: 3rem; line-height: 1; }
  .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .lg\:text-right { text-align: right; }
  .lg\:pr-3 { padding-right: 0.75rem; }
  .lg\:pr-0 { padding-right: 0px; }
  .lg\:px-\[5\%\] { padding-left: 5%; padding-right: 5%; }
  .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; }
  .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; }
  .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; }
  .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg\:p-6 { padding: 1.5rem; }
  .lg\:p-5 { padding: 1.25rem; }
  .lg\:object-contain { object-fit: contain; }
  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }
  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
  .lg\:gap-4 { gap: 1rem; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:items-end { align-items: flex-end; }
  .lg\:flex-row-reverse { flex-direction: row-reverse; }
  .lg\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .lg\:basis-\[60\%\] { flex-basis: 60%; }
  .lg\:basis-1\/4 { flex-basis: 25%; }
  .lg\:flex-grow-0 { flex-grow: 0; }
  .lg\:flex-shrink-0 { flex-shrink: 0; }
  .lg\:max-w-\[600px\] { max-width: 600px; }
  .lg\:w-\[90\%\] { width: 90%; }
  .lg\:w-\[48rem\] { width: 48rem; }
  .lg\:w-\[44rem\] { width: 44rem; }
  .lg\:w-\[40rem\] { width: 40rem; }
  .lg\:w-80 { width: 20rem; }
  .lg\:w-14 { width: 3.5rem; }
  .lg\:min-h-\[900px\] { min-height: 900px; }
  .lg\:max-h-\[426px\] { max-height: 426px; }
  .lg\:h-auto { height: auto; }
  .lg\:h-8 { height: 2rem; }
  .lg\:h-10 { height: 2.5rem; }
  .lg\:hidden { display: none; }
  .lg\:block { display: block; }
  .lg\:mt-40 { margin-top: 10rem; }
  .lg\:mb-9 { margin-bottom: 2.25rem; }
  .lg\:mb-20 { margin-bottom: 5rem; }
  .lg\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg\:top-8 { top: 2rem; }
  .lg\:top-72 { top: 18rem; }
  .lg\:top-60 { top: 15rem; }
  .lg\:top-40 { top: 10rem; }
  .lg\:right-24 { right: 6rem; }
  .lg\:right-15 { right: 3.75rem; }
  .lg\:left-\[1\%\] { left: 1%; }
  .lg\:left-52 { left: 13rem; }
  .lg\:left-40 { left: 10rem; }
  .lg\:left-4 { left: 1rem; }
  .lg\:bottom-52 { bottom: 13rem; }
  .lg\:bottom-48 { bottom: 12rem; }
  .lg\:bottom-28 { bottom: 7rem; }
  .lg\:bottom-20 { bottom: 5rem; }
  .lg\:bottom-2 { bottom: 0.5rem; }
  .lg\:bottom-10 { bottom: 2.5rem; }
  .lg\:-top-\[700px\] { top: -700px; }
  .lg\:-left-\[700px\] { left: -700px; }
  .lg\:-left-32 { left: -8rem; }
  .lg\:-left-20 { left: -5rem; }
  .lg\:-left-10 { left: -2.5rem; }
  .lg\:absolute { position: absolute; }
  .lg\:backdrop-filter-none { backdrop-filter: none; }
  .lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); }
  .lg\:justify-around { justify-content: space-around; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lg\:w-40 { width: 10rem; }
  .lg\:w-24 { width: 6rem; }
  .lg\:relative { position: relative; }
  .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .lg\:pl-10 { padding-left: 2.5rem; }
  .lg\:pb-4 { padding-bottom: 1rem; }
  .lg\:gap-y-0 { row-gap: 0px; }
  .lg\:w-\[33\.33\%\] { width: 33.33%; }
  .lg\:-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; }
  .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .lg\:\!text-center { text-align: center !important; }
  .lg\:pt-4 { padding-top: 1rem; }
  .lg\:pt-3 { padding-top: 0.75rem; }
  .lg\:pt-2 { padding-top: 0.5rem; }
  .lg\:pt-0 { padding-top: 0px; }
  .lg\:pr-4 { padding-right: 1rem; }
  .lg\:pb-6 { padding-bottom: 1.5rem; }
  .lg\:pb-3 { padding-bottom: 0.75rem; }
  .lg\:pb-12 { padding-bottom: 3rem; }
  .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .lg\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg\:px-0 { padding-left: 0px; padding-right: 0px; }
  .lg\:p-4 { padding: 1rem; }
  .lg\:p-3 { padding: 0.75rem; }
  .lg\:p-1 { padding: 0.25rem; }
  .lg\:bg-layer5 { background-color: rgb(var(--layer5) / 1); }
  .lg\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }
  .lg\:bg-layer3 { background-color: rgb(var(--layer3) / 1); }
  .lg\:bg-layer2 { background-color: rgb(var(--layer2) / 1); }
  .lg\:border-r-0 { border-right-width: 0px; }
  .lg\:border-r { border-right-width: 1px; }
  .lg\:border-4 { border-width: 4px; }
  .lg\:rounded-xl { border-radius: var(--radius-xl); }
  .lg\:rounded-lg { border-radius: var(--radius-lg); }
  .lg\:rounded-2xl { border-radius: 1rem; }
  .lg\:\!overflow-x-hidden { overflow-x: hidden !important; }
  .lg\:gap-y-3\.5 { row-gap: 0.875rem; }
  .lg\:gap-y-3 { row-gap: 0.75rem; }
  .lg\:gap-x-2\.5 { column-gap: 0.625rem; }
  .lg\:gap-x-2 { column-gap: 0.5rem; }
  .lg\:gap-2 { gap: 0.5rem; }
  .lg\:gap-0\.5 { gap: 0.125rem; }
  .lg\:gap-0 { gap: 0px; }
  .lg\:justify-start { justify-content: flex-start; }
  .lg\:items-center { align-items: center; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:grid-cols-\[repeat\(9\,1fr\)\] { grid-template-columns: repeat(9, 1fr); }
  .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)); }
  .lg\:max-w-\[644px\] { max-width: 644px; }
  .lg\:max-w-96 { max-width: 24rem; }
  .lg\:min-w-24 { min-width: 6rem; }
  .lg\:w-full { width: 100%; }
  .lg\:w-\[52px\] { width: 52px; }
  .lg\:w-\[365px\] { width: 365px; }
  .lg\:w-\[34rem\] { width: 34rem; }
  .lg\:w-\[346px\] { width: 346px; }
  .lg\:w-\[32rem\] { width: 32rem; }
  .lg\:w-\[30rem\] { width: 30rem; }
  .lg\:w-\[28rem\] { width: 28rem; }
  .lg\:w-72 { width: 18rem; }
  .lg\:w-52 { width: 13rem; }
  .lg\:w-36 { width: 9rem; }
  .lg\:w-100 { width: 25rem; }
  .lg\:h-full { height: 100%; }
  .lg\:h-\[16\.5rem\] { height: 16.5rem; }
  .lg\:h-64 { height: 16rem; }
  .lg\:h-28 { height: 7rem; }
  .lg\:h-24 { height: 6rem; }
  .lg\:h-20 { height: 5rem; }
  .lg\:h-16 { height: 4rem; }
  .lg\:\!h-full { height: 100% !important; }
  .lg\:size-\[3rem\] { width: 3rem; height: 3rem; }
  .lg\:size-\[27\.5rem\] { width: 27.5rem; height: 27.5rem; }
  .lg\:size-\[26rem\] { width: 26rem; height: 26rem; }
  .lg\:\!size-24 { width: 6rem !important; height: 6rem !important; }
  .lg\:mt-8 { margin-top: 2rem; }
  .lg\:mt-4 { margin-top: 1rem; }
  .lg\:mt-3 { margin-top: 0.75rem; }
  .lg\:mt-28 { margin-top: 7rem; }
  .lg\:mt-20 { margin-top: 5rem; }
  .lg\:mt-2\.5 { margin-top: 0.625rem; }
  .lg\:mt-2 { margin-top: 0.5rem; }
  .lg\:mt-11 { margin-top: 2.75rem; }
  .lg\:mt-0 { margin-top: 0px; }
  .lg\:mr-6 { margin-right: 1.5rem; }
  .lg\:ml-2 { margin-left: 0.5rem; }
  .lg\:ml-0 { margin-left: 0px; }
  .lg\:mb-7 { margin-bottom: 1.75rem; }
  .lg\:mb-6 { margin-bottom: 1.5rem; }
  .lg\:mb-32 { margin-bottom: 8rem; }
  .lg\:mb-2 { margin-bottom: 0.5rem; }
  .lg\:mb-18 { margin-bottom: 4.5rem; }
  .lg\:mb-1 { margin-bottom: 0.25rem; }
  .lg\:mb-0 { margin-bottom: 0px; }
  .lg\:-mb-3 { margin-bottom: -0.75rem; }
  .lg\:my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .lg\:mx-auto { margin-left: auto; margin-right: auto; }
  .lg\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg\:mx-36 { margin-left: 9rem; margin-right: 9rem; }
  .lg\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
  .lg\:-mx-4 { margin-left: -1rem; margin-right: -1rem; }
  .lg\:\!mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .lg\:m-auto { margin: auto; }
  .lg\:order-last { order: 9999; }
  .lg\:order-1 { order: 1; }
  .lg\:z-100 { z-index: 100; }
  .lg\:top-6 { top: 1.5rem; }
  .lg\:top-5 { top: 1.25rem; }
  .lg\:top-28 { top: 7rem; }
  .lg\:top-10 { top: 2.5rem; }
  .lg\:top-1\/2 { top: 50%; }
  .lg\:top-0 { top: 0px; }
  .lg\:left-24 { left: 6rem; }
  .lg\:left-11 { left: 2.75rem; }
  .lg\:bottom-6 { bottom: 1.5rem; }
  .lg\:bottom-14 { bottom: 3.5rem; }
  .lg\:bottom-0 { bottom: 0px; }
  .lg\:-top-7 { top: -1.75rem; }
  .lg\:\!top-1\/3 { top: 33.3333% !important; }
  .lg\:sticky { position: sticky; }
  .card-size.game-detail { width: 5rem; height: 7.5rem; border-radius: 6px; }
  .card-size { width: 7rem; height: 10.5rem; }
  .lg\:flex { display: flex; }
  .grid-col-3 { --grid-column: 7; }
  .grid-col-2 { --grid-column: 4; }
  .grid-col-1 { --grid-column: 2; }
  .grid-col-1 { --grid-column: 2; }
}

@media (min-width: 1280px) {
  .xl\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .xl\:text-7xl { font-size: 4.5rem; line-height: 1; }
  .xl\:text-5xl { font-size: 3rem; line-height: 1; }
  .xl\:pl-20 { padding-left: 5rem; }
  .xl\:items-center { align-items: center; }
  .xl\:flex-row { flex-direction: row; }
  .xl\:flex-none { flex: 0 0 auto; }
  .xl\:max-w-\[750px\] { max-width: 750px; }
  .xl\:w-\[230px\] { width: 230px; }
  .xl\:w-100 { width: 25rem; }
  .xl\:top-52 { top: 13rem; }
  .xl\:top-4 { top: 1rem; }
  .xl\:top-3 { top: 0.75rem; }
  .xl\:right-52 { right: 13rem; }
  .xl\:left-7 { left: 1.75rem; }
  .xl\:left-60 { left: 15rem; }
  .xl\:mt-0 { margin-top: 0px; }
  .xl\:flex { display: flex; }
  .grid-col-3 { --grid-column: 8; }
  .grid-col-2 { --grid-column: 5; }
  .grid-col-1 { --grid-column: 3; }
  .grid-col-1 { --grid-column: 3; }
}

@media (min-width: 1536px) {
  .\32 xl\:text-tertiary { color: rgb(var(--tertiary) / 1); }
  .\32 xl\:text-primary { color: rgb(var(--primary) / 1); }
  .\32 xl\:font-semibold { font-weight: 600; }
  .\32 xl\:font-extrabold { font-weight: 800; }
  .\32 xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .\32 xl\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .\32 xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .\32 xl\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .\32 xl\:text-\[110px\] { font-size: 110px; }
  .\32 xl\:text-8xl { font-size: 6rem; line-height: 1; }
  .\32 xl\:text-7xl { font-size: 4.5rem; line-height: 1; }
  .\32 xl\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .\32 xl\:text-5xl { font-size: 3rem; line-height: 1; }
  .\32 xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .\32 xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .\32 xl\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .\32 xl\:pt-40 { padding-top: 10rem; }
  .\32 xl\:pt-14 { padding-top: 3.5rem; }
  .\32 xl\:pl-40 { padding-left: 10rem; }
  .\32 xl\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .\32 xl\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .\32 xl\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
  .\32 xl\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .\32 xl\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .\32 xl\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .\32 xl\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
  .\32 xl\:px-18 { padding-left: 4.5rem; padding-right: 4.5rem; }
  .\32 xl\:px-12 { padding-left: 3rem; padding-right: 3rem; }
  .\32 xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .\32 xl\:px-0 { padding-left: 0px; padding-right: 0px; }
  .\32 xl\:p-7 { padding: 1.75rem; }
  .\32 xl\:p-3 { padding: 0.75rem; }
  .\32 xl\:p-12 { padding: 3rem; }
  .\32 xl\:p-10 { padding: 2.5rem; }
  .\32 xl\:p-0 { padding: 0px; }
  .\32 xl\:gap-x-5 { column-gap: 1.25rem; }
  .\32 xl\:gap-x-36 { column-gap: 9rem; }
  .\32 xl\:gap-5 { gap: 1.25rem; }
  .\32 xl\:justify-between { justify-content: space-between; }
  .\32 xl\:place-items-center { place-items: center; }
  .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .\32 xl\:\!grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  .\32 xl\:max-w-\[946px\] { max-width: 946px; }
  .\32 xl\:max-w-\[850px\] { max-width: 850px; }
  .\32 xl\:max-w-\[810px\] { max-width: 810px; }
  .\32 xl\:max-w-\[478px\] { max-width: 478px; }
  .\32 xl\:max-w-\[1618px\] { max-width: 1618px; }
  .\32 xl\:max-w-\[1440px\] { max-width: 1440px; }
  .\32 xl\:max-w-\[1400px\] { max-width: 1400px; }
  .\32 xl\:min-w-72 { min-width: 18rem; }
  .\32 xl\:min-w-56 { min-width: 14rem; }
  .\32 xl\:w-full { width: 100%; }
  .\32 xl\:w-\[80\%\] { width: 80%; }
  .\32 xl\:w-\[400px\] { width: 400px; }
  .\32 xl\:w-\[34rem\] { width: 34rem; }
  .\32 xl\:w-64 { width: 16rem; }
  .\32 xl\:w-44 { width: 11rem; }
  .\32 xl\:w-40 { width: 10rem; }
  .\32 xl\:w-32 { width: 8rem; }
  .\32 xl\:w-24 { width: 6rem; }
  .\32 xl\:w-18 { width: 4.5rem; }
  .\32 xl\:w-10 { width: 2.5rem; }
  .\32 xl\:\!w-\[380px\] { width: 380px !important; }
  .\32 xl\:min-h-\[1200px\] { min-height: 1200px; }
  .\32 xl\:min-h-16 { min-height: 4rem; }
  .\32 xl\:h-\[500px\] { height: 500px; }
  .\32 xl\:h-8 { height: 2rem; }
  .\32 xl\:h-52 { height: 13rem; }
  .\32 xl\:h-28 { height: 7rem; }
  .\32 xl\:h-20 { height: 5rem; }
  .\32 xl\:h-16 { height: 4rem; }
  .\32 xl\:h-10 { height: 2.5rem; }
  .\32 xl\:grid { display: grid; }
  .\32 xl\:mt-8 { margin-top: 2rem; }
  .\32 xl\:mt-7 { margin-top: 1.75rem; }
  .\32 xl\:mt-60 { margin-top: 15rem; }
  .\32 xl\:mt-5 { margin-top: 1.25rem; }
  .\32 xl\:mt-40 { margin-top: 10rem; }
  .\32 xl\:mt-4 { margin-top: 1rem; }
  .\32 xl\:mt-18 { margin-top: 4.5rem; }
  .\32 xl\:mt-15 { margin-top: 3.75rem; }
  .\32 xl\:mt-14 { margin-top: 3.5rem; }
  .\32 xl\:mt-12 { margin-top: 3rem; }
  .\32 xl\:mt-11 { margin-top: 2.75rem; }
  .\32 xl\:mt-10 { margin-top: 2.5rem; }
  .\32 xl\:mt-0 { margin-top: 0px; }
  .\32 xl\:mr-6 { margin-right: 1.5rem; }
  .\32 xl\:ml-auto { margin-left: auto; }
  .\32 xl\:mb-8 { margin-bottom: 2rem; }
  .\32 xl\:mb-6 { margin-bottom: 1.5rem; }
  .\32 xl\:mb-3 { margin-bottom: 0.75rem; }
  .\32 xl\:-mt-\[400px\] { margin-top: -400px; }
  .\32 xl\:-mt-72 { margin-top: -18rem; }
  .\32 xl\:-mt-64 { margin-top: -16rem; }
  .\32 xl\:-mt-60 { margin-top: -15rem; }
  .\32 xl\:-mt-24 { margin-top: -6rem; }
  .\32 xl\:-mt-20 { margin-top: -5rem; }
  .\32 xl\:-mt-100 { margin-top: -25rem; }
  .\32 xl\:my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
  .\32 xl\:mx-auto { margin-left: auto; margin-right: auto; }
  .\32 xl\:mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .\32 xl\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .\32 xl\:top-64 { top: 16rem; }
  .\32 xl\:top-4 { top: 1rem; }
  .\32 xl\:top-28 { top: 7rem; }
  .\32 xl\:top-10 { top: 2.5rem; }
  .\32 xl\:top-0 { top: 0px; }
  .\32 xl\:right-\[26rem\] { right: 26rem; }
  .\32 xl\:right-4\.5 { right: 1.125rem; }
  .\32 xl\:right-4 { right: 1rem; }
  .\32 xl\:right-32 { right: 8rem; }
  .\32 xl\:left-\[4\%\] { left: 4%; }
  .\32 xl\:left-\[1\%\] { left: 1%; }
  .\32 xl\:left-80 { left: 20rem; }
  .\32 xl\:left-52 { left: 13rem; }
  .\32 xl\:left-16 { left: 4rem; }
  .\32 xl\:left-0 { left: 0px; }
  .\32 xl\:bottom-80 { bottom: 20rem; }
  .\32 xl\:bottom-6 { bottom: 1.5rem; }
  .\32 xl\:bottom-20 { bottom: 5rem; }
  .\32 xl\:bottom-10 { bottom: 2.5rem; }
  .\32 xl\:-top-44 { top: -11rem; }
  .\32 xl\:-top-28 { top: -7rem; }
  .\32 xl\:-top-10 { top: -2.5rem; }
  .\32 xl\:-left-44 { left: -11rem; }
  .\32 xl\:-left-24 { left: -6rem; }
  .\32 xl\:-left-20 { left: -5rem; }
  .\32 xl\:absolute { position: absolute; }
  .\32 xl\:w-6 { width: 1.5rem; }
  .\32 xl\:-right-6 { right: -1.5rem; }
  .\32 xl\:-left-6 { left: -1.5rem; }
  .\32 xl\:flex { display: flex; }
  .grid-col-3 { --grid-column: 8; }
  .grid-col-2 { --grid-column: 6; }
  .grid-col-1 { --grid-column: 3; }
  .grid-col-1 { --grid-column: 3; }
}

.grid-col-2 { --grid-gap: 0px; --grid-column: 2; --aspect-ratio: 1; --grid-side: 1; --grid-cols: var(--grid-column); --item-width: calc((100% - var(--grid-gap) * (var(--grid-cols) - 1)) / var(--grid-cols)); grid-template-columns: repeat(auto-fill,var(--item-width)); grid-auto-columns: var(--item-width); }

.grid-col-2 > div { position: relative; padding-top: calc(100% / var(--aspect-ratio)); }

.grid-col-2 > div > * { position: absolute; inset: 0px; }

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-2 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 640px) {
  .grid-col-2 { --grid-column: 3; }
}

@media (min-width: 768px) {
  .grid-col-2 { --grid-column: 3; }
}

@media (min-width: 1024px) {
  .grid-col-2 { --grid-column: 4; }
}

@media (min-width: 1280px) {
  .grid-col-2 { --grid-column: 5; }
}

@media (min-width: 1536px) {
  .grid-col-2 { --grid-column: 6; }
}

.grid-col-3 { --grid-gap: 0px; --grid-column: 3; --aspect-ratio: 1; --grid-side: 2; --grid-cols: var(--grid-column); --item-width: calc((100% - var(--grid-gap) * (var(--grid-cols) - 1)) / var(--grid-cols)); grid-template-columns: repeat(auto-fill,var(--item-width)); grid-auto-columns: var(--item-width); }

.grid-col-3 > div { position: relative; padding-top: calc(100% / var(--aspect-ratio)); }

.grid-col-3 > div > * { position: absolute; inset: 0px; }

@media (min-width: 1024px) and (max-width: 1856px) {
  .chat-unfold .grid-col-3 { --grid-cols: calc(var(--grid-column) - var(--grid-side)); }
}

@media (min-width: 640px) {
  .grid-col-3 { --grid-column: 4; }
}

@media (min-width: 768px) {
  .grid-col-3 { --grid-column: 5; }
}

@media (min-width: 1024px) {
  .grid-col-3 { --grid-column: 7; }
}

@media (min-width: 1280px) {
  .grid-col-3 { --grid-column: 8; }
}

@media (min-width: 1536px) {
  .grid-col-3 { --grid-column: 8; }
}

.backdrop-blur-lg { --tw-backdrop-blur: blur(16px); 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); }

.lowend .backdrop-blur-lg { --tw-backdrop-blur: none; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: 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); }

.lowend .backdrop-blur-sm { --tw-backdrop-blur: none; 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); }

.notification-box {
  & .tabs-btn[aria-selected] { background-color: rgb(var(--tab_selected)); }
}

.right-slide-content { background: rgb(244, 244, 244); }

.button-brightBg { background: rgb(242, 242, 242); }

html.dark {
  & .right-slide-content { background: rgb(41, 45, 46); }
  & .button-brightBg { background: rgb(70, 79, 80); }
}

.tabbar { height: var(--footer); z-index: 110; box-sizing: content-box; padding-bottom: var(--safe-bottom); }

.telegram-page-banner { height: 0px; padding-top: 37%; }

.telegram-page-banner .banner_m { width: 100%; height: auto; position: absolute; top: 0px; left: 0px; }

.telegram-page-banner .banner, .telegram-page-banner .banner_b { display: none; }

.casino-games-tab .tabs-content { background: transparent; }

.carousel-cahnge-btn { opacity: 0; }

.carousel-wrap:hover .carousel-cahnge-btn { opacity: 1; }

.carousel-cahnge-btn:hover svg { fill: rgb(var(--brand)); }

@media (min-width: 800px) {
  .telegram-page-banner { padding-top: 15.72%; }
  .telegram-page-banner .banner_m { display: none; }
  .telegram-page-banner .banner { position: absolute; top: 0px; left: 50%; display: block; transform: translate(-50%); }
}

@media (min-width: 1920px) {
  .telegram-page-banner { padding-top: 13.05%; }
  .telegram-page-banner .banner_m, .telegram-page-banner .banner { display: none; }
  .telegram-page-banner .banner_b { position: absolute; top: 0px; left: 50%; display: block; transform: translate(-50%); }
}

@media (min-width: 3200px) {
  .telegram-page-banner { height: 302px; padding-top: 0px; }
  .telegram-page-banner .banner_b { width: auto; height: 100%; }
}

.max-width-dialog .dialog-content { padding-left: 0px; padding-right: 0px; }

.\*\:bg-\[\#fff\] > * { background-color: rgb(255, 255, 255); }

.\*\:bg-none > * { background-image: none; }

.first\:rounded-l-lg:first-child { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); }

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

.odd\:bg-black_alpha5:nth-child(2n+1) { background-color: rgba(0, 0, 0, 0.05); }

.odd\:bg-layer5-table:nth-child(2n+1) { background-color: rgb(var(--layer5-table) / 1); }

.even\:bg-layer5-table:nth-child(2n) { background-color: rgb(var(--layer5-table) / 1); }

.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }

.focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }

.focus\:ring-brand:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--brand) / var(--tw-ring-opacity, 1)); }

@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .hover\:border-brand:hover { border-color: rgb(var(--brand) / 1); }
  .hover\:bg-layer3:hover { background-color: rgb(var(--layer3) / 1); }
  .hover\:bg-layer4:hover { background-color: rgb(var(--layer4) / 1); }
  .hover\:bg-layer5:hover { background-color: rgb(var(--layer5) / 1); }
  .hover\:text-brand:hover { color: rgb(var(--brand) / 1); }
  .hover\:text-primary:hover { color: rgb(var(--primary) / 1); }
  .hover\:underline:hover { text-decoration-line: underline; }
  .hover\:opacity-80:hover { opacity: 0.8; }
  .group:hover .group-hover\:scale-150 { --tw-scale-x: 1.5; --tw-scale-y: 1.5; 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)); }
  .group:hover .group-hover\:opacity-100 { opacity: 1; }
}

@media not all and (min-width: 640px) {
  .max-sm\:-top-6 { top: -1.5rem; }
  .max-sm\:mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .max-sm\:mb-2\.5 { margin-bottom: 0.625rem; }
  .max-sm\:h-80 { height: 20rem; }
  .max-sm\:w-full { width: 100%; }
  .max-sm\:flex-1 { flex: 1 1 0%; }
  .max-sm\:bg-layer1 { background-color: rgb(var(--layer1) / 1); }
}

@media (min-width: 640px) {
  .sm\:bottom-32 { bottom: 8rem; }
  .sm\:bottom-8 { bottom: 2rem; }
  .sm\:bottom-auto { bottom: auto; }
  .sm\:left-8 { left: 2rem; }
  .sm\:left-\[14\%\] { left: 14%; }
  .sm\:right-4 { right: 1rem; }
  .sm\:top-12 { top: 3rem; }
  .sm\:top-\[5\.5rem\] { top: 5.5rem; }
  .sm\:top-\[6\%\] { top: 6%; }
  .sm\:\!mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .sm\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .sm\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
  .sm\:\!-mt-10 { margin-top: -2.5rem !important; }
  .sm\:-mt-20 { margin-top: -5rem; }
  .sm\:-mt-3 { margin-top: -0.75rem; }
  .sm\:mb-0 { margin-bottom: 0px; }
  .sm\:ml-0 { margin-left: 0px; }
  .sm\:ml-6 { margin-left: 1.5rem; }
  .sm\:ml-auto { margin-left: auto; }
  .sm\:mr-1\.5 { margin-right: 0.375rem; }
  .sm\:mr-2\.5 { margin-right: 0.625rem; }
  .sm\:mt-0 { margin-top: 0px; }
  .sm\:mt-1 { margin-top: 0.25rem; }
  .sm\:mt-2 { margin-top: 0.5rem; }
  .sm\:mt-24 { margin-top: 6rem; }
  .sm\:mt-4 { margin-top: 1rem; }
  .sm\:mt-5 { margin-top: 1.25rem; }
  .sm\:mt-6 { margin-top: 1.5rem; }
  .sm\:mt-7 { margin-top: 1.75rem; }
  .sm\:mt-8 { margin-top: 2rem; }
  .sm\:block { display: block; }
  .sm\:flex { display: flex; }
  .sm\:aspect-\[4\.6\] { aspect-ratio: 4.6 / 1; }
  .sm\:size-10 { width: 2.5rem; height: 2.5rem; }
  .sm\:size-5 { width: 1.25rem; height: 1.25rem; }
  .sm\:h-10 { height: 2.5rem; }
  .sm\:h-16 { height: 4rem; }
  .sm\:h-24 { height: 6rem; }
  .sm\:h-3\/4 { height: 75%; }
  .sm\:h-5 { height: 1.25rem; }
  .sm\:h-\[106px\] { height: 106px; }
  .sm\:h-\[120px\] { height: 120px; }
  .sm\:h-\[252px\] { height: 252px; }
  .sm\:h-\[40rem\] { height: 40rem; }
  .sm\:h-\[50vh\] { height: 50vh; }
  .sm\:h-auto { height: auto; }
  .sm\:h-full { height: 100%; }
  .sm\:min-h-0 { min-height: 0px; }
  .sm\:\!w-\[56vw\] { width: 56vw !important; }
  .sm\:w-1\/4 { width: 25%; }
  .sm\:w-10 { width: 2.5rem; }
  .sm\:w-16 { width: 4rem; }
  .sm\:w-20 { width: 5rem; }
  .sm\:w-36 { width: 9rem; }
  .sm\:w-60 { width: 15rem; }
  .sm\:w-64 { width: 16rem; }
  .sm\:w-72 { width: 18rem; }
  .sm\:w-\[16\.5rem\] { width: 16.5rem; }
  .sm\:w-\[17\.5rem\] { width: 17.5rem; }
  .sm\:w-\[288px\] { width: 288px; }
  .sm\:w-\[480px\] { width: 480px; }
  .sm\:w-\[492px\] { width: 492px; }
  .sm\:w-auto { width: auto; }
  .sm\:w-fit { width: fit-content; }
  .sm\:w-full { width: 100%; }
  .sm\:min-w-40 { min-width: 10rem; }
  .sm\:\!max-w-\[67\.5rem\] { max-width: 67.5rem !important; }
  .sm\:max-w-300 { max-width: 75rem; }
  .sm\:max-w-\[1000px\] { max-width: 1000px; }
  .sm\:max-w-\[12\.5\%\] { max-width: 12.5%; }
  .sm\:flex-none { flex: 0 0 auto; }
  .sm\:basis-\[1\/8\] { }
  .sm\:cursor-pointer { cursor: pointer; }
  .sm\:grid-cols-\[repeat\(auto-fill\,minmax\(150px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .sm\:flex-row { flex-direction: row; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-wrap { flex-wrap: wrap; }
  .sm\:items-center { align-items: center; }
  .sm\:justify-start { justify-content: flex-start; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:gap-0 { gap: 0px; }
  .sm\:gap-3\.5 { gap: 0.875rem; }
  .sm\:gap-4 { gap: 1rem; }
  .sm\:rounded-lg { border-radius: var(--radius-lg); }
  .sm\:rounded-none { border-radius: 0px; }
  .sm\:rounded-xl { border-radius: var(--radius-xl); }
  .sm\:border { border-width: 1px; }
  .sm\:border-none { border-style: none; }
  .sm\:border-brand\/10 { border-color: rgb(var(--brand) / .1); }
  .sm\:\!bg-layer2 { background-color: rgb(var(--layer2) / 1) !important; }
  .sm\:bg-\[rgba\(0\,0\,0\,0\.15\)\] { background-color: rgba(0, 0, 0, 0.15); }
  .sm\:bg-\[rgba\(169\,169\,169\,0\.2\)\] { background-color: rgba(169, 169, 169, 0.2); }
  .sm\:bg-layer1 { background-color: rgb(var(--layer1) / 1); }
  .sm\:bg-layer3 { background-color: rgb(var(--layer3) / 1); }
  .sm\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }
  .sm\:p-0 { padding: 0px; }
  .sm\:p-1 { padding: 0.25rem; }
  .sm\:p-2\.5 { padding: 0.625rem; }
  .sm\:p-4 { padding: 1rem; }
  .sm\:\!px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .sm\:px-0 { padding-left: 0px; padding-right: 0px; }
  .sm\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
  .sm\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
  .sm\:px-15 { padding-left: 3.75rem; padding-right: 3.75rem; }
  .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
  .sm\:pb-10 { padding-bottom: 2.5rem; }
  .sm\:pb-3 { padding-bottom: 0.75rem; }
  .sm\:pl-0 { padding-left: 0px; }
  .sm\:pr-0 { padding-right: 0px; }
  .sm\:pr-2 { padding-right: 0.5rem; }
  .sm\:pt-0 { padding-top: 0px; }
  .sm\:text-center { text-align: center; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
  .sm\:font-semibold { font-weight: 600; }
  .sm\:backdrop-blur-md { --tw-backdrop-blur: blur(12px); 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); }
  .lowend .sm\:backdrop-blur-md { --tw-backdrop-blur: none; 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); }
  @media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .sm\:hover\:bg-layer3:hover { background-color: rgb(var(--layer3) / 1); }
  .sm\:hover\:underline:hover { text-decoration-line: underline; }
}
}

@media (min-width: 768px) {
  .md\:-mt-40 { margin-top: -10rem; }
  .md\:flex { display: flex; }
  .md\:size-18 { width: 4.5rem; height: 4.5rem; }
  .md\:h-10 { height: 2.5rem; }
  .md\:h-12 { height: 3rem; }
  .md\:w-1\/2 { width: 50%; }
  .md\:w-10 { width: 2.5rem; }
  .md\:w-2\/3 { width: 66.6667%; }
  .md\:w-24 { width: 6rem; }
  .md\:w-40 { width: 10rem; }
  .md\:w-48 { width: 12rem; }
  .md\:w-full { width: 100%; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
}

@media (min-width: 1024px) {
  .lg\:relative { position: relative; }
  .lg\:\!-left-3 { left: -0.75rem !important; }
  .lg\:\!left-\[60\%\] { left: 60% !important; }
  .lg\:\!top-0 { top: 0px !important; }
  .lg\:-bottom-4 { bottom: -1rem; }
  .lg\:-left-3 { left: -0.75rem; }
  .lg\:-top-1 { top: -0.25rem; }
  .lg\:-top-2 { top: -0.5rem; }
  .lg\:bottom-0 { bottom: 0px; }
  .lg\:bottom-40 { bottom: 10rem; }
  .lg\:left-0 { left: 0px; }
  .lg\:right-0 { right: 0px; }
  .lg\:right-2 { right: 0.5rem; }
  .lg\:top-0 { top: 0px; }
  .lg\:top-4 { top: 1rem; }
  .lg\:-mx-12 { margin-left: -3rem; margin-right: -3rem; }
  .lg\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .lg\:mx-auto { margin-left: auto; margin-right: auto; }
  .lg\:my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
  .lg\:\!mb-0 { margin-bottom: 0px !important; }
  .lg\:\!mt-0 { margin-top: 0px !important; }
  .lg\:\!mt-2 { margin-top: 0.5rem !important; }
  .lg\:-mb-2 { margin-bottom: -0.5rem; }
  .lg\:-ml-44 { margin-left: -11rem; }
  .lg\:-mt-5 { margin-top: -1.25rem; }
  .lg\:mb-0 { margin-bottom: 0px; }
  .lg\:ml-0 { margin-left: 0px; }
  .lg\:ml-20 { margin-left: 5rem; }
  .lg\:mr-1 { margin-right: 0.25rem; }
  .lg\:mt-6 { margin-top: 1.5rem; }
  .lg\:mt-9 { margin-top: 2.25rem; }
  .lg\:\!block { display: block !important; }
  .lg\:block { display: block; }
  .lg\:\!flex { display: flex !important; }
  .lg\:flex { display: flex; }
  .lg\:grid { display: grid; }
  .lg\:\!hidden { display: none !important; }
  .lg\:hidden { display: none; }
  .lg\:\!h-auto { height: auto !important; }
  .lg\:h-12 { height: 3rem; }
  .lg\:h-4 { height: 1rem; }
  .lg\:h-full { height: 100%; }
  .lg\:\!w-\[1px\] { width: 1px !important; }
  .lg\:w-1\/2 { width: 50%; }
  .lg\:w-1\/3 { width: 33.3333%; }
  .lg\:w-12 { width: 3rem; }
  .lg\:w-2\/3 { width: 66.6667%; }
  .lg\:w-28 { width: 7rem; }
  .lg\:w-32 { width: 8rem; }
  .lg\:w-4\/6 { width: 66.6667%; }
  .lg\:w-40 { width: 10rem; }
  .lg\:w-44 { width: 11rem; }
  .lg\:w-48 { width: 12rem; }
  .lg\:w-56 { width: 14rem; }
  .lg\:w-6 { width: 1.5rem; }
  .lg\:w-60 { width: 15rem; }
  .lg\:w-72 { width: 18rem; }
  .lg\:w-96 { width: 24rem; }
  .lg\:w-\[25rem\] { width: 25rem; }
  .lg\:w-\[38rem\] { width: 38rem; }
  .lg\:w-\[49\.5\%\] { width: 49.5%; }
  .lg\:w-auto { width: auto; }
  .lg\:w-fit { width: fit-content; }
  .lg\:w-full { width: 100%; }
  .lg\:min-w-\[40\%\] { min-width: 40%; }
  .lg\:max-w-96 { max-width: 24rem; }
  .lg\:max-w-\[300px\] { max-width: 300px; }
  .lg\:max-w-\[600px\] { max-width: 600px; }
  .lg\:max-w-screen-2xl { max-width: 1536px; }
  .lg\:basis-0 { flex-basis: 0px; }
  .lg\:-translate-x-\[10\%\] { --tw-translate-x: -10%; 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)); }
  .lg\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .lg\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:grid-cols-\[28rem_1fr\] { grid-template-columns: 28rem 1fr; }
  .lg\:\!flex-row { flex-direction: row !important; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:\!flex-row-reverse { flex-direction: row-reverse !important; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:items-center { align-items: center; }
  .lg\:justify-start { justify-content: flex-start; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:\!gap-3 { gap: 0.75rem !important; }
  .lg\:gap-24 { gap: 6rem; }
  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
  .lg\:overflow-visible { overflow: visible; }
  .lg\:\!px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .lg\:px-0 { padding-left: 0px; padding-right: 0px; }
  .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; }
  .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; }
  .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .lg\:pb-10 { padding-bottom: 2.5rem; }
  .lg\:pb-20 { padding-bottom: 5rem; }
  .lg\:pl-8 { padding-left: 2rem; }
  .lg\:pr-12 { padding-right: 3rem; }
  .lg\:pt-0 { padding-top: 0px; }
  .lg\:pt-12 { padding-top: 3rem; }
  .lg\:pt-5 { padding-top: 1.25rem; }
  .lg\:pt-7 { padding-top: 1.75rem; }
  .lg\:text-center { text-align: center; }
  .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .lg\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
}

@media (min-width: 1280px) {
  .xl\:bottom-52 { bottom: 13rem; }
  .xl\:-mb-3 { margin-bottom: -0.75rem; }
  .xl\:flex { display: flex; }
  .xl\:h-40 { height: 10rem; }
  .xl\:w-1\/3 { width: 33.3333%; }
  .xl\:w-12 { width: 3rem; }
  .xl\:w-40 { width: 10rem; }
  .xl\:w-72 { width: 18rem; }
  .xl\:w-\[32rem\] { width: 32rem; }
  .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .xl\:grid-cols-\[40rem_1fr\] { grid-template-columns: 40rem 1fr; }
  .xl\:gap-48 { gap: 12rem; }
  .xl\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .xl\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .xl\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
}

@media (min-width: 1536px) {
  .\32 xl\:-left-6 { left: -1.5rem; }
  .\32 xl\:-right-6 { right: -1.5rem; }
  .\32 xl\:flex { display: flex; }
  .\32 xl\:size-20 { width: 5rem; height: 5rem; }
  .\32 xl\:w-6 { width: 1.5rem; }
}

.dark .dark\:border-white_alpha5 { border-color: rgba(255, 255, 255, 0.05); }

.dark .dark\:bg-\[\#464f50\] { background-color: rgb(70, 79, 80); }

.dark .dark\:bg-alw_dark\/70 { background-color: rgb(var(--alw_dark) / .7); }

.dark .dark\:bg-layer2 { background-color: rgb(var(--layer2) / 1); }

.dark .dark\:bg-layer5 { background-color: rgb(var(--layer5) / 1); }

.dark .dark\:bg-white_alpha10 { background-color: rgba(255, 255, 255, 0.1); }

.dark .dark\:fill-\[\#69717a\] { fill: rgb(105, 113, 122); }

.dark .\*\:dark\:bg-layer5 > * { background-color: rgb(var(--layer5) / 1); }

.dark .odd\:dark\:bg-white_alpha5:nth-child(2n+1) { background-color: rgba(255, 255, 255, 0.05); }

@media (min-width: 640px) {
  .dark .sm\:dark\:bg-layer3 { background-color: rgb(var(--layer3) / 1); }
}

.\[\&\>\*\]\:max-w-\[50\%\] > * { max-width: 50%; }

@media (min-width: 640px) {
  .sm\:\[\&\>\*\]\:max-w-72 > * { max-width: 18rem; }
}

.\[\&_\.list-title\]\:\!top-10 .list-title { top: 2.5rem !important; }

.\[\&_\.pop-content\]\:pb-0 .pop-content { padding-bottom: 0px; }

.\[\&_li\]\:pb-3 li { padding-bottom: 0.75rem; }

.\[\&_td\]\:px-2 td { padding-left: 0.5rem; padding-right: 0.5rem; }

.\[\&_td\]\:px-3 td { padding-left: 0.75rem; padding-right: 0.75rem; }

.\[\&_td\]\:py-3 td { padding-top: 0.75rem; padding-bottom: 0.75rem; }

@media (min-width: 640px) {
  .sm\:\[\&_td\]\:px-4 td { padding-left: 1rem; padding-right: 1rem; }
}