.color_icon_img { background: url("coloricon-CYcS_8jE.png") left top no-repeat; width: 32px; height: 32px; }
.color_icon_img.bcpoker_g_w { background-position: 0px 0px; }
.color_icon_img.bcpoker_g { background-position: -32px 0px; }
.color_icon_img.bcpoker_w { background-position: 0px -32px; }
.color_icon_img.bcpoker { background-position: -32px -32px; }
.color_icon_img.bingo_w { background-position: -64px 0px; }
.color_icon_img.bingo { background-position: -64px -32px; }
.color_icon_img.casino_g_w { background-position: 0px -64px; }
.color_icon_img.casino_g { background-position: -32px -64px; }
.color_icon_img.casino_w { background-position: -64px -64px; }
.color_icon_img.casino { background-position: -96px 0px; }
.color_icon_img.chat_g_w { background-position: -96px -32px; }
.color_icon_img.chat_g { background-position: -96px -64px; }
.color_icon_img.chat_w { background-position: 0px -96px; }
.color_icon_img.chat { background-position: -32px -96px; }
.color_icon_img.explore_g_w { background-position: -64px -96px; }
.color_icon_img.explore_g { background-position: -96px -96px; }
.color_icon_img.explore_w { background-position: -128px 0px; }
.color_icon_img.explore { background-position: -128px -32px; }
.color_icon_img.lottery_g_w { background-position: -128px -64px; }
.color_icon_img.lottery_g { background-position: -128px -96px; }
.color_icon_img.lottery_w { background-position: 0px -128px; }
.color_icon_img.lottery { background-position: -32px -128px; }
.color_icon_img.menu_g_w { background-position: -64px -128px; }
.color_icon_img.menu_g { background-position: -96px -128px; }
.color_icon_img.menu_w { background-position: -128px -128px; }
.color_icon_img.menu { background-position: -160px 0px; }
.color_icon_img.promotion_g_w { background-position: -160px -32px; }
.color_icon_img.promotion_g { background-position: -160px -64px; }
.color_icon_img.promotion_w { background-position: -160px -96px; }
.color_icon_img.promotion { background-position: -160px -128px; }
.color_icon_img.racing_w { background-position: 0px -160px; }
.color_icon_img.racing { background-position: -32px -160px; }
.color_icon_img.sports_g_w { background-position: -64px -160px; }
.color_icon_img.sports_g { background-position: -96px -160px; }
.color_icon_img.sports_w { background-position: -128px -160px; }
.color_icon_img.sports { background-position: -160px -160px; }
.color_icon_img.trading_g_w { background-position: -192px 0px; }
.color_icon_img.trading_g { background-position: -192px -32px; }
.color_icon_img.trading_w { background-position: -192px -64px; }
.color_icon_img.trading { background-position: -192px -96px; }
.color_icon_img.new_w { background-position: 0px -192px; width: 45px; height: 18px; }
.color_icon_img.new { background-position: -45px -192px; width: 45px; height: 18px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .color_icon_img { background: url("coloricon_retina-B49QwdpC.png") left top / 224px 210px no-repeat; }
}
html { --Sidebar-Unit_bg: #f9f9f9; --Sidebar-Cell_Expandbg: rgba(50, 55, 56, .05); --Sidebar-ModeSwitcher-bg: #f9f9f9; --Sidebar-bg_layer5: #f0f2f2; --Sidebar-ListArrow-bg: #ededed; }
html.dark { --Sidebar-Unit_bg: #323738; --Sidebar-Cell_Expandbg: rgba(255, 255, 255, .05); --Sidebar-ModeSwitcher-bg: #323738; --Sidebar-bg_layer5: #323738; --Sidebar-ListArrow-bg: #464f50; }
.refer-bg { background: linear-gradient(90deg,#23ee8866,#23ee8800),var(--Sidebar-Unit_bg); }
.sidebar_bg { background: var(--Sidebar-Unit_bg); }
.bg-arrow { background: var(--Sidebar-ListArrow-bg); }
.nav-link-item-game.active, .game-link-item-active, .game-link-item-ingame, .nav-link-item.nav-link-item-active { background: linear-gradient(90deg,#23ee8833,#23ee8800 83.86%),var(--Sidebar-Cell_Expandbg) !important; }
.nav-link-item-game.active span, .game-link-item-active span, .nav-link-item.nav-link-item-active span { color: rgb(var(--brand)) !important; }
.toggle-link-item.toggle-link-item-open { background: var(--Sidebar-Cell_Expandbg); }
.toggle-link-item.toggle-link-item-active { background: linear-gradient(90deg, rgba(35, 238, 136, 0.2), rgba(35, 238, 136, 0)); }
.toggle-link-item-open.toggle-link-item-active { background: linear-gradient(90deg,#23ee8833,#23ee8800),var(--Sidebar-Cell_Expandbg) !important; }
.toggle-link-item.toggle-link-item-active span { color: rgb(var(--brand)) !important; }
.sidebar_bg_sp .nav-link-item:first-child { margin-top: 0px; }
.side-nav-item .icon-wrap .icon { width: 32px; height: 32px; transform: scale(0.8); }
@media screen and (min-width: 645px) {
  .toggle-link-item:hover .sp-color-icon { fill: rgb(var(--primary)); }
  .toggle-link-item { transition: height 0.3s; }
  .game-link-item:hover, .side-nav-item:hover, .toggle-link-item:hover, .nav-link-item:hover { background: linear-gradient(90deg,#23ee8833,#23ee8800),var(--Sidebar-Cell_Expandbg); }
  .game-link-item:hover span, .side-nav-item:hover span, .toggle-link-item:hover span, .nav-link-item:hover span { color: rgb(var(--primary)); }
  .header-nav-item:hover { background: var(--Sidebar-bg_layer5); }
  .header-nav-item:hover .icon { fill: rgb(var(--primary)); }
  .side-nav-item .icon-wrap .icon { transform: scale(0.75); }
}
*, ::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: 255 255 255; --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; }
.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, 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)); }
.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(--success)); }
.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; 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: 0 1rem calc(1rem + var(--safe-bottom)); }
.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; }
.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: calc(var(--safe-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: 1rem; 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; }
.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-\[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-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-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-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-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-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-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); }
.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-20 { padding: 5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.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("avertastd-semibold-DgrKQrq3.woff") format("woff"); font-weight: 400; font-style: normal; }
@font-face { font-family: avertastd; src: url("avertastd-semibold-BC-LINeP.woff2") format("woff2"), url("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: mono; src: url("") format("woff2"), url("") 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); }
.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 { left: 0px; }
.-left-0\.5 { left: -0.125rem; }
.-left-1 { left: -0.25rem; }
.-left-2 { left: -0.5rem; }
.-left-4 { left: -1rem; }
.-right-0 { right: 0px; }
.-right-0\.5 { right: -0.125rem; }
.-right-3 { right: -0.75rem; }
.-right-4 { right: -1rem; }
.-top-0 { top: 0px; }
.-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-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 { top: 0.75rem; }
.top-3\.5 { top: 0.875rem; }
.top-4 { top: 1rem; }
.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-\[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; }
.m-1 { margin: 0.25rem; }
.\!my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
.-mx-1\.5 { margin-left: -0.375rem; margin-right: -0.375rem; }
.-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; }
.-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; }
.-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-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
.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 { margin-left: 0px; }
.-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-5 { margin-left: -1.25rem; }
.-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-8 { margin-bottom: 2rem; }
.mb-sb { margin-bottom: var(--safe-bottom); }
.ml-0 { margin-left: 0px; }
.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-0 { margin-right: 0px; }
.mr-2\.5 { margin-right: 0.625rem; }
.mr-4 { margin-right: 1rem; }
.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; }
.\!block { display: block !important; }
.contents { display: contents; }
.aspect-\[1\.7\] { aspect-ratio: 1.7 / 1; }
.aspect-square { aspect-ratio: 1 / 1; }
.size-0 { width: 0px; height: 0px; }
.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 { width: 0.5rem; height: 0.5rem; }
.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-\[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-7 { height: 1.75rem; }
.h-72 { height: 18rem; }
.h-\[120\%\] { height: 120%; }
.h-\[1px\] { height: 1px; }
.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-\[92\%\] { height: 92%; }
.h-\[96\%\] { height: 96%; }
.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-full { min-height: 100%; }
.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\/5 { width: 20%; }
.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 { width: 1rem; }
.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-\[5\.68rem\] { width: 5.68rem; }
.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-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-\[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%; }
.border-collapse { border-collapse: collapse; }
.origin-top { transform-origin: center top; }
.-translate-x-1\/2, .-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\.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 { gap: 0px; }
.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-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-third > :not([hidden]) ~ :not([hidden]) { border-color: var(--third); }
.divide-white_alpha5 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(255, 255, 255, 0.05); }
.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-\[\#24ee89\]\/20 { border-color: rgba(36, 238, 137, 0.2); }
.border-\[\#404B9B\] { border-color: rgb(64, 75, 155); }
.border-\[\#fff\]\/10 { border-color: rgba(255, 255, 255, 0.1); }
.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_alpha5 { border-color: rgba(255, 255, 255, 0.05); }
.border-b-layer5 { border-bottom-color: rgb(var(--layer5) / 1); }
.border-b-success { border-bottom-color: rgb(var(--success) / 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-\[\#24EE89\]\/10 { background-color: rgba(36, 238, 137, 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-\[\#FC3C3C\] { background-color: rgb(252, 60, 60); }
.bg-\[\#FFBCD8\]\/40 { background-color: rgba(255, 188, 216, 0.4); }
.bg-\[\#f2f2f2\] { background-color: rgb(242, 242, 242); }
.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(""); }
.bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)); }
.bg-none { background-image: none; }
.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-success\/20 { --tw-gradient-from: rgb(var(--success) / .2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--success) / 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-\[\#24EE89\] { --tw-gradient-to: #24EE89 var(--tw-gradient-to-position); }
.to-layer4 { --tw-gradient-to: rgb(var(--layer4) / 1) var(--tw-gradient-to-position); }
.to-60\% { --tw-gradient-to-position: 60%; }
.bg-cover { background-size: cover; }
.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-2\.5 { padding: 0.625rem; }
.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; }
.pb-sb { padding-bottom: var(--safe-bottom); }
.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; }
.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; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.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-\[\#2CD97D\] { color: rgb(44, 217, 125); }
.text-\[\#FFBCD8\] { color: rgb(255, 188, 216); }
.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); }
.text-transparent { color: transparent; }
.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; }
.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)); }
}
.container { width: 100%; }
.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-10 { left: -2.5rem; }
.-left-8 { left: -2rem; }
.-left-\[0\.3rem\] { left: -0.3rem; }
.-left-full { left: -100%; }
.-right-1 { right: -0.25rem; }
.-right-2 { right: -0.5rem; }
.-top-10 { top: -2.5rem; }
.-top-20 { top: -5rem; }
.-top-24 { top: -6rem; }
.-top-32 { top: -8rem; }
.-top-40 { top: -10rem; }
.-top-5 { top: -1.25rem; }
.-top-56 { top: -14rem; }
.-top-6 { top: -1.5rem; }
.-top-8 { top: -2rem; }
.-top-\[16rem\] { top: -16rem; }
.-top-full { top: -100%; }
.bottom-full { bottom: 100%; }
.left-18 { left: 4.5rem; }
.left-2\/3 { left: 66.6667%; }
.left-20 { left: 5rem; }
.left-\[23\%\] { left: 23%; }
.right-12 { right: 3rem; }
.right-20 { right: 5rem; }
.right-\[1\.5rem\] { right: 1.5rem; }
.top-12 { top: 3rem; }
.top-56 { top: 14rem; }
.top-\[0\.75rem\] { top: 0.75rem; }
.top-\[100\%\] { top: 100%; }
.top-\[22\%\] { top: 22%; }
.top-\[2rem\] { top: 2rem; }
.top-\[7\.5rem\] { top: 7.5rem; }
.\!z-\[98\] { z-index: 98 !important; }
.-z-10 { z-index: -10; }
.-z-20 { z-index: -20; }
.z-\[98\] { z-index: 98; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.-m-4 { margin: -1rem; }
.-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; }
.-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; }
.mx-16 { margin-left: 4rem; margin-right: 4rem; }
.mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.-mb-3 { margin-bottom: -0.75rem; }
.-mb-4 { margin-bottom: -1rem; }
.-mb-6 { margin-bottom: -1.5rem; }
.-mr-3 { margin-right: -0.75rem; }
.-mt-1 { margin-top: -0.25rem; }
.-mt-12 { margin-top: -3rem; }
.-mt-14 { margin-top: -3.5rem; }
.-mt-8 { margin-top: -2rem; }
.ml-12 { margin-left: 3rem; }
.ml-20 { margin-left: 5rem; }
.ml-\[0\.1rem\] { margin-left: 0.1rem; }
.mr-8 { margin-right: 2rem; }
.mt-18 { margin-top: 4.5rem; }
.mt-36 { margin-top: 9rem; }
.mt-\[1px\] { margin-top: 1px; }
.mt-\[9rem\] { margin-top: 9rem; }
.\!box-border { box-sizing: border-box !important; }
.size-18 { width: 4.5rem; height: 4.5rem; }
.size-24 { width: 6rem; height: 6rem; }
.size-28 { width: 7rem; height: 7rem; }
.size-32 { width: 8rem; height: 8rem; }
.size-9 { width: 2.25rem; height: 2.25rem; }
.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; }
.\!h-auto { height: auto !important; }
.h-100 { height: 25rem; }
.h-\[0\.5rem\] { height: 0.5rem; }
.h-\[0\.65rem\] { height: 0.65rem; }
.h-\[1\.2rem\] { height: 1.2rem; }
.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-\[18rem\] { height: 18rem; }
.h-\[2\.4rem\] { height: 2.4rem; }
.h-\[21rem\] { height: 21rem; }
.h-\[26rem\] { height: 26rem; }
.h-\[29\.25rem\] { height: 29.25rem; }
.h-\[3\.5rem\] { height: 3.5rem; }
.h-\[3\.875rem\] { height: 3.875rem; }
.h-\[30px\] { height: 30px; }
.h-\[33\%\] { height: 33%; }
.h-\[338px\] { height: 338px; }
.h-\[5\.5rem\] { height: 5.5rem; }
.h-\[5rem\] { height: 5rem; }
.h-\[8\.5rem\] { height: 8.5rem; }
.h-\[9rem\] { height: 9rem; }
.max-h-\[60\%\] { max-height: 60%; }
.max-h-full { max-height: 100%; }
.\!min-h-10 { min-height: 2.5rem !important; }
.min-h-16 { min-height: 4rem; }
.min-h-64 { min-height: 16rem; }
.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-100 { width: 25rem !important; }
.\!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-1\/4 { width: 25%; }
.w-3\/5 { width: 60%; }
.w-4\/5 { width: 80%; }
.w-5\/6 { width: 83.3333%; }
.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-\[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-\[3\.125rem\] { width: 3.125rem; }
.w-\[30\.3rem\] { width: 30.3rem; }
.w-\[31rem\] { width: 31rem; }
.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-\[6\.25rem\] { width: 6.25rem; }
.w-\[6rem\] { width: 6rem; }
.w-\[7\.25rem\] { width: 7.25rem; }
.w-\[7\.5rem\] { width: 7.5rem; }
.w-\[7\.75rem\] { width: 7.75rem; }
.w-\[80rem\] { width: 80rem; }
.\!min-w-100 { min-width: 25rem !important; }
.\!min-w-48 { min-width: 12rem !important; }
.\!min-w-\[22rem\] { min-width: 22rem !important; }
.min-w-0 { min-width: 0px; }
.min-w-15 { min-width: 3.75rem; }
.min-w-16 { min-width: 4rem; }
.min-w-20 { min-width: 5rem; }
.min-w-32 { min-width: 8rem; }
.min-w-40 { min-width: 10rem; }
.min-w-48 { min-width: 12rem; }
.min-w-64 { min-width: 16rem; }
.min-w-\[10\.5rem\] { min-width: 10.5rem; }
.min-w-\[24rem\] { min-width: 24rem; }
.min-w-\[26rem\] { min-width: 26rem; }
.max-w-32 { max-width: 8rem; }
.max-w-40 { max-width: 10rem; }
.max-w-64 { max-width: 16rem; }
.max-w-\[11\.375rem\] { max-width: 11.375rem; }
.max-w-\[25rem\] { max-width: 25rem; }
.max-w-\[26rem\] { max-width: 26rem; }
.max-w-\[40\%\] { max-width: 40%; }
.max-w-\[8\.125rem\] { max-width: 8.125rem; }
.max-w-\[900px\] { max-width: 900px; }
.max-w-max { max-width: max-content; }
.flex-shrink-0, .shrink-0 { flex-shrink: 0; }
.grow { flex-grow: 1; }
.basis-16 { flex-basis: 4rem; }
.basis-20 { flex-basis: 5rem; }
.basis-\[30rem\] { flex-basis: 30rem; }
.-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-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-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-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-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-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)); }
.\!-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-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-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); }
.list-inside { list-style-position: inside; }
.list-none { list-style-type: none; }
.grid-flow-row { grid-auto-flow: row; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.flex-row { flex-direction: 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; }
.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)); }
.divide-black_alpha5 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(0, 0, 0, 0.05); }
.self-stretch { align-self: stretch; }
.text-pretty { text-wrap: pretty; }
.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); }
.rounded-br-xl { border-bottom-right-radius: var(--radius-xl); }
.rounded-tl-xl { border-top-left-radius: var(--radius-xl); }
.border-\[1\.6px\] { border-width: 1.6px; }
.\!border-none { border-style: none !important; }
.border-\[\#FFFFFF91\] { border-color: rgba(255, 255, 255, 0.57); }
.border-alw_white { border-color: rgb(var(--alw_white) / 1); }
.border-black_alpha5 { border-color: rgba(0, 0, 0, 0.05); }
.border-layer5 { border-color: rgb(var(--layer5) / 1); }
.border-b-third { border-bottom-color: var(--third); }
.\!bg-input_bright { background-color: rgb(var(--input_bright) / 1) !important; }
.\!bg-layer2 { background-color: rgb(var(--layer2) / 1) !important; }
.\!bg-layer4 { background-color: rgb(var(--layer4) / 1) !important; }
.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-\[\#9432F5\] { background-color: rgb(148, 50, 245); }
.bg-\[\#D3E9E0\] { background-color: rgb(211, 233, 224); }
.bg-\[\#F2CD3B\] { background-color: rgb(242, 205, 59); }
.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_alpha10 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white_alpha5, .bg-white_alpha5\/5 { background-color: rgba(255, 255, 255, 0.05); }
.bg-\[url\(\'src\/features\/affiliate\/assets\/banner_bg\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'src\/features\/affiliate\/assets\/banner_bg_mb\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'src\/features\/affiliate\/assets\/banner_bg_mb_w\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'src\/features\/affiliate\/assets\/banner_bg_w\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'src\/features\/affiliate\/assets\/invite_bg\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'src\/features\/affiliate\/assets\/program_bg\.png\'\)\] { background-image: url(""); }
.bg-gradient-to-b { background-image: linear-gradient(to bottom,var(--tw-gradient-stops)); }
.bg-gradient-to-br { background-image: linear-gradient(to bottom right,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-\[\#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); }
.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); }
.bg-contain { background-size: contain; }
.bg-center { background-position: center center; }
.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-6 { padding: 1.5rem; }
.p-\[0\.2rem\] { padding: 0.2rem; }
.p-\[1\.5px\] { padding: 1.5px; }
.p-\[1px\] { padding: 1px; }
.\!px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.\!px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.\!px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.\!px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.\!py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-\[20px\] { padding-left: 20px; padding-right: 20px; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.py-\[0\.35rem\] { padding-top: 0.35rem; padding-bottom: 0.35rem; }
.pb-14 { padding-bottom: 3.5rem; }
.pb-16 { padding-bottom: 4rem; }
.pl-10 { padding-left: 2.5rem; }
.pl-6 { padding-left: 1.5rem; }
.pr-0 { padding-right: 0px; }
.pr-10 { padding-right: 2.5rem; }
.pr-11 { padding-right: 2.75rem; }
.pr-32 { padding-right: 8rem; }
.pr-8 { padding-right: 2rem; }
.pt-10 { padding-top: 2.5rem; }
.pt-12 { padding-top: 3rem; }
.pt-st { padding-top: var(--safe-top); }
.font-mono { font-family: mono, avertastd; }
.text-\[20px\] { font-size: 20px; }
.text-\[24px\] { font-size: 24px; }
.text-\[5rem\] { font-size: 5rem; }
.font-\[700\] { font-weight: 700; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.leading-snug { line-height: 1.375; }
.tracking-tighter { letter-spacing: -0.05em; }
.text-\[\#B83B18\] { color: rgb(184, 59, 24); }
.text-\[\#BD5F16\] { color: rgb(189, 95, 22); }
.text-\[\#EF9E3F\] { color: rgb(239, 158, 63); }
.text-\[\#FFBA08\] { color: rgb(255, 186, 8); }
.text-\[\#FFE924\] { color: rgb(255, 233, 36); }
.text-input { color: rgb(var(--input) / 1); }
.text-warning_brighter { color: rgb(var(--warning_brighter) / 1); }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-45 { opacity: 0.45; }
.opacity-50 { opacity: 0.5; }
.opacity-65 { opacity: 0.65; }
.opacity-80 { opacity: 0.8; }
.opacity-85 { opacity: 0.85; }
.opacity-\[0\.34\] { opacity: 0.34; }
.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); }
.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); }
.duration-75 { transition-duration: 75ms; }
.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-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); }
.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); }
.bg-gradient-bonus { --bonus-gradient-bonus: linear-gradient( 180deg, rgba(246, 105, 44, .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%); }
.bg-quad-bonus-card { background-position: calc(100% + 5rem) calc(100% + 2rem); background-size: contain; }
.list-alpha { counter-reset: item 0; list-style-type: none; padding-left: 0.75rem; }
.list-alpha > li { position: relative; counter-increment: item 1; padding-left: 0.25rem; }
.list-alpha > li::before { content: counter(item, lower-alpha) "." " "; position: absolute; left: -0.75rem; font-weight: 800; }
.list-roman { counter-reset: item 0; list-style-type: none; }
.list-roman > li { counter-increment: item 1; position: relative; padding-left: 0.25rem; }
.list-roman > li::before { content: counter(item, lower-roman) "." " "; position: absolute; left: -0.75rem; font-weight: 800; }
.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\: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\:size-6 { width: 1.5rem; height: 1.5rem; }
  .max-sm\:w-full { width: 100%; }
  .max-sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .max-sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
  .max-sm\:leading-5 { line-height: 1.25rem; }
  .max-sm\:text-xxs { font-size: 0.75rem; line-height: 1rem; transform: scale(0.833); }
}
.dark .dark\:bg-\[\#293F35\] { background-color: rgb(41, 63, 53); }
.\[\&_\.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(""); 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(""); 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(""); 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); }
}
.after-colon::after { content: ":"; display: inline; text-align: center; }
.-bottom-4 { bottom: -1rem; }
.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-\[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; }
.z-50 { z-index: 50; }
.m-0 { margin: 0px; }
.m-4 { margin: 1rem; }
.-mx-2\.5 { margin-left: -0.625rem; margin-right: -0.625rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-2\.5 { margin-left: 0.625rem; margin-right: 0.625rem; }
.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; }
.mb-0 { margin-bottom: 0px; }
.mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
.mb-40 { margin-bottom: 10rem; }
.ml-3\.5 { margin-left: 0.875rem; }
.ml-8 { margin-left: 2rem; }
.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; }
.\!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; }
.min-h-10 { min-height: 2.5rem; }
.min-h-12 { min-height: 3rem; }
.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-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-\[60\%\] { width: 60%; }
.w-\[60px\] { width: 60px; }
.w-\[64px\] { width: 64px; }
.w-\[90px\] { width: 90px; }
.w-\[calc\(100\%\+2rem\)\] { width: calc(100% + 2rem); }
.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-4 { min-width: 1rem; }
.min-w-5 { min-width: 1.25rem; }
.min-w-6 { min-width: 1.5rem; }
.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-\[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\/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; }
.grid-cols-3 { grid-template-columns: repeat(3, 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)); }
.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: 0.75rem; border-bottom-left-radius: 0.75rem; }
.rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.rounded-s-full { border-start-start-radius: 9999px; border-end-start-radius: 9999px; }
.rounded-bl-3xl { border-bottom-left-radius: 1.5rem; }
.rounded-tl-3xl { border-top-left-radius: 1.5rem; }
.rounded-tr-xl { border-top-right-radius: 0.75rem; }
.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-\[\#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-\[\#fff\] { background-color: rgb(255, 255, 255); }
.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-\[url\(\'\/src\/assets\/lottery\/discount-yellow\.png\'\)\] { background-image: url("") !important; }
.bg-\[url\(\"\/src\/assets\/bc_lottery\/chatroom_bg_white\.png\"\)\] { background-image: url(""); }
.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(""), url(""), url(""), url(""); }
.bg-\[url\(\"\/src\/assets\/bc_lottery\/tost_w\.png\"\)\] { background-image: url(""); }
.bg-\[url\(\"\/src\/assets\/share\/crown\.png\"\)\] { background-image: url(""); }
.bg-\[url\(\"src\/assets\/lottery\/indiaGreenBall\.png\"\)\] { background-image: url(""); }
.bg-\[url\(\"src\/assets\/lottery\/indiaWhiteBall\.png\"\)\] { background-image: url(""); }
.bg-\[url\(\"src\/assets\/share\/lik_x\.png\"\)\] { background-image: url(""); }
.bg-\[url\(\"src\/assets\/share\/moon_q\.png\"\)\] { background-image: url(""); }
.bg-\[url\(\"src\/assets\/share\/star\.png\"\)\] { background-image: url(""); }
.bg-\[url\(\'\/src\/assets\/bc_lottery\/chat_star\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'\/src\/assets\/lottery\/ball-white\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'\/src\/assets\/lottery\/discount-green\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'\/src\/assets\/lottery\/jackpot_ball\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'src\/assets\/lottery\/ball-white\.png\'\)\] { background-image: url(""); }
.bg-\[url\(\'src\/assets\/lottery\/jackpot_ball\.png\'\)\] { background-image: url(""); }
.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-\[10\%_18px_10px_center\] { }
.bg-\[top_center\] { background-position: center top; }
.fill-\[\#3296f1\] { fill: rgb(50, 150, 241); }
.fill-\[\#5F6D6D\] { fill: rgb(95, 109, 109); }
.fill-\[\#B3BEC1\] { fill: rgb(179, 190, 193); }
.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-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.\!pl-10 { padding-left: 2.5rem !important; }
.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-16 { padding-right: 4rem; }
.text-end { text-align: end; }
.align-top { vertical-align: top; }
.text-\[0\] { font-size: 0px; }
.text-\[1\.75rem\] { font-size: 1.75rem; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.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; }
.outline-0 { outline-width: 0px; }
@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-fold .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(""); }
.dark .dark\:bg-\[url\(\"\/src\/assets\/bc_lottery\/tost\.png\"\)\] { background-image: url(""); }
.dark .dark\:bg-\[url\(\"src\/assets\/share\/lik_q\.png\"\)\] { background-image: url(""); }
.dark .dark\:bg-\[url\(\"src\/assets\/share\/moon_x\.png\"\)\] { background-image: url(""); }
.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); }
.inset-x-4 { left: 1rem; right: 1rem; }
.\!-right-5 { right: -1.25rem !important; }
.-left-3 { left: -0.75rem; }
.-right-\[3px\] { right: -3px; }
.-top-1\.5 { top: -0.375rem; }
.-top-\[2px\] { top: -2px; }
.bottom-1\/2 { bottom: 50%; }
.bottom-4 { bottom: 1rem; }
.left-0\.5 { left: 0.125rem; }
.top-\[0\.7rem\] { top: 0.7rem; }
.mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.-mt-3 { margin-top: -0.75rem; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.mb-11 { margin-bottom: 2.75rem; }
.mb-15 { margin-bottom: 3.75rem; }
.mb-2\.5 { margin-bottom: 0.625rem; }
.ml-14 { margin-left: 3.5rem; }
.ml-2\.5 { margin-left: 0.625rem; }
.mr-10 { margin-right: 2.5rem; }
.mr-12 { margin-right: 3rem; }
.mr-6 { margin-right: 1.5rem; }
.mt-3\.5 { margin-top: 0.875rem; }
.mt-\[-1px\] { margin-top: -1px; }
.\!size-4\.5 { width: 1.125rem !important; height: 1.125rem !important; }
.size-36 { width: 9rem; height: 9rem; }
.h-1\/3 { height: 33.3333%; }
.h-\[342px\] { height: 342px; }
.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-screen { max-height: 100vh; }
.min-h-100 { min-height: 25rem; }
.min-h-\[unset\] { min-height: unset; }
.w-0\.5 { width: 0.125rem; }
.w-100 { width: 25rem; }
.w-\[24\%\] { width: 24%; }
.w-\[28\%\] { width: 28%; }
.w-\[480px\] { width: 480px; }
.w-\[540px\] { width: 540px; }
.w-\[600px\] { width: 600px; }
.w-\[80\%\] { width: 80%; }
.w-\[calc\(50\%-8px\)\] { width: calc(50% - 8px); }
.max-w-44 { max-width: 11rem; }
.max-w-\[252px\] { max-width: 252px; }
.max-w-\[33\.33\%\] { max-width: 33.33%; }
.max-w-\[70\%\] { max-width: 70%; }
.max-w-\[90\%\] { max-width: 90%; }
.max-w-none { max-width: none; }
.flex-\[33\.33\%\] { flex: 1 1 33.33%; }
.basis-1\/4 { flex-basis: 25%; }
.basis-\[45\%\] { flex-basis: 45%; }
.basis-\[55\%\] { flex-basis: 55%; }
.table-auto { table-layout: auto; }
.table-fixed { table-layout: fixed; }
.border-separate { border-collapse: separate; }
.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); }
.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-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)); }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.cursor-default { cursor: default; }
.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-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))); }
.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-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; }
.overflow-scroll { overflow: scroll; }
.\!rounded-md { border-radius: var(--radius-md) !important; }
.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-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); }
.rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); }
.rounded-bl-xl { border-bottom-left-radius: var(--radius-xl); }
.\!border-brand { border-color: rgb(var(--brand) / 1) !important; }
.border-layer4 { border-color: rgb(var(--layer4) / 1); }
.border-primary { border-color: rgb(var(--primary) / 1); }
.\!bg-transparent { background-color: transparent !important; }
.bg-\[\#000\] { background-color: rgb(0, 0, 0); }
.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-\[\#f4f4f4\] { background-color: rgb(244, 244, 244); }
.bg-\[\#ff0101\] { background-color: rgb(255, 1, 1); }
.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-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-\[\#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-primary_brand { fill: rgb(var(--primary_brand) / 1); }
.object-cover { object-fit: cover; }
.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; }
.pl-0 { padding-left: 0px; }
.pr-14 { padding-right: 3.5rem; }
.pt-1\.5 { padding-top: 0.375rem; }
.pt-24 { padding-top: 6rem; }
.pt-32 { padding-top: 8rem; }
.pt-\[84px\] { padding-top: 84px; }
.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); }
.outline-2 { outline-width: 2px; }
.transition-opacity { transition-property: opacity; transition-duration: 0.15s; }
.transition-transform { transition-property: transform; transition-duration: 0.15s; }
.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-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\: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-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); }
.dark .dark\:bg-alw_white { background-color: rgb(var(--alw_white) / 1); }
.dark .dark\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }
@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; }
.\[\&_\.scroll-container\]\:h-full .scroll-container { height: 100%; }
.\[\&_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; }
.inset-x-0 { left: 0px; right: 0px; }
.inset-y-0 { top: 0px; bottom: 0px; }
.-bottom-1\.5 { bottom: -0.375rem; }
.-left-3\.5 { left: -0.875rem; }
.-top-12 { top: -3rem; }
.bottom-2\.5 { bottom: 0.625rem; }
.bottom-44 { bottom: 11rem; }
.left-16 { left: 4rem; }
.left-\[2\%\] { left: 2%; }
.top-0\.5 { top: 0.125rem; }
.top-6 { top: 1.5rem; }
.top-\[-1px\] { top: -1px; }
.top-\[110\%\] { top: 110%; }
.z-\[11\] { z-index: 11; }
.z-\[1\] { z-index: 1; }
.\!mt-2 { margin-top: 0.5rem !important; }
.-ml-24 { margin-left: -6rem; }
.-mr-4 { margin-right: -1rem; }
.-mt-0 { margin-top: 0px; }
.-mt-16 { margin-top: -4rem; }
.-mt-20 { margin-top: -5rem; }
.mb-\[104px\] { margin-bottom: 104px; }
.box-content { box-sizing: content-box; }
.\!size-5 { width: 1.25rem !important; height: 1.25rem !important; }
.h-\[30\.25rem\] { height: 30.25rem; }
.h-\[4\.375rem\] { height: 4.375rem; }
.h-\[52px\] { height: 52px; }
.h-\[60vh\] { height: 60vh; }
.h-\[640px\] { height: 640px; }
.h-\[7\.5rem\] { height: 7.5rem; }
.max-h-\[640px\] { max-height: 640px; }
.min-h-20 { min-height: 5rem; }
.w-\[4\.875rem\] { width: 4.875rem; }
.w-\[48\%\] { width: 48%; }
.w-\[49\%\] { width: 49%; }
.w-\[90\%\] { width: 90%; }
.min-w-12 { min-width: 3rem; }
.min-w-\[110px\] { min-width: 110px; }
.\!max-w-\[95\%\] { max-width: 95% !important; }
.max-w-\[440px\] { max-width: 440px; }
.max-w-\[55\%\] { max-width: 55%; }
.max-w-\[800px\] { max-width: 800px; }
.-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)); }
.cursor-auto { cursor: auto; }
.flex-row-reverse { flex-direction: row-reverse; }
.justify-normal { justify-content: normal; }
.gap-3\.5 { gap: 0.875rem; }
.gap-\[2\%\] { gap: 2%; }
.whitespace-normal { white-space: normal; }
.rounded-tl-lg { border-top-left-radius: var(--radius-lg); }
.border-\[0\.45rem\] { border-width: 0.45rem; }
.\!border-error { border-color: rgb(var(--error) / 1) !important; }
.\!border-warning { border-color: rgb(var(--warning) / 1) !important; }
.border-secondary { border-color: rgb(var(--secondary) / 1); }
.border-tertiary { border-color: rgb(var(--tertiary) / 1); }
.bg-\[\#D4F5E5\] { background-color: rgb(212, 245, 229); }
.bg-tab_nopadding { background-color: rgb(var(--tab_nopadding) / 1); }
.bg-tertiary { background-color: rgb(var(--tertiary) / 1); }
.from-\[\#D4F5E5\] { --tw-gradient-from: #D4F5E5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(212 245 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.fill-error { fill: rgb(var(--error) / 1); }
.fill-quarterary { fill: rgb(var(--quarterary) / 1); }
.pb-0\.5 { padding-bottom: 0.125rem; }
.tracking-wider { letter-spacing: 0.05em; }
.\!text-alw_white { color: rgb(var(--alw_white) / 1) !important; }
.opacity-20 { opacity: 0.2; }
.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
html { --Chip-Group-Tab: #f5f5f5; --Chip-Group-Button: #f2f2f2; --Button-DarkenBg: #e4e4e4; --Button-spbg: #e4e4e4; }
html.dark { --Chip-Group-Tab: #3a4142; --Chip-Group-Button: #464f50; --Button-DarkenBg: #373e3f; --Button-spbg: #464f50; }
.age-input > input { width: 100% !important; }
.no-padding-pop { padding-top: 3rem !important; }
.no-padding-pop .pop-content .tabs-content { padding: 0.75rem 1rem; background: rgb(var(--layer2)); }
.no-padding-pop .pop-content { padding: 0px !important; }
.auth-bg { background-color: var(--site_bg); }
.bg-setting-yellow { background: rgb(255, 152, 32); }
.bg-setting-red { background: rgb(252, 60, 60); }
.fill-setting-yellow { fill: rgb(255, 152, 32); }
.setting-button { background: var(--Button-BrightBg); }
.hover-button:hover { background: var(--Button-BrightBg); cursor: pointer; }
.user-bg { border-left: none; background: linear-gradient(91deg,rgba(149,255,236,0) .53%,rgba(115,175,168,.2) 98.76%),rgb(var(--layer4)); backdrop-filter: blur(3px); }
.fix-bglayer5 { background: linear-gradient(0deg,var(--black_alpha5) 0%,var(--black_alpha5) 100%),rgb(var(--layer5)); }
.fix-bglayer6 { background: linear-gradient(0deg,var(--black_alpha5) 0%,var(--black_alpha5) 100%),rgb(var(--layer6)); }
.dialog-content-no-padding .dialog-content { padding: 0px !important; }
.account-dialog .account-tab { background-color: transparent; }
.pc-no-layout .dialog-title { display: none; }
.pc-no-layout, .pc-no-layout .dialog-content { padding: 0px !important; }
.google-code-input { background-color: transparent; color: transparent; caret-color: transparent; border: none; }
.google-code-input:focus { outline: none; }
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; }
.crop-container-wrap .cropper-bg { background-image: none; background-color: var(--primary_brand); }
.crop-container-wrap .cropper-crop-box .cropper-view-box, .crop-container-wrap .cropper-crop-box .cropper-move { border-radius: 50%; }
.special-tabs-change .tabs-title { display: none; }
.special-tabs-change .tabs-content { background: transparent; margin-top: 0px; }
.triangle-bottom-layer5 { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid rgb(var(--layer5)); }
.triangle-layerbrand { width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid rgb(var(--brand)); }
.us-service section { margin-bottom: 1rem; }
.us-service section h2 { color: rgb(var(--primary)); font-weight: 700; }
.account-select.select { border: none; background-color: transparent; padding-left: 0px; padding-right: 0px; }
.profile-avatar-like-pop .pop-title .pop-close { right: 0.75rem; }
.profile-avatar-like-pop .pop-title { margin-bottom: 0px; }
.profile-avatar-like-pop { background: transparent; }
.noline { text-decoration: none !important; }
.setting-table th, .setting-table td { width: 15%; }
.setting-table .left { width: auto; }
.registration-pop .pop-content { padding: 0px !important; }
@media screen and (min-width: 645px) {
  .setting-button { background: var(--Button-spbg) !important; }
  .settings-security { display: flex; gap: 8px; flex-wrap: wrap; }
  .settings-security-flex { flex: 1 1 0%; min-width: 640px; display: flex; gap: 8px; flex-wrap: nowrap; }
  .settings-security-flex > div { width: auto; flex: 1 1 0%; }
}
@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .hover\:underline:hover { text-decoration-line: underline; }
}
.dark .dark\:bg-\[\#204535\] { background-color: rgb(32, 69, 53); }
.dark .dark\:from-\[\#204535\] { --tw-gradient-from: #204535 var(--tw-gradient-from-position); --tw-gradient-to: rgb(32 69 53 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.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; }
.\!absolute { position: absolute !important; }
.inset-y-2 { top: 0.5rem; bottom: 0.5rem; }
.\!-bottom-7 { bottom: -1.75rem !important; }
.-bottom-12 { bottom: -3rem; }
.-bottom-5 { bottom: -1.25rem; }
.-left-\[12px\] { left: -12px; }
.-right-16 { right: -4rem; }
.-right-4\.5 { right: -1.125rem; }
.-right-\[12px\] { right: -12px; }
.-top-16 { top: -4rem; }
.-top-2\.5 { top: -0.625rem; }
.-top-28 { top: -7rem; }
.-top-3\.5 { top: -0.875rem; }
.-top-9 { top: -2.25rem; }
.-top-\[2\.6rem\] { top: -2.6rem; }
.-top-\[32\.75rem\] { top: -32.75rem; }
.-top-\[4\.5rem\] { top: -4.5rem; }
.bottom-0\.5 { bottom: 0.125rem; }
.bottom-11 { bottom: 2.75rem; }
.bottom-6 { bottom: 1.5rem; }
.bottom-8 { bottom: 2rem; }
.bottom-9 { bottom: 2.25rem; }
.bottom-\[-1\.5rem\] { bottom: -1.5rem; }
.bottom-\[-12px\] { bottom: -12px; }
.bottom-\[-44px\] { bottom: -44px; }
.bottom-\[-48px\] { bottom: -48px; }
.bottom-\[\.9375rem\] { bottom: 0.9375rem; }
.bottom-\[10\%\] { bottom: 10%; }
.bottom-\[18\%\] { bottom: 18%; }
.bottom-\[1px\] { bottom: 1px; }
.bottom-\[4rem\] { bottom: 4rem; }
.left-28 { left: 7rem; }
.left-32 { left: 8rem; }
.left-\[-0px\] { left: 0px; }
.left-\[-15px\] { left: -15px; }
.left-\[-20\%\] { left: -20%; }
.left-\[-8px\] { left: -8px; }
.left-\[0\%\] { left: 0%; }
.left-\[10\%\] { left: 10%; }
.left-\[14px\] { left: 14px; }
.left-\[16rem\] { left: 16rem; }
.left-\[20rem\] { left: 20rem; }
.left-\[28\%\] { left: 28%; }
.left-\[3\%\] { left: 3%; }
.left-\[33\.3\%\] { left: 33.3%; }
.left-\[33px\] { left: 33px; }
.left-\[3px\] { left: 3px; }
.left-\[46\.2\%\] { left: 46.2%; }
.left-\[4px\] { left: 4px; }
.left-\[5\%\] { left: 5%; }
.left-\[5rem\] { left: 5rem; }
.left-\[66\.6\%\] { left: 66.6%; }
.left-\[83\%\] { left: 83%; }
.left-\[95\%\] { left: 95%; }
.right-1\/4 { right: 25%; }
.right-10 { right: 2.5rem; }
.right-14 { right: 3.5rem; }
.right-\[-8px\] { right: -8px; }
.right-\[\.625rem\] { right: 0.625rem; }
.right-\[11\%\] { right: 11%; }
.right-\[25px\] { right: 25px; }
.right-\[2px\] { right: 2px; }
.top-1\/3 { top: 33.3333%; }
.top-11 { top: 2.75rem; }
.top-20 { top: 5rem; }
.top-28 { top: 7rem; }
.top-36 { top: 9rem; }
.top-5 { top: 1.25rem; }
.top-\[-0\.1rem\] { top: -0.1rem; }
.top-\[-0\.5rem\] { top: -0.5rem; }
.top-\[-0px\] { top: 0px; }
.top-\[-100px\] { top: -100px; }
.top-\[-15px\] { top: -15px; }
.top-\[-40\%\] { top: -40%; }
.top-\[-52px\] { top: -52px; }
.top-\[-80\%\] { top: -80%; }
.top-\[-90\%\] { top: -90%; }
.top-\[-9px\] { top: -9px; }
.top-\[0\.15rem\] { top: 0.15rem; }
.top-\[100px\] { top: 100px; }
.top-\[11\.2rem\] { top: 11.2rem; }
.top-\[11\.5rem\] { top: 11.5rem; }
.top-\[14px\] { top: 14px; }
.top-\[199\.90px\] { top: 199.9px; }
.top-\[2\.5rem\] { top: 2.5rem; }
.top-\[20\%\] { top: 20%; }
.top-\[205px\] { top: 205px; }
.top-\[20rem\] { top: 20rem; }
.top-\[2px\] { top: 2px; }
.top-\[33px\] { top: 33px; }
.top-\[35px\] { top: 35px; }
.top-\[44\%\] { top: 44%; }
.top-\[45\%\] { top: 45%; }
.top-\[4px\] { top: 4px; }
.top-\[88px\] { top: 88px; }
.top-\[90\%\] { top: 90%; }
.top-\[91\.95px\] { top: 91.95px; }
.z-200 { z-index: 200; }
.z-\[100000\] { z-index: 100000; }
.z-\[10000\] { z-index: 10000; }
.z-\[1000\] { z-index: 1000; }
.z-\[1009\] { z-index: 1009; }
.z-\[100\] { z-index: 100; }
.z-\[200\] { z-index: 200; }
.z-\[2\] { z-index: 2; }
.z-\[40\] { z-index: 40; }
.\!order-3 { order: 3 !important; }
.\!order-first { order: -9999 !important; }
.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\.2rem\] { margin: 0.2rem !important; }
.m-\[0\.625rem\] { margin: 0.625rem; }
.m-\[2px\] { margin: 2px; }
.\!mx-auto { margin-left: auto !important; margin-right: auto !important; }
.-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; }
.-mx-\[0\.25rem\] { margin-left: -0.25rem; margin-right: -0.25rem; }
.mx-14 { margin-left: 3.5rem; margin-right: 3.5rem; }
.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.mx-\[0\.2rem\] { margin-left: 0.2rem; margin-right: 0.2rem; }
.mx-\[12\.5px\] { margin-left: 12.5px; margin-right: 12.5px; }
.mx-\[2px\] { margin-left: 2px; margin-right: 2px; }
.mx-\[4px\] { margin-left: 4px; margin-right: 4px; }
.my-15 { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.my-\[-0\.25rem\] { margin-top: -0.25rem; margin-bottom: -0.25rem; }
.my-\[-0\.5rem\] { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.my-\[0\.625rem\] { margin-top: 0.625rem; margin-bottom: 0.625rem; }
.\!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; }
.-mb-1\.5 { margin-bottom: -0.375rem; }
.-mb-2 { margin-bottom: -0.5rem; }
.-mb-\[2\.625rem\] { margin-bottom: -2.625rem; }
.-mb-\[2\.62rem\] { margin-bottom: -2.62rem; }
.-ml-1\.5 { margin-left: -0.375rem; }
.-ml-6 { margin-left: -1.5rem; }
.-mt-1\.5 { margin-top: -0.375rem; }
.-mt-24 { margin-top: -6rem; }
.-mt-9 { margin-top: -2.25rem; }
.-mt-px { margin-top: -1px; }
.mb-52 { margin-bottom: 13rem; }
.mb-\[0\.25rem\] { margin-bottom: 0.25rem; }
.mb-\[0\.5rem\] { margin-bottom: 0.5rem; }
.mb-\[0\.75rem\] { margin-bottom: 0.75rem; }
.mb-\[0\.8rem\] { margin-bottom: 0.8rem; }
.mb-\[1\.5rem\] { margin-bottom: 1.5rem; }
.mb-\[10px\] { margin-bottom: 10px; }
.mb-\[4\.25rem\] { margin-bottom: 4.25rem; }
.mb-\[6px\] { margin-bottom: 6px; }
.ml-\[-1\.5rem\] { margin-left: -1.5rem; }
.ml-\[-14px\] { margin-left: -14px; }
.ml-\[-16px\] { margin-left: -16px; }
.ml-\[-24px\] { margin-left: -24px; }
.ml-\[0\.2rem\] { margin-left: 0.2rem; }
.ml-\[0\.5rem\] { margin-left: 0.5rem; }
.ml-\[0\.62rem\] { margin-left: 0.62rem; }
.ml-\[3rem\] { margin-left: 3rem; }
.mr-3\.5 { margin-right: 0.875rem; }
.mr-\[-0\.15rem\] { margin-right: -0.15rem; }
.mr-\[0\.2rem\] { margin-right: 0.2rem; }
.mr-\[0\.46875rem\] { margin-right: 0.46875rem; }
.mr-\[0\.625rem\] { margin-right: 0.625rem; }
.mr-\[1px\] { margin-right: 1px; }
.mr-\[6px\] { margin-right: 6px; }
.mt-24 { margin-top: 6rem; }
.mt-\[0\.375rem\] { margin-top: 0.375rem; }
.mt-\[0\.3rem\] { margin-top: 0.3rem; }
.mt-\[0\.5rem\] { margin-top: 0.5rem; }
.mt-\[0\.75rem\] { margin-top: 0.75rem; }
.mt-\[1\.25rem\] { margin-top: 1.25rem; }
.mt-\[1\.5rem\] { margin-top: 1.5rem; }
.mt-\[10\%\] { margin-top: 10%; }
.mt-\[10px\] { margin-top: 10px; }
.mt-\[12px\] { margin-top: 12px; }
.mt-\[18px\] { margin-top: 18px; }
.mt-\[2\.875rem\] { margin-top: 2.875rem; }
.mt-\[2px\] { margin-top: 2px; }
.mt-\[3rem\] { margin-top: 3rem; }
.mt-\[4px\] { margin-top: 4px; }
.mt-\[4rem\] { margin-top: 4rem; }
.mt-\[6px\] { margin-top: 6px; }
.mt-\[7\.5rem\] { margin-top: 7.5rem; }
.mt-\[9px\] { margin-top: 9px; }
.mt-px { margin-top: 1px; }
.\!flex { display: flex !important; }
.\!size-4 { width: 1rem !important; height: 1rem !important; }
.\!size-6 { width: 1.5rem !important; height: 1.5rem !important; }
.size-11 { width: 2.75rem; height: 2.75rem; }
.size-20 { width: 5rem; height: 5rem; }
.size-3\.5 { width: 0.875rem; height: 0.875rem; }
.size-\[1\.875rem\] { width: 1.875rem; height: 1.875rem; }
.size-auto { width: auto; height: auto; }
.\!h-4 { height: 1rem !important; }
.\!h-8 { height: 2rem !important; }
.\!h-\[1\.375rem\] { height: 1.375rem !important; }
.\!h-\[1\.4rem\] { height: 1.4rem !important; }
.\!h-full { height: 100% !important; }
.h-0\.5 { height: 0.125rem; }
.h-1\/2 { height: 50%; }
.h-3\/4 { height: 75%; }
.h-3\/5 { height: 60%; }
.h-\[0\.188rem\] { height: 0.188rem; }
.h-\[0\.375rem\] { height: 0.375rem; }
.h-\[0\.5625rem\] { height: 0.5625rem; }
.h-\[0\.75rem\] { height: 0.75rem; }
.h-\[0\.875rem\] { height: 0.875rem; }
.h-\[0px\] { height: 0px; }
.h-\[1\.125rem\] { height: 1.125rem; }
.h-\[1\.5rem\] { height: 1.5rem; }
.h-\[1\.625rem\] { height: 1.625rem; }
.h-\[1\.6875rem\] { height: 1.6875rem; }
.h-\[1\.75rem\] { height: 1.75rem; }
.h-\[1\.7rem\] { height: 1.7rem; }
.h-\[1\.8125rem\] { height: 1.8125rem; }
.h-\[1\.875rem\] { height: 1.875rem; }
.h-\[10\.75rem\] { height: 10.75rem; }
.h-\[100px\] { height: 100px; }
.h-\[1034px\] { height: 1034px; }
.h-\[10px\] { height: 10px; }
.h-\[110\%\] { height: 110%; }
.h-\[11rem\] { height: 11rem; }
.h-\[120px\] { height: 120px; }
.h-\[12rem\] { height: 12rem; }
.h-\[149px\] { height: 149px; }
.h-\[14px\] { height: 14px; }
.h-\[14rem\] { height: 14rem; }
.h-\[15\.5rem\] { height: 15.5rem; }
.h-\[15rem\] { height: 15rem; }
.h-\[171px\] { height: 171px; }
.h-\[184px\] { height: 184px; }
.h-\[18px\] { height: 18px; }
.h-\[199\.90px\] { height: 199.9px; }
.h-\[19rem\] { height: 19rem; }
.h-\[2\.125rem\] { height: 2.125rem; }
.h-\[2\.18rem\] { height: 2.18rem; }
.h-\[2\.25rem\] { height: 2.25rem; }
.h-\[2\.5rem\] { height: 2.5rem; }
.h-\[2\.625rem\] { height: 2.625rem; }
.h-\[2\.6875rem\] { height: 2.6875rem; }
.h-\[2\.85rem\] { height: 2.85rem; }
.h-\[200px\] { height: 200px; }
.h-\[20px\] { height: 20px; }
.h-\[20rem\] { height: 20rem; }
.h-\[210px\] { height: 210px; }
.h-\[224px\] { height: 224px; }
.h-\[23\.4rem\] { height: 23.4rem; }
.h-\[237px\] { height: 237px; }
.h-\[240px\] { height: 240px; }
.h-\[25rem\] { height: 25rem; }
.h-\[27\.2\] { }
.h-\[27\.3rem\] { height: 27.3rem; }
.h-\[28px\] { height: 28px; }
.h-\[29\.5rem\] { height: 29.5rem; }
.h-\[290px\] { height: 290px; }
.h-\[2rem\] { height: 2rem; }
.h-\[3\.08rem\] { height: 3.08rem; }
.h-\[3\.125rem\] { height: 3.125rem; }
.h-\[3\.25rem\] { height: 3.25rem; }
.h-\[3\.2rem\] { height: 3.2rem; }
.h-\[3\.3125rem\] { height: 3.3125rem; }
.h-\[3\.625rem\] { height: 3.625rem; }
.h-\[31\.17rem\] { height: 31.17rem; }
.h-\[32\.5rem\] { height: 32.5rem; }
.h-\[36px\] { height: 36px; }
.h-\[37\.5rem\] { height: 37.5rem; }
.h-\[38rem\] { height: 38rem; }
.h-\[3rem\] { height: 3rem; }
.h-\[4\.75rem\] { height: 4.75rem; }
.h-\[40px\] { height: 40px; }
.h-\[42px\] { height: 42px; }
.h-\[43\.5rem\] { height: 43.5rem; }
.h-\[44\%\] { height: 44%; }
.h-\[45\%\] { height: 45%; }
.h-\[4rem\] { height: 4rem; }
.h-\[5\.375rem\] { height: 5.375rem; }
.h-\[50\%\] { height: 50%; }
.h-\[55\%\] { height: 55%; }
.h-\[6\.55rem\] { height: 6.55rem; }
.h-\[6\.63619rem\] { height: 6.63619rem; }
.h-\[6\.7rem\] { height: 6.7rem; }
.h-\[60\%\] { height: 60%; }
.h-\[7\.25rem\] { height: 7.25rem; }
.h-\[7\.75rem\] { height: 7.75rem; }
.h-\[79px\] { height: 79px; }
.h-\[7px\] { height: 7px; }
.h-\[80\%\] { height: 80%; }
.h-\[82px\] { height: 82px; }
.h-\[8rem\] { height: 8rem; }
.h-\[92px\] { height: 92px; }
.h-\[95\%\] { height: 95%; }
.h-\[96px\] { height: 96px; }
.\!max-h-none { max-height: none !important; }
.max-h-60 { max-height: 15rem; }
.max-h-\[19\.25rem\] { max-height: 19.25rem; }
.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-none { max-height: none; }
.\!min-h-\[5rem\] { min-height: 5rem !important; }
.min-h-\[15\.875rem\] { min-height: 15.875rem; }
.min-h-\[15rem\] { min-height: 15rem; }
.min-h-\[18rem\] { min-height: 18rem; }
.min-h-\[198px\] { min-height: 198px; }
.min-h-\[25\.5rem\] { min-height: 25.5rem; }
.min-h-\[25rem\] { min-height: 25rem; }
.min-h-\[26\.125rem\] { min-height: 26.125rem; }
.min-h-\[300px\] { min-height: 300px; }
.min-h-\[30rem\] { min-height: 30rem; }
.min-h-\[4rem\] { min-height: 4rem; }
.min-h-\[6\.94rem\] { min-height: 6.94rem; }
.min-h-\[8\.75rem\] { min-height: 8.75rem; }
.min-h-\[80px\] { min-height: 80px; }
.\!w-1\/2 { width: 50% !important; }
.\!w-1\/3 { width: 33.3333% !important; }
.\!w-10 { width: 2.5rem !important; }
.\!w-4 { width: 1rem !important; }
.\!w-\[1\.375rem\] { width: 1.375rem !important; }
.\!w-\[1\.4rem\] { width: 1.4rem !important; }
.\!w-\[50rem\] { width: 50rem !important; }
.\!w-full { width: 100% !important; }
.w-1\/12 { width: 8.33333%; }
.w-3\/12 { width: 25%; }
.w-4\/12 { width: 33.3333%; }
.w-5\/12 { width: 41.6667%; }
.w-7\/12 { width: 58.3333%; }
.w-\[0\.75rem\] { width: 0.75rem; }
.w-\[0\.875rem\] { width: 0.875rem; }
.w-\[1\.125rem\] { width: 1.125rem; }
.w-\[1\.625rem\] { width: 1.625rem; }
.w-\[1\.6875rem\] { width: 1.6875rem; }
.w-\[1\.75rem\] { width: 1.75rem; }
.w-\[1\.7rem\] { width: 1.7rem; }
.w-\[10\.75rem\] { width: 10.75rem; }
.w-\[104px\] { width: 104px; }
.w-\[10rem\] { width: 10rem; }
.w-\[11\.8125rem\] { width: 11.8125rem; }
.w-\[110\%\] { width: 110%; }
.w-\[12rem\] { width: 12rem; }
.w-\[13\.125rem\] { width: 13.125rem; }
.w-\[13\.5rem\] { width: 13.5rem; }
.w-\[140\%\] { width: 140%; }
.w-\[140px\] { width: 140px; }
.w-\[14px\] { width: 14px; }
.w-\[15\.375rem\] { width: 15.375rem; }
.w-\[162px\] { width: 162px; }
.w-\[16rem\] { width: 16rem; }
.w-\[170px\] { width: 170px; }
.w-\[171px\] { width: 171px; }
.w-\[176px\] { width: 176px; }
.w-\[179px\] { width: 179px; }
.w-\[17rem\] { width: 17rem; }
.w-\[18\.56rem\] { width: 18.56rem; }
.w-\[18\.6rem\] { width: 18.6rem; }
.w-\[18px\] { width: 18px; }
.w-\[199\.90px\] { width: 199.9px; }
.w-\[2\.18rem\] { width: 2.18rem; }
.w-\[2\.25rem\] { width: 2.25rem; }
.w-\[2\.625rem\] { width: 2.625rem; }
.w-\[20\%\] { width: 20%; }
.w-\[20rem\] { width: 20rem; }
.w-\[22\%\] { width: 22%; }
.w-\[22\.5rem\] { width: 22.5rem; }
.w-\[224px\] { width: 224px; }
.w-\[231\.98px\] { width: 231.98px; }
.w-\[232px\] { width: 232px; }
.w-\[237px\] { width: 237px; }
.w-\[25\%\] { width: 25%; }
.w-\[280px\] { width: 280px; }
.w-\[28px\] { width: 28px; }
.w-\[28rem\] { width: 28rem; }
.w-\[2rem\] { width: 2rem; }
.w-\[3\.2rem\] { width: 3.2rem; }
.w-\[3\.375rem\] { width: 3.375rem; }
.w-\[30\.8rem\] { width: 30.8rem; }
.w-\[308px\] { width: 308px; }
.w-\[31\.17rem\] { width: 31.17rem; }
.w-\[32\.5rem\] { width: 32.5rem; }
.w-\[33\.3\%\] { width: 33.3%; }
.w-\[34\%\] { width: 34%; }
.w-\[35\%\] { width: 35%; }
.w-\[38\%\] { width: 38%; }
.w-\[3rem\] { width: 3rem; }
.w-\[4\.25rem\] { width: 4.25rem; }
.w-\[4\.375rem\] { width: 4.375rem; }
.w-\[4\.63rem\] { width: 4.63rem; }
.w-\[4\.6875rem\] { width: 4.6875rem; }
.w-\[4\.75rem\] { width: 4.75rem; }
.w-\[4\.861rem\] { width: 4.861rem; }
.w-\[40\%\] { width: 40%; }
.w-\[40px\] { width: 40px; }
.w-\[44\%\] { width: 44%; }
.w-\[44px\] { width: 44px; }
.w-\[4rem\] { width: 4rem; }
.w-\[5\.25rem\] { width: 5.25rem; }
.w-\[5\.5rem\] { width: 5.5rem; }
.w-\[50\%\] { width: 50%; }
.w-\[5rem\] { width: 5rem; }
.w-\[6\.5rem\] { width: 6.5rem; }
.w-\[7\.8\%\] { width: 7.8%; }
.w-\[70\%\] { width: 70%; }
.w-\[7px\] { width: 7px; }
.w-\[7rem\] { width: 7rem; }
.w-\[8\.44rem\] { width: 8.44rem; }
.w-\[80px\] { width: 80px; }
.w-\[81px\] { width: 81px; }
.w-\[85\%\] { width: 85%; }
.w-\[88\%\] { width: 88%; }
.w-\[8rem\] { width: 8rem; }
.w-\[9\.375rem\] { width: 9.375rem; }
.w-\[95\%\] { width: 95%; }
.w-\[9rem\] { width: 9rem; }
.w-\[calc\(100\%-4px\)\] { width: calc(100% - 4px); }
.w-\[full\] { }
.w-\[var\(--kb-progress-fill-width\)\] { width: var(--kb-progress-fill-width); }
.w-min { width: min-content; }
.w-px { width: 1px; }
.min-w-10 { min-width: 2.5rem; }
.min-w-14 { min-width: 3.5rem; }
.min-w-18 { min-width: 4.5rem; }
.min-w-28 { min-width: 7rem; }
.min-w-36 { min-width: 9rem; }
.min-w-80 { min-width: 20rem; }
.min-w-\[10\.75rem\] { min-width: 10.75rem; }
.min-w-\[23rem\] { min-width: 23rem; }
.min-w-\[25rem\] { min-width: 25rem; }
.min-w-\[5\.6rem\] { min-width: 5.6rem; }
.min-w-\[6\.5rem\] { min-width: 6.5rem; }
.min-w-\[8\.5rem\] { min-width: 8.5rem; }
.max-w-20 { max-width: 5rem; }
.max-w-256 { max-width: 64rem; }
.max-w-48 { max-width: 12rem; }
.max-w-\[10rem\] { max-width: 10rem; }
.max-w-\[1200px\] { max-width: 1200px; }
.max-w-\[1232px\] { max-width: 1232px; }
.max-w-\[20rem\] { max-width: 20rem; }
.max-w-\[21rem\] { max-width: 21rem; }
.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-\[7rem\] { max-width: 7rem; }
.max-w-\[821px\] { max-width: 821px; }
.max-w-lg { max-width: 32rem; }
.max-w-sm { max-width: 24rem; }
.flex-\[1\] { flex: 1 1 0%; }
.flex-\[2\] { flex: 2 1 0%; }
.flex-grow, .grow { flex-grow: 1; }
.grow-\[2\] { flex-grow: 2; }
.basis-0 { flex-basis: 0px; }
.caption-bottom { caption-side: bottom; }
.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-menu-content-transform-origin\)\] { transform-origin: var(--kb-menu-content-transform-origin); }
.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, .-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-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-\[1\.5rem\] { --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-\[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-\[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)); }
.-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-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)); }
.translate-x-1 { --tw-translate-x: .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-\[-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-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-\[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-\[225deg\] { --tw-rotate: -225deg; 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-\[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\.8\] { --tw-scale-x: .8; --tw-scale-y: .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-\[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)); }
.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 accordion-up { 
  0% { height: var(--kb-accordion-content-height); }
  100% { height: 0px; }
}
.animate-accordion-up { animation: 0.2s ease-out 0s 1 normal none running accordion-up; }
@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 content-hide { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.96); }
}
.animate-content-hide { animation: 0.2s ease-out 0s 1 normal none running content-hide; }
@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 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 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 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; }
.\!cursor-default { cursor: default !important; }
.cursor-move { cursor: move; }
.select-text { user-select: text; }
.auto-rows-auto { grid-auto-rows: auto; }
.grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, 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)); }
.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-12 { gap: 3rem; }
.gap-8 { gap: 2rem; }
.gap-\[0\.12rem\] { gap: 0.12rem; }
.gap-\[0\.4rem\] { gap: 0.4rem; }
.gap-\[0\.56rem\] { gap: 0.56rem; }
.gap-\[0\.625rem\] { gap: 0.625rem; }
.gap-\[1px\] { gap: 1px; }
.gap-\[5px\] { gap: 5px; }
.gap-\[8px\] { gap: 8px; }
.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-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)); }
.\!overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible; }
.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-none { border-radius: 0px !important; }
.\!rounded-xl { border-radius: var(--radius-xl) !important; }
.rounded-\[0\.625rem\] { border-radius: 0.625rem; }
.rounded-\[12px\] { border-radius: 12px; }
.rounded-\[1px\] { border-radius: 1px; }
.rounded-\[4px\] { border-radius: 4px; }
.rounded-\[6px\] { border-radius: 6px; }
.\!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-none { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.rounded-tr-lg { border-top-right-radius: var(--radius-lg); }
.border-6 { border-width: 0.375rem; }
.border-\[0\.125rem\] { border-width: 0.125rem; }
.border-\[0\.13rem\] { border-width: 0.13rem; }
.border-\[0\.625rem\] { border-width: 0.625rem; }
.border-\[1\.5px\] { border-width: 1.5px; }
.border-\[12px\] { border-width: 12px; }
.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-\[1px\] { border-left-width: 1px; }
.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-\[6px\] { border-top-width: 6px; }
.\!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-\[\#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-\[\#B1B9B9\] { border-color: rgb(177, 185, 185); }
.border-\[\#BABABA80\] { border-color: rgba(186, 186, 186, 0.5); }
.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-\[\#F1F2F2\] { border-color: rgb(241, 242, 242); }
.border-\[\#FFCB64\] { border-color: rgb(255, 203, 100); }
.border-\[\#FFFFFF\], .border-\[\#FFF\] { border-color: rgb(255, 255, 255); }
.border-\[\#ed6400\] { border-color: rgb(237, 100, 0); }
.border-\[transparent\] { border-color: transparent; }
.border-brand_alt { border-color: rgb(var(--brand_alt) / 1); }
.border-button_bright { border-color: var(--Button-BrightBg); }
.border-layer6 { border-color: rgb(var(--layer6) / 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-brand { border-bottom-color: rgb(var(--brand) / 1); }
.border-b-input { border-bottom-color: rgb(var(--input) / 1); }
.border-l-\[transparent\] { border-left-color: transparent; }
.border-t-\[\#555E60\] { border-top-color: rgb(85, 94, 96); }
.border-t-\[transparent\] { border-top-color: transparent; }
.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-\[\#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-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-warning { background-color: rgb(var(--warning) / 1) !important; }
.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-\[\#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-\[\#f3b81f\] { background-color: rgb(243, 184, 31); }
.bg-\[\#f3f3f3\] { background-color: rgb(243, 243, 243); }
.bg-\[\#f5f6fa\] { background-color: rgb(245, 246, 250); }
.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-input_button { background-color: rgb(var(--input_button) / 1); }
.bg-layer5-table { background-color: rgb(var(--layer5-table) / 1); }
.bg-primary_brand { background-color: rgb(var(--primary_brand) / 1); }
.bg-secondary { background-color: rgb(var(--secondary) / 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-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(""); }
.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); }
.\!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); }
.\!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-\[\#0093FF\] { fill: rgb(0, 147, 255); }
.fill-\[\#0EBF6A\] { fill: rgb(14, 191, 106); }
.fill-\[\#8F4AFF\] { fill: rgb(143, 74, 255); }
.fill-\[\#FC940D\] { fill: rgb(252, 148, 13); }
.fill-\[\#ffffff\] { fill: rgb(255, 255, 255); }
.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-brand { stroke: rgb(var(--brand) / 1); }
.stroke-secondary { stroke: rgb(var(--secondary) / 1); }
.\!p-3 { padding: 0.75rem !important; }
.p-24 { padding: 6rem; }
.p-3\.5 { padding: 0.875rem; }
.p-\[0\.5rem\] { padding: 0.5rem; }
.p-\[100\%\] { padding: 100%; }
.\!px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; }
.px-4\.5 { padding-left: 1.125rem; padding-right: 1.125rem; }
.px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.px-\[0\.25rem\] { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-\[0\.56rem\] { padding-left: 0.56rem; padding-right: 0.56rem; }
.px-\[0\.625rem\] { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-\[1\.25rem\] { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-\[18px\] { padding-left: 18px; padding-right: 18px; }
.px-\[4px\] { padding-left: 4px; padding-right: 4px; }
.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; }
.py-\[2px\] { padding-top: 2px; padding-bottom: 2px; }
.\!pb-2 { padding-bottom: 0.5rem !important; }
.\!pb-3 { padding-bottom: 0.75rem !important; }
.\!pl-9 { padding-left: 2.25rem !important; }
.\!pt-0 { padding-top: 0px !important; }
.\!pt-1 { padding-top: 0.25rem !important; }
.\!pt-6 { padding-top: 1.5rem !important; }
.pb-8 { padding-bottom: 2rem; }
.pb-\[0\.5rem\] { padding-bottom: 0.5rem; }
.pb-\[100\%\] { padding-bottom: 100%; }
.pl-5 { padding-left: 1.25rem; }
.pl-8 { padding-left: 2rem; }
.pl-9 { padding-left: 2.25rem; }
.pl-\[40\%\] { padding-left: 40%; }
.pl-\[9rem\] { padding-left: 9rem; }
.pr-20 { padding-right: 5rem; }
.pr-\[15\%\] { padding-right: 15%; }
.pr-\[17\%\] { padding-right: 17%; }
.pr-\[1px\] { padding-right: 1px; }
.pt-4\.5 { padding-top: 1.125rem; }
.pt-\[20\%\] { padding-top: 20%; }
.pt-\[30px\] { padding-top: 30px; }
.align-text-bottom { vertical-align: text-bottom; }
.\!text-\[0\.875rem\] { font-size: 0.875rem !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\.75rem\] { font-size: 0.75rem; }
.text-\[0\.7875rem\] { font-size: 0.7875rem; }
.text-\[0\.83rem\] { font-size: 0.83rem; }
.text-\[0\.875rem\] { font-size: 0.875rem; }
.text-\[0\.938rem\] { font-size: 0.938rem; }
.text-\[1\.25rem\] { font-size: 1.25rem; }
.text-\[1\.375rem\] { font-size: 1.375rem; }
.text-\[10px\] { font-size: 10px; }
.text-\[12px\] { font-size: 12px; }
.text-\[14px\] { font-size: 14px; }
.text-\[18px\] { font-size: 18px; }
.text-\[1rem\] { font-size: 1rem; }
.text-\[28px\] { font-size: 28px; }
.text-\[2rem\] { font-size: 2rem; }
.text-\[8px\] { font-size: 8px; }
.\!font-normal { font-weight: 400 !important; }
.font-\[16px\] { }
.font-\[500\] { font-weight: 500; }
.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-\[1\.4rem\] { line-height: 1.4rem !important; }
.leading-3 { line-height: 0.75rem; }
.leading-\[0px\] { line-height: 0px; }
.leading-\[1\.1\] { line-height: 1.1; }
.leading-\[1\.25rem\] { line-height: 1.25rem; }
.leading-\[1\.5\] { line-height: 1.5; }
.leading-\[1\.625rem\] { line-height: 1.625rem; }
.leading-\[1\.75rem\] { line-height: 1.75rem; }
.leading-\[14px\] { line-height: 14px; }
.leading-\[16px\] { line-height: 16px; }
.leading-\[18px\] { line-height: 18px; }
.leading-\[1rem\] { line-height: 1rem; }
.leading-\[2\.25rem\] { line-height: 2.25rem; }
.leading-\[26px\] { line-height: 26px; }
.leading-\[3\.125rem\] { line-height: 3.125rem; }
.leading-\[32px\] { line-height: 32px; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-widest { letter-spacing: 0.1em; }
.\!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-\[\#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-\[\#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-yellow { color: rgb(251, 255, 36); }
.\!opacity-100 { opacity: 1 !important; }
.opacity-60 { opacity: 0.6; }
.opacity-90 { opacity: 0.9; }
.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-\[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_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-\[0px_-2px_0px_0px_inset\] { --tw-shadow: 0px -2px 0px 0px 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-\[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 { outline-style: solid; }
.outline-\[\#850cff\] { outline-color: rgb(133, 12, 255); }
.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }
.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-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-\[16px\] { --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-\[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); }
.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; }
.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 {
  fill: rgb(var(--layer6)); cursor: pointer;
  &:hover { fill: rgb(83, 92, 93); }
}
html:not(.dark) .baccarat-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; }
.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%; }
.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; }
}
.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-\[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-\[-8px\]::after { content: var(--tw-content); margin-left: -8px; }
.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-\[8px\]::after { content: var(--tw-content); border-width: 8px; }
.after\:border-t-\[8px\]::after { content: var(--tw-content); border-top-width: 8px; }
.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); }
.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-\[2px\][data-orientation="horizontal"] { height: 2px; }
.data-\[orientation\=vertical\]\:w-\[2px\][data-orientation="vertical"] { width: 2px; }
.data-\[checked\]\:translate-x-5[data-checked] { --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)); }
.data-\[checked\]\:translate-x-7[data-checked] { --tw-translate-x: 1.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)); }
.data-\[checked\]\:translate-x-9[data-checked] { --tw-translate-x: 2.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)); }
.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)); }
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--kb-accordion-content-height); }
}
.data-\[expanded\]\:animate-accordion-down[data-expanded] { animation: 0.2s ease-out 0s 1 normal none running accordion-down; }
@keyframes content-show { 
  0% { opacity: 0; transform: scale(0.96); }
  100% { opacity: 1; transform: scale(1); }
}
.data-\[expanded\]\:animate-content-show[data-expanded] { animation: 0.2s ease-out 0s 1 normal none running content-show; }
.data-\[disabled\]\:cursor-default[data-disabled] { cursor: default; }
.data-\[disabled\]\:cursor-not-allowed[data-disabled] { cursor: not-allowed; }
.data-\[current\]\:border[data-current] { border-width: 1px; }
.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-\[checked\]\:bg-success[data-checked] { background-color: rgb(var(--success) / 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-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
.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-1\/2[data-closed] { --tw-exit-translate-x: -50%; }
.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-\[closed\]\:slide-out-to-top-\[48\%\][data-closed] { --tw-exit-translate-y: -48%; }
.data-\[expanded\]\:slide-in-from-left-1\/2[data-expanded] { --tw-enter-translate-x: -50%; }
.data-\[expanded\]\:slide-in-from-top-\[48\%\][data-expanded] { --tw-enter-translate-y: -48%; }
.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: 42rem) {
  .\@2xl\:mt-6 { margin-top: 1.5rem; }
  .\@2xl\:block { display: block; }
  .\@2xl\:max-w-\[30rem\] { max-width: 30rem; }
  .\@2xl\:p-4 { padding: 1rem; }
}
@container (min-width: 56rem) {
  .\@4xl\:static { position: static; }
  .\@4xl\:relative { position: relative; }
  .\@4xl\:sticky { position: sticky; }
  .\@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-\[24\.5rem\] { width: 24.5rem; }
  .\@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-y-auto { overflow-y: auto; }
  .\@4xl\:\!overflow-x-hidden { overflow-x: hidden !important; }
  .\@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\:px-\[0\.5rem\] { padding-left: 0.5rem; padding-right: 0.5rem; }
  .\@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\:h-\[37\.5rem\] { height: 37.5rem; }
  .\@5xl\:h-full { height: 100%; }
  .\@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\:\!overflow-x-hidden { overflow-x: hidden !important; }
  .\@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\:\!bg-\[\#7D40CF\]:hover { background-color: rgb(125, 64, 207) !important; }
  .hover\:\!bg-layer6:hover { background-color: rgb(var(--layer6) / 1) !important; }
  .hover\:bg-\[\#00000013\]:hover { background-color: rgba(0, 0, 0, 0.075); }
  .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\:stroke-primary:hover { stroke: rgb(var(--primary) / 1); }
  .hover\:text-\[\#000\]:hover { color: rgb(0, 0, 0); }
  .hover\:text-brand:hover { color: rgb(var(--brand) / 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-\[\#1E2024\] { background-color: rgb(30, 32, 36); }
.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-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; }
.\[\&\>\*\]\:flex > * { display: flex; }
.\[\&\>\*\]\:flex-row > * { flex-direction: row; }
.\[\&\>\*\]\:items-center > * { align-items: center; }
.\[\&\>\*\]\:gap-1 > * { gap: 0.25rem; }
.\[\&\[data-expanded\]\>svg\]\:rotate-180[data-expanded] > svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&\[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; }
.help-raw-html ul { margin-left: 1rem; }
.\!visible { visibility: visible !important; }
.-bottom-10 { bottom: -2.5rem; }
.-bottom-20 { bottom: -5rem; }
.-bottom-40 { bottom: -10rem; }
.-left-32 { left: -8rem; }
.-left-36 { left: -9rem; }
.-left-40 { left: -10rem; }
.-left-48 { left: -12rem; }
.-left-52 { left: -13rem; }
.-left-6 { left: -1.5rem; }
.-left-\[250px\] { left: -250px; }
.-left-\[35rem\] { left: -35rem; }
.-left-\[500px\] { left: -500px; }
.-right-1\.5 { right: -0.375rem; }
.-right-10 { right: -2.5rem; }
.-right-12 { right: -3rem; }
.-right-15 { right: -3.75rem; }
.-right-24 { right: -6rem; }
.-right-28 { right: -7rem; }
.-right-36 { right: -9rem; }
.-right-40 { right: -10rem; }
.-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-full { right: -100%; }
.-top-100 { top: -25rem; }
.-top-3\/4 { top: -75%; }
.-top-\[135px\] { top: -135px; }
.-top-\[20\%\] { top: -20%; }
.-top-\[35rem\] { top: -35rem; }
.-top-\[86px\] { top: -86px; }
.-top-\[90px\] { top: -90px; }
.bottom-10 { bottom: 2.5rem; }
.bottom-24 { bottom: 6rem; }
.bottom-48 { bottom: 12rem; }
.bottom-52 { bottom: 13rem; }
.bottom-\[-10px\] { bottom: -10px; }
.bottom-\[-8px\] { bottom: -8px; }
.bottom-\[2\%\] { bottom: 2%; }
.bottom-\[40\%\] { bottom: 40%; }
.left-100 { left: 25rem; }
.left-14 { left: 3.5rem; }
.left-96 { left: 24rem; }
.left-\[1\.5\%\] { left: 1.5%; }
.left-\[6\.5rem\] { left: 6.5rem; }
.left-\[7\.5rem\] { left: 7.5rem; }
.right-28 { right: 7rem; }
.right-5 { right: 1.25rem; }
.right-8 { right: 2rem; }
.right-96 { right: 24rem; }
.top-100 { top: 25rem; }
.top-44 { top: 11rem; }
.top-52 { top: 13rem; }
.top-60 { top: 15rem; }
.top-\[10\%\] { top: 10%; }
.top-\[1200px\] { top: 1200px; }
.top-\[12rem\] { top: 12rem; }
.top-\[15rem\] { top: 15rem; }
.top-\[25rem\] { top: 25rem; }
.top-\[300px\] { top: 300px; }
.top-\[30rem\] { top: 30rem; }
.top-\[35\%\] { top: 35%; }
.top-\[650px\] { top: 650px; }
.top-\[800px\] { top: 800px; }
.isolate { isolation: isolate; }
.z-80 { z-index: 80; }
.my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.-mb-10 { margin-bottom: -2.5rem; }
.-ml-10 { margin-left: -2.5rem; }
.-ml-32 { margin-left: -8rem; }
.-mt-100 { margin-top: -25rem; }
.-mt-32 { margin-top: -8rem; }
.-mt-36 { margin-top: -9rem; }
.-mt-5 { margin-top: -1.25rem; }
.mb-3\.5 { margin-bottom: 0.875rem; }
.mr-36 { margin-right: 9rem; }
.mr-4\.5 { margin-right: 1.125rem; }
.mr-5 { margin-right: 1.25rem; }
.mr-7 { margin-right: 1.75rem; }
.mt-14 { margin-top: 3.5rem; }
.mt-28 { margin-top: 7rem; }
.mt-32 { margin-top: 8rem; }
.mt-40 { margin-top: 10rem; }
.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-72 { width: 18rem; height: 18rem; }
.size-\[9\.375rem\] { width: 9.375rem; height: 9.375rem; }
.h-4\/5 { height: 80%; }
.h-\[1583px\] { height: 1583px; }
.h-\[2\.21px\] { height: 2.21px; }
.h-\[39rem\] { height: 39rem; }
.h-\[65vh\] { height: 65vh; }
.h-\[748px\] { height: 748px; }
.h-\[800px\] { height: 800px; }
.h-\[calc\(100\%-4px\)\] { height: calc(100% - 4px); }
.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-max { max-height: max-content; }
.min-h-\[600px\] { min-height: 600px; }
.w-\[1583px\] { width: 1583px; }
.w-\[2500px\] { width: 2500px; }
.w-\[26px\] { width: 26px; }
.w-\[26rem\] { width: 26rem; }
.w-\[500px\] { width: 500px; }
.w-\[52\%\] { width: 52%; }
.w-\[730px\] { width: 730px; }
.w-\[75\%\] { width: 75%; }
.w-\[77\%\] { width: 77%; }
.w-\[93\%\] { width: 93%; }
.w-\[960px\] { width: 960px; }
.min-w-60 { min-width: 15rem; }
.min-w-\[100px\] { min-width: 100px; }
.min-w-\[150px\] { min-width: 150px; }
.max-w-18 { max-width: 4.5rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-56 { max-width: 14rem; }
.max-w-7xl { max-width: 80rem; }
.max-w-\[1100px\] { max-width: 1100px; }
.max-w-\[1140px\] { max-width: 1140px; }
.max-w-\[120\%\] { max-width: 120%; }
.max-w-\[1260px\] { max-width: 1260px; }
.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-\[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-\[30px\] { max-width: 30px; }
.max-w-\[360px\] { max-width: 360px; }
.max-w-\[430px\] { max-width: 430px; }
.max-w-\[43rem\] { max-width: 43rem; }
.max-w-\[478px\] { max-width: 478px; }
.max-w-\[650px\] { max-width: 650px; }
.max-w-\[661px\] { max-width: 661px; }
.max-w-\[750px\] { max-width: 750px; }
.max-w-\[810px\] { max-width: 810px; }
.max-w-\[85\%\] { max-width: 85%; }
.max-w-\[850px\] { max-width: 850px; }
.basis-1\/3 { flex-basis: 33.3333%; }
.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-\[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-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-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)); }
.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-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)); }
.\!grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
.place-items-center { place-items: center; }
.gap-9 { gap: 2.25rem; }
.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-\[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, .border-t-\[1px\] { border-top-width: 1px; }
.border-\[\#18151599\] { border-color: rgba(24, 21, 21, 0.6); }
.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-\[\#D9D9D933\] { border-color: rgba(217, 217, 217, 0.2); }
.border-\[\#DDDDDD1F\] { border-color: rgba(221, 221, 221, 0.12); }
.border-\[\#E4EAF01A\] { border-color: rgba(228, 234, 240, 0.1); }
.border-\[\#FBCC34\] { border-color: rgb(251, 204, 52); }
.border-\[\#f2c628\] { border-color: rgb(242, 198, 40); }
.border-\[\#fbcc34\]\/30 { border-color: rgba(251, 204, 52, 0.3); }
.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-layer3 { border-color: rgb(var(--layer3) / 1); }
.border-primary\/20 { border-color: rgb(var(--primary) / .2); }
.border-white_alpha20 { border-color: rgba(255, 255, 255, 0.2); }
.\!bg-\[\#939393\] { background-color: rgb(147, 147, 147) !important; }
.bg-\[\#000000\], .bg-\[\#000\] { background-color: rgb(0, 0, 0); }
.bg-\[\#000\]\/\[\.05\] { background-color: rgba(0, 0, 0, 0.05); }
.bg-\[\#051601\] { background-color: rgb(5, 22, 1); }
.bg-\[\#1296DB\] { background-color: rgb(18, 150, 219); }
.bg-\[\#131414\] { background-color: rgb(19, 20, 20); }
.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-\[\#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-\[\#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-\[\#32313047\] { background-color: rgba(50, 49, 48, 0.28); }
.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-\[\#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-\[\#70643E\] { background-color: rgb(112, 100, 62); }
.bg-\[\#79623A\] { background-color: rgb(121, 98, 58); }
.bg-\[\#A8957333\] { background-color: rgba(168, 149, 115, 0.2); }
.bg-\[\#CAC1BC0F\] { background-color: rgba(202, 193, 188, 0.06); }
.bg-\[\#D7ED47\] { background-color: rgb(215, 237, 71); }
.bg-\[\#DADADA0F\] { background-color: rgba(218, 218, 218, 0.06); }
.bg-\[\#E5DF4F\]\/\[\.2\] { background-color: rgba(229, 223, 79, 0.2); }
.bg-\[\#F8F808\], .bg-\[\#F8f808\] { background-color: rgb(248, 248, 8); }
.bg-\[\#FFF715\] { background-color: rgb(255, 247, 21); }
.bg-\[\#dfdfdf86\] { background-color: rgba(223, 223, 223, 0.525); }
.bg-\[\#ffb13c\] { background-color: rgb(255, 177, 60); }
.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\(86\,19\,134\,0\.6\)\] { background-color: rgba(86, 19, 134, 0.6); }
.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\(180deg\,\#ffffff_0\%\,\#fbcc34_100\%\)\] { background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 204, 52) 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\,\#F8A008_0\%\,\#F8F808_100\%\)\] { background-image: linear-gradient(90deg, rgb(248, 160, 8) 0%, rgb(248, 248, 8) 100%); }
.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-\[\#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-\[\#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-\[\#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-\[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); }
.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); }
.to-\[\#000\] { --tw-gradient-to: #000 var(--tw-gradient-to-position); }
.to-\[\#23ee88\]\/0 { --tw-gradient-to: rgb(35 238 136 / 0) var(--tw-gradient-to-position); }
.to-\[\#FBCC34\] { --tw-gradient-to: #FBCC34 var(--tw-gradient-to-position); }
.to-\[\#d9f6e032\] { --tw-gradient-to: #d9f6e032 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-20 { padding-left: 5rem; padding-right: 5rem; }
.px-24 { padding-left: 6rem; padding-right: 6rem; }
.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; }
.pb-32 { padding-bottom: 8rem; }
.pl-20 { padding-left: 5rem; }
.pt-14 { padding-top: 3.5rem; }
.pt-20 { padding-top: 5rem; }
.text-start { text-align: start; }
.indent-3 { text-indent: 0.75rem; }
.text-3xl\/6 { font-size: 1.875rem; line-height: 1.5rem; }
.text-\[0\.5rem\] { font-size: 0.5rem; }
.text-\[0px\] { font-size: 0px; }
.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; }
.text-\[\#040624\] { color: rgb(4, 6, 36); }
.text-\[\#0B0B0B\] { color: rgb(11, 11, 11); }
.text-\[\#11112E\] { color: rgb(17, 17, 46); }
.text-\[\#1D0705\] { color: rgb(29, 7, 5); }
.text-\[\#333\] { color: rgb(51, 51, 51); }
.text-\[\#366344\] { color: rgb(54, 99, 68); }
.text-\[\#3E3F40\] { color: rgb(62, 63, 64); }
.text-\[\#402EEE\] { color: rgb(64, 46, 238); }
.text-\[\#575656\] { color: rgb(87, 86, 86); }
.text-\[\#666\] { color: rgb(102, 102, 102); }
.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-\[\#958A79\] { color: rgb(149, 138, 121); }
.text-\[\#979797\] { color: rgb(151, 151, 151); }
.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-\[\#F8DC08\] { color: rgb(248, 220, 8); }
.text-\[\#F8F808\] { color: rgb(248, 248, 8); }
.text-\[\#FBCC34\] { color: rgb(251, 204, 52); }
.text-\[\#FCF1BE\], .text-\[\#FCF1Be\] { color: rgb(252, 241, 190); }
.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-\[\#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-layer6 { color: rgb(var(--layer6) / 1); }
.opacity-10 { opacity: 0.1; }
.mix-blend-multiply { mix-blend-mode: multiply; }
.mix-blend-soft-light { mix-blend-mode: soft-light; }
.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\.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); }
.outline-1 { outline-width: 1px; }
.outline-offset-\[-1px\] { outline-offset: -1px; }
.outline-\[\#fffeb4\] { outline-color: rgb(255, 254, 180); }
.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); }
.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); }
.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(36, 238, 137); }
  & 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; }
@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  .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\:-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-\[35\%\] { left: -35%; }
  .max-sm\:-top-10 { top: -2.5rem; }
  .max-sm\:-top-28 { top: -7rem; }
  .max-sm\:-top-4 { top: -1rem; }
  .max-sm\:-top-8 { top: -2rem; }
  .max-sm\:-top-\[30\%\] { top: -30%; }
  .max-sm\:bottom-4 { bottom: 1rem; }
  .max-sm\:bottom-7 { bottom: 1.75rem; }
  .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-10 { right: 2.5rem; }
  .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-48 { top: 12rem; }
  .max-sm\:top-72 { top: 18rem; }
  .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\:z-200 { z-index: 200; }
  .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-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-52 { margin-top: -13rem; }
  .max-sm\:-mt-6 { margin-top: -1.5rem; }
  .max-sm\:-mt-96 { margin-top: -24rem; }
  .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-5 { margin-bottom: 1.25rem; }
  .max-sm\:mb-6 { margin-bottom: 1.5rem; }
  .max-sm\:mb-8 { margin-bottom: 2rem; }
  .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-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\: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-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-\[35rem\] { height: 35rem; }
  .max-sm\:h-\[37rem\] { height: 37rem; }
  .max-sm\:h-\[616px\] { height: 616px; }
  .max-sm\:h-full { height: 100%; }
  .max-sm\:min-h-\[100vh\] { 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-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-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-56 { width: 14rem; }
  .max-sm\:w-60 { width: 15rem; }
  .max-sm\:w-64 { width: 16rem; }
  .max-sm\:w-72 { width: 18rem; }
  .max-sm\:w-80 { width: 20rem; }
  .max-sm\:w-\[120\%\] { width: 120%; }
  .max-sm\:w-\[130\%\] { width: 130%; }
  .max-sm\:w-\[17rem\] { width: 17rem; }
  .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\: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-\[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-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\: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\: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))); }
  .max-sm\:overflow-hidden { overflow: hidden; }
  .max-sm\:rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
  .max-sm\:border-2 { border-width: 2px; }
  .max-sm\:border-\[\#DDDDDD1F\] { border-color: rgba(221, 221, 221, 0.12); }
  .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-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\: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-16 { padding-top: 4rem; }
  .max-sm\:pt-18 { padding-top: 4.5rem; }
  .max-sm\:pt-4 { padding-top: 1rem; }
  .max-sm\:pt-5 { padding-top: 1.25rem; }
  .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-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-semibold { font-weight: 600; }
  .max-sm\:text-brand { color: rgb(var(--brand) / 1); }
  .max-sm\:text-primary { color: rgb(var(--primary) / 1); }
}
.\[\&\>\.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); }
@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-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-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-32 { padding-top: 8rem; }
  .sm\:pt-20 { padding-top: 5rem; }
  .sm\:pt-18 { padding-top: 4.5rem; }
  .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\:pr-12 { padding-right: 3rem; }
  .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\:pl-15 { padding-left: 3.75rem; }
  .sm\:pe-\[10\%\] { padding-inline-end: 10%; }
  .sm\:pb-9 { padding-bottom: 2.25rem; }
  .sm\:pb-7 { padding-bottom: 1.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-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\:px-\[5\%\] { padding-left: 5%; padding-right: 5%; }
  .sm\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
  .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-24 { padding-left: 6rem; padding-right: 6rem; }
  .sm\:px-20 { padding-left: 5rem; padding-right: 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-12 { padding: 3rem; }
  .sm\:p-10 { padding: 2.5rem; }
  .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\:space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }
  .sm\:gap-x-7 { column-gap: 1.75rem; }
  .sm\:gap-x-4 { column-gap: 1rem; }
  .sm\:gap-x-36 { column-gap: 9rem; }
  .sm\:gap-x-28 { column-gap: 7rem; }
  .sm\:gap-8 { gap: 2rem; }
  .sm\:gap-6 { gap: 1.5rem; }
  .sm\:gap-4 { gap: 1rem; }
  .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\:flex-nowrap { flex-wrap: nowrap; }
  .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); }
  .sm\:\!grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  .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\: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-grow-0 { flex-grow: 0; }
  .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-\[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-\[1500px\] { max-width: 1500px; }
  .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-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-100 { min-width: 25rem; }
  .sm\:w-\[90\%\] { width: 90%; }
  .sm\:w-\[85\%\] { width: 85%; }
  .sm\:w-\[82\%\] { width: 82%; }
  .sm\:w-\[700px\] { width: 700px; }
  .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-\[460px\] { width: 460px; }
  .sm\:w-\[45\%\] { width: 45%; }
  .sm\:w-\[40\%\] { width: 40%; }
  .sm\:w-\[320px\] { width: 320px; }
  .sm\:w-\[23rem\] { width: 23rem; }
  .sm\:w-\[1300px\] { width: 1300px; }
  .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-48 { width: 12rem; }
  .sm\:w-40 { width: 10rem; }
  .sm\:w-28 { width: 7rem; }
  .sm\:w-16 { width: 4rem; }
  .sm\:\!w-\[300px\] { width: 300px !important; }
  .sm\:min-h-\[800px\] { min-height: 800px; }
  .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-\[480px\] { max-height: 480px; }
  .sm\:max-h-\[210px\] { max-height: 210px; }
  .sm\:h-\[826px\] { height: 826px; }
  .sm\:h-\[420px\] { height: 420px; }
  .sm\:h-\[400px\] { height: 400px; }
  .sm\:h-\[31rem\] { height: 31rem; }
  .sm\:h-\[206px\] { height: 206px; }
  .sm\:h-\[1170px\] { height: 1170px; }
  .sm\:h-96 { height: 24rem; }
  .sm\:h-80 { height: 20rem; }
  .sm\:h-72 { height: 18rem; }
  .sm\:h-7 { height: 1.75rem; }
  .sm\:h-6 { height: 1.5rem; }
  .sm\:h-56 { height: 14rem; }
  .sm\:h-5 { height: 1.25rem; }
  .sm\:size-5 { width: 1.25rem; height: 1.25rem; }
  .sm\:aspect-\[4\.6\] { aspect-ratio: 4.6 / 1; }
  .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-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-18 { margin-top: 4.5rem; }
  .sm\:mt-15 { margin-top: 3.75rem; }
  .sm\:mt-14 { margin-top: 3.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-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-3\.5 { margin-bottom: 0.875rem; }
  .sm\:mb-20 { margin-bottom: 5rem; }
  .sm\:mb-2\.5 { margin-bottom: 0.625rem; }
  .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-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-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\:mx-auto { margin-left: auto; margin-right: auto; }
  .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-6 { top: 1.5rem; }
  .sm\:top-5 { top: 1.25rem; }
  .sm\:top-4\.5 { top: 1.125rem; }
  .sm\:top-4 { top: 1rem; }
  .sm\:top-32 { top: 8rem; }
  .sm\:top-20 { top: 5rem; }
  .sm\:top-12 { top: 3rem; }
  .sm\:right-\[55\%\] { right: 55%; }
  .sm\:right-\[17\%\] { right: 17%; }
  .sm\:right-32 { right: 8rem; }
  .sm\:right-3 { right: 0.75rem; }
  .sm\:right-24 { right: 6rem; }
  .sm\:right-20 { right: 5rem; }
  .sm\:left-\[3\%\] { left: 3%; }
  .sm\:left-\[14\%\] { left: 14%; }
  .sm\:left-44 { left: 11rem; }
  .sm\:left-10 { left: 2.5rem; }
  .sm\:bottom-\[2\%\] { bottom: 2%; }
  .sm\:bottom-60 { bottom: 15rem; }
  .sm\:bottom-5 { bottom: 1.25rem; }
  .sm\:bottom-20 { bottom: 5rem; }
  .sm\:bottom-10 { bottom: 2.5rem; }
  .sm\:-top-\[100px\] { top: -100px; }
  .sm\:-top-8 { top: -2rem; }
  .sm\:-top-52 { top: -13rem; }
  .sm\:-top-36 { top: -9rem; }
  .sm\:-top-32 { top: -8rem; }
  .sm\:-top-28 { top: -7rem; }
  .sm\:-top-20 { top: -5rem; }
  .sm\:-top-2 { top: -0.5rem; }
  .sm\:-top-18 { top: -4.5rem; }
  .sm\:-top-100 { top: -25rem; }
  .sm\:-top-10 { top: -2.5rem; }
  .sm\:-right-8 { 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-12 { right: -3rem; }
  .sm\:-left-\[200px\] { left: -200px; }
  .sm\:-left-6 { left: -1.5rem; }
  .sm\:-left-40 { left: -10rem; }
  .sm\:-left-3 { left: -0.75rem; }
  .sm\:-left-24 { left: -6rem; }
  .sm\:-left-1\.5 { left: -0.375rem; }
  .sm\:-left-1 { left: -0.25rem; }
  .sm\:-bottom-5 { bottom: -1.25rem; }
  .sm\:-bottom-40 { bottom: -10rem; }
  .sm\:\!top-10 { top: 2.5rem !important; }
  .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-xs { font-size: 0.75rem; line-height: 1rem; }
  .sm\:text-\[35px\] { font-size: 35px; }
  .sm\:text-\[20px\] { font-size: 20px; }
  .sm\:text-left { text-align: left; }
  .sm\:pt-1 { padding-top: 0.25rem; }
  .sm\:pr-\[\.1875rem\] { padding-right: 0.1875rem; }
  .sm\:pr-10 { padding-right: 2.5rem; }
  .sm\:pb-5 { padding-bottom: 1.25rem; }
  .sm\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
  .sm\:p-0 { padding: 0px; }
  .sm\:\!bg-\[length\:100\%_100\%\] { background-size: 100% 100% !important; }
  .sm\:\!bg-transparent { background-color: transparent !important; }
  .sm\:rounded-sm { border-radius: var(--radius-sm); }
  .sm\: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))); }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:items-end { align-items: flex-end; }
  .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\:-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\:max-w-sm { max-width: 24rem; }
  .sm\:max-w-none { max-width: none; }
  .sm\:max-w-\[425px\] { max-width: 425px; }
  .sm\:max-w-\[10rem\] { max-width: 10rem; }
  .sm\:min-w-44 { min-width: 11rem; }
  .sm\:min-w-32 { min-width: 8rem; }
  .sm\:w-\[6\.5rem\] { width: 6.5rem; }
  .sm\:w-\[40rem\] { width: 40rem; }
  .sm\:w-\[32rem\] { width: 32rem; }
  .sm\:w-\[30rem\] { width: 30rem; }
  .sm\:w-\[27\.5rem\] { width: 27.5rem; }
  .sm\:w-\[22rem\] { width: 22rem; }
  .sm\:w-\[21rem\] { width: 21rem; }
  .sm\:w-80 { width: 20rem; }
  .sm\:w-36 { width: 9rem; }
  .sm\:w-3\/4 { width: 75%; }
  .sm\:w-20 { width: 5rem; }
  .sm\:w-14 { width: 3.5rem; }
  .sm\:w-12 { width: 3rem; }
  .sm\:w-11 { width: 2.75rem; }
  .sm\:w-100 { width: 25rem; }
  .sm\:\!w-\[48rem\] { width: 48rem !important; }
  .sm\:\!w-\[4\.8rem\] { width: 4.8rem !important; }
  .sm\:\!w-7 { width: 1.75rem !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\:max-h-\[36rem\] { max-height: 36rem; }
  .sm\:max-h-\[30rem\] { max-height: 30rem; }
  .sm\:h-\[80vh\] { height: 80vh; }
  .sm\:h-\[6\.6rem\] { height: 6.6rem; }
  .sm\:h-\[6\.65rem\] { height: 6.65rem; }
  .sm\:h-\[6\.25rem\] { height: 6.25rem; }
  .sm\:h-\[50rem\] { height: 50rem; }
  .sm\:h-\[38rem\] { height: 38rem; }
  .sm\:h-\[36rem\] { height: 36rem; }
  .sm\:h-\[35\.2rem\] { height: 35.2rem; }
  .sm\:h-\[2\.5rem\] { height: 2.5rem; }
  .sm\:h-9 { height: 2.25rem; }
  .sm\:h-8 { height: 2rem; }
  .sm\:h-52 { height: 13rem; }
  .sm\:h-36 { height: 9rem; }
  .sm\:h-32 { height: 8rem; }
  .sm\:h-18 { height: 4.5rem; }
  .sm\:h-11 { height: 2.75rem; }
  .sm\:\!h-\[4\.8rem\] { height: 4.8rem !important; }
  .sm\:\!h-\[4\.5rem\] { height: 4.5rem !important; }
  .sm\:\!h-80 { height: 20rem !important; }
  .sm\:\!h-7 { height: 1.75rem !important; }
  .sm\:size-24 { width: 6rem; height: 6rem; }
  .sm\:mt-8 { margin-top: 2rem; }
  .sm\:mt-16 { margin-top: 4rem; }
  .sm\:mt-12 { margin-top: 3rem; }
  .sm\:mr-\[50px\] { margin-right: 50px; }
  .sm\:mr-3 { margin-right: 0.75rem; }
  .sm\:mr-2 { margin-right: 0.5rem; }
  .sm\:mr-11 { margin-right: 2.75rem; }
  .sm\:ml-\[50px\] { margin-left: 50px; }
  .sm\:ml-6 { margin-left: 1.5rem; }
  .sm\:ml-5 { margin-left: 1.25rem; }
  .sm\:ml-4\.5 { margin-left: 1.125rem; }
  .sm\:ml-4 { margin-left: 1rem; }
  .sm\:ml-3\.5 { margin-left: 0.875rem; }
  .sm\:ml-3 { margin-left: 0.75rem; }
  .sm\:ml-1\.5 { margin-left: 0.375rem; }
  .sm\:mb-80 { margin-bottom: 20rem; }
  .sm\:mb-7 { margin-bottom: 1.75rem; }
  .sm\:mb-6 { margin-bottom: 1.5rem; }
  .sm\:mb-5 { margin-bottom: 1.25rem; }
  .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\:m-0 { margin: 0px; }
  .sm\:order-none { order: 0; }
  .sm\:order-last { order: 9999; }
  .sm\:order-1 { order: 1; }
  .sm\:z-100, .sm\:z-\[100\] { z-index: 100; }
  .sm\:top-auto { top: auto; }
  .sm\:top-28 { top: 7rem; }
  .sm\:top-24 { top: 6rem; }
  .sm\:top-2 { top: 0.5rem; }
  .sm\:top-10 { top: 2.5rem; }
  .sm\:right-40 { right: 10rem; }
  .sm\:right-10 { right: 2.5rem; }
  .sm\:right-1 { right: 0.25rem; }
  .sm\:left-4 { left: 1rem; }
  .sm\:left-2 { left: 0.5rem; }
  .sm\:left-12 { left: 3rem; }
  .sm\:left-1\/2 { left: 50%; }
  .sm\:left-0\.5 { left: 0.125rem; }
  .sm\:bottom-\[9\.7rem\] { bottom: 9.7rem; }
  .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\:-right-5 { right: -1.25rem; }
  .sm\:-left-\[10rem\] { left: -10rem; }
  .sm\:-bottom-\[4\.5rem\] { bottom: -4.5rem; }
  .sm\:-bottom-\[30px\] { bottom: -30px; }
  .sm\:-bottom-4 { bottom: -1rem; }
  .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\:pr-\[3px\] { padding-right: 3px; }
  .sm\:pr-2 { padding-right: 0.5rem; }
  .sm\:pr-1 { padding-right: 0.25rem; }
  .sm\:pl-2 { padding-left: 0.5rem; }
  .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:p-2 { padding: 0.5rem; }
  .sm\:bg-layer5 { background-color: rgb(var(--layer5) / 1); }
  .sm\:bg-layer1 { background-color: rgb(var(--layer1) / 1); }
  .sm\:rounded-lg { border-radius: var(--radius-lg); }
  .sm\:min-w-24 { min-width: 6rem; }
  .sm\:w-\[480px\] { width: 480px; }
  .sm\:w-\[32\%\] { width: 32%; }
  .sm\:w-\[150\%\] { width: 150%; }
  .sm\:h-\[480px\] { height: 480px; }
  .sm\:h-\[100vh\] { height: 100vh; }
  .sm\:h-3\/4 { height: 75%; }
  .sm\:h-12 { height: 3rem; }
  .sm\:mt-1\.5 { margin-top: 0.375rem; }
  .sm\:mt-1 { margin-top: 0.25rem; }
  .sm\:ml-auto { margin-left: auto; }
  .sm\:ml-2 { margin-left: 0.5rem; }
  .sm\:ml-1 { margin-left: 0.25rem; }
  .sm\:bottom-4 { bottom: 1rem; }
  .sm\:\!left-\[35\%\] { left: 35% !important; }
  .sm\:relative { position: relative; }
  .sm\:\[\&\>button\]\:bg-input_bright > button { background-color: rgb(var(--input_bright) / 1); }
  .\[\&\>\.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\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .sm\:cursor-pointer { cursor: pointer; }
  .sm\:max-w-\[560px\] { max-width: 560px; }
  .sm\:min-w-40 { min-width: 10rem; }
  .sm\:w-\[38rem\] { width: 38rem; }
  .sm\:w-44 { width: 11rem; }
  .sm\:w-4 { width: 1rem; }
  .sm\:w-32 { width: 8rem; }
  .sm\:w-3\.5 { width: 0.875rem; }
  .sm\:min-h-100 { min-height: 25rem; }
  .sm\:h-\[80\%\] { height: 80%; }
  .sm\:h-16 { height: 4rem; }
  .sm\:h-15 { height: 3.75rem; }
  .sm\:h-14 { height: 3.5rem; }
  .sm\:h-100 { height: 25rem; }
  .sm\:hidden { display: none; }
  .sm\:mt-9 { margin-top: 2.25rem; }
  .sm\:mt-5 { margin-top: 1.25rem; }
  .sm\:mt-2 { margin-top: 0.5rem; }
  .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\:top-16 { top: 4rem; }
  .sm\:top-15 { top: 3.75rem; }
  .sm\:left-8 { left: 2rem; }
  .sm\:bottom-6 { bottom: 1.5rem; }
  .sm\:\!leading-\[3\.75rem\] { line-height: 3.75rem !important; }
  .sm\:pr-3 { padding-right: 0.75rem; }
  .sm\:pr-14 { padding-right: 3.5rem; }
  .sm\:pl-12 { padding-left: 3rem; }
  .sm\:\!pt-0 { padding-top: 0px !important; }
  .sm\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .sm\:bg-transparent { background-color: transparent; }
  .sm\:border-dashed { border-style: dashed; }
  .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: 0.375rem; }
  .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\:w-fit { width: fit-content; }
  .sm\:w-\[25rem\] { width: 25rem; }
  .sm\:w-72 { width: 18rem; }
  .sm\:w-10 { width: 2.5rem; }
  .sm\:\!w-\[380px\] { width: 380px !important; }
  .sm\:\!flex { display: flex !important; }
  .sm\:mt-4 { margin-top: 1rem; }
  .sm\:mt-3 { margin-top: 0.75rem; }
  .sm\:mb-4 { margin-bottom: 1rem; }
  .sm\:my-4 { margin-top: 1rem; margin-bottom: 1rem; }
  .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\:left-auto { left: auto; }
  .sm\:\!top-\[11\.25rem\] { top: 11.25rem !important; }
  .sm\:sticky { position: sticky; }
  .sm\:static { position: static; }
  .grid-col-3 { --grid-column: 4; }
  .grid-col-2 { --grid-column: 3; }
  .grid-col-1 { --grid-column: 1; }
  .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-secondary { color: rgb(var(--secondary) / 1); }
  .sm\:text-primary { color: rgb(var(--primary) / 1); }
  .sm\:text-brand { color: rgb(var(--brand) / 1); }
  .sm\:font-semibold { font-weight: 600; }
  .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .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-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .sm\:text-center { text-align: center; }
  .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\:pt-0 { padding-top: 0px; }
  .sm\:pr-4 { padding-right: 1rem; }
  .sm\:pr-0 { padding-right: 0px; }
  .sm\:pl-6 { padding-left: 1.5rem; }
  .sm\:pl-4 { padding-left: 1rem; }
  .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-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\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .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; padding-right: 0px; }
  .sm\:\!px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .sm\:p-4 { padding: 1rem; }
  .sm\:bg-layer4 { background-color: rgb(var(--layer4) / 1); }
  .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\:\!bg-layer4 { background-color: rgb(var(--layer4) / 1) !important; }
  .sm\:border-third { border-color: var(--third); }
  .sm\:border-none { border-style: none; }
  .sm\:border-solid { border-style: solid; }
  .sm\:border-l { border-left-width: 1px; }
  .sm\:border { border-width: 1px; }
  .sm\:rounded-xl { border-radius: var(--radius-xl); }
  .sm\:break-all { word-break: break-all; }
  .sm\:text-nowrap { text-wrap: nowrap; }
  .sm\:text-ellipsis { text-overflow: ellipsis; }
  .sm\:overflow-hidden { overflow: hidden; }
  .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-3 { column-gap: 0.75rem; }
  .sm\:gap-x-2 { column-gap: 0.5rem; }
  .sm\:gap-5 { gap: 1.25rem; }
  .sm\:gap-3 { gap: 0.75rem; }
  .sm\:gap-2 { gap: 0.5rem; }
  .sm\:justify-around { justify-content: space-around; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:justify-center { justify-content: center; }
  .sm\:justify-start { justify-content: flex-start; }
  .sm\:items-center { align-items: center; }
  .sm\:flex-wrap { flex-wrap: wrap; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .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\:grid-flow-col { grid-auto-flow: column; }
  .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\:flex-1 { flex: 1 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-full { width: 100%; }
  .sm\:w-auto { width: auto; }
  .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-96 { width: 24rem; }
  .sm\:w-64 { width: 16rem; }
  .sm\:w-60 { width: 15rem; }
  .sm\:w-3\/5 { width: 60%; }
  .sm\:w-24 { width: 6rem; }
  .sm\:w-2\/5 { width: 40%; }
  .sm\:w-15 { width: 3.75rem; }
  .sm\:w-1\/2 { width: 50%; }
  .sm\:\!w-\[28rem\] { width: 28rem !important; }
  .sm\:\!w-\[25rem\] { width: 25rem !important; }
  .sm\:min-h-\[24rem\] { min-height: 24rem; }
  .sm\:min-h-\[18\.5rem\] { min-height: 18.5rem; }
  .sm\:min-h-56 { min-height: 14rem; }
  .sm\:h-full { height: 100%; }
  .sm\:h-auto { height: auto; }
  .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 { height: 0.75rem; }
  .sm\:h-24 { height: 6rem; }
  .sm\:h-20 { height: 5rem; }
  .sm\:h-10 { height: 2.5rem; }
  .sm\:size-full { width: 100%; height: 100%; }
  .sm\:size-\[33rem\] { width: 33rem; height: 33rem; }
  .sm\:size-\[200\%\] { width: 200%; height: 200%; }
  .sm\:size-44 { width: 11rem; height: 11rem; }
  .sm\:size-36 { width: 9rem; height: 9rem; }
  .sm\:size-20 { width: 5rem; height: 5rem; }
  .sm\:grid { display: grid; }
  .sm\:flex { display: flex; }
  .sm\:block { display: block; }
  .sm\:mt-6 { margin-top: 1.5rem; }
  .sm\:mt-0 { margin-top: 0px; }
  .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\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .sm\:order-2 { order: 2; }
  .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\:top-0 { top: 0px; }
  .sm\:right-4 { right: 1rem; }
  .sm\:right-0 { right: 0px; }
  .sm\:left-full { left: 100%; }
  .sm\:left-0 { left: 0px; }
  .sm\:bottom-auto { bottom: auto; }
  .sm\:bottom-0 { bottom: 0px; }
  .sm\:-top-24 { top: -6rem; }
  .sm\:absolute { position: absolute; }
  .bg-quad-bonus-card { background-position: calc(100% + 3rem) calc(100% + 1.5rem); background-size: contain; }
  .bg-gradient-bonus-card { background-image: radial-gradient(116% 80% at 45% 10%,var(--bonus-card-gradient-color) 0%,transparent 60%); }
  .bg-gradient-bonus { --bonus-gradient-bonus: linear-gradient( 274deg, transparent 14%, rgba(246, 105, 44, .6) 140% ); }
  .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%); }
  .container { max-width: 640px; }
  .grid-col-1 { --grid-column: 1; }
}
@media (min-width: 768px) {
  .md\:text-brand { color: rgb(var(--brand) / 1); }
  .md\:text-alw_white { color: rgb(var(--alw_white) / 1); }
  .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .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\: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\:flex-col { flex-direction: column; }
  .md\:max-w-\[1440px\] { max-width: 1440px; }
  .md\:w-9 { width: 2.25rem; }
  .md\:w-7\/12 { width: 58.3333%; }
  .md\:h-9 { height: 2.25rem; }
  .md\:ml-5 { margin-left: 1.25rem; }
  .md\:-mt-32 { margin-top: -8rem; }
  .md\:-mt-20 { margin-top: -5rem; }
  .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .md\:text-\[2rem\] { font-size: 2rem; }
  .md\:text-\[1\.05rem\] { font-size: 1.05rem; }
  .md\:text-8xl { font-size: 6rem; line-height: 1; }
  .md\:pt-3 { padding-top: 0.75rem; }
  .md\:pr-\[12rem\] { padding-right: 12rem; }
  .md\:pr-4 { padding-right: 1rem; }
  .md\:pl-\[17rem\] { padding-left: 17rem; }
  .md\:pl-6 { padding-left: 1.5rem; }
  .md\:pb-0 { padding-bottom: 0px; }
  .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .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-4 { padding-left: 1rem; padding-right: 1rem; }
  .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .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\: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\: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\: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)); }
  .md\:max-w-\[50rem\] { max-width: 50rem; }
  .md\:max-w-\[50\%\] { max-width: 50%; }
  .md\:max-w-\[420px\] { max-width: 420px; }
  .md\:max-w-\[400px\] { max-width: 400px; }
  .md\:max-w-\[25rem\] { max-width: 25rem; }
  .md\:w-full { width: 100%; }
  .md\:w-\[7\.5rem\] { width: 7.5rem; }
  .md\:w-\[7\.125rem\] { width: 7.125rem; }
  .md\:w-\[6\.5625rem\] { width: 6.5625rem; }
  .md\:w-\[5\.73rem\] { width: 5.73rem; }
  .md\:w-\[45rem\] { width: 45rem; }
  .md\:w-\[37\.5rem\] { width: 37.5rem; }
  .md\:w-\[2\.8875rem\] { width: 2.8875rem; }
  .md\:w-\[17\.5rem\] { width: 17.5rem; }
  .md\:w-\[16rem\] { width: 16rem; }
  .md\:w-\[150px\] { width: 150px; }
  .md\:w-\[100px\] { width: 100px; }
  .md\:w-6 { width: 1.5rem; }
  .md\:w-56 { width: 14rem; }
  .md\:w-36 { width: 9rem; }
  .md\:w-32 { width: 8rem; }
  .md\:w-24 { width: 6rem; }
  .md\:w-20 { width: 5rem; }
  .md\:w-18 { width: 4.5rem; }
  .md\:w-10 { width: 2.5rem; }
  .md\:w-1\/2 { width: 50%; }
  .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-\[3\.75rem\] { height: 3.75rem; }
  .md\:h-\[25rem\] { height: 25rem; }
  .md\:h-\[21rem\] { height: 21rem; }
  .md\:h-\[2\.8875rem\] { height: 2.8875rem; }
  .md\:h-\[2\.5rem\] { height: 2.5rem; }
  .md\:h-\[14rem\] { height: 14rem; }
  .md\:h-\[13rem\] { height: 13rem; }
  .md\:h-8 { height: 2rem; }
  .md\:h-6 { height: 1.5rem; }
  .md\:h-56 { height: 14rem; }
  .md\:h-52 { height: 13rem; }
  .md\:h-48 { height: 12rem; }
  .md\:h-12 { height: 3rem; }
  .md\:h-10 { height: 2.5rem; }
  .md\:\!h-full { height: 100% !important; }
  .md\:\!h-\[60rem\] { height: 60rem !important; }
  .md\:\!h-\[48rem\] { height: 48rem !important; }
  .md\:\!h-\[40rem\] { height: 40rem !important; }
  .md\:aspect-square { aspect-ratio: 1 / 1; }
  .md\:hidden { display: none; }
  .md\:grid { display: grid; }
  .md\:block { display: block; }
  .md\:mt-\[6rem\] { margin-top: 6rem; }
  .md\:mt-\[3rem\] { margin-top: 3rem; }
  .md\:mt-\[13rem\] { margin-top: 13rem; }
  .md\:mt-7 { margin-top: 1.75rem; }
  .md\:mt-6 { margin-top: 1.5rem; }
  .md\:mt-5 { margin-top: 1.25rem; }
  .md\:mt-4 { margin-top: 1rem; }
  .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\:my-28 { margin-top: 7rem; margin-bottom: 7rem; }
  .md\:mx-auto { margin-left: auto; margin-right: auto; }
  .md\:mx-4 { margin-left: 1rem; margin-right: 1rem; }
  .md\:m-auto { margin: auto; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:order-2 { order: 2; }
  .md\:order-1 { order: 1; }
  .md\:top-\[55px\] { top: 55px; }
  .md\:top-\[3\.5rem\] { top: 3.5rem; }
  .md\:top-\[246px\] { top: 246px; }
  .md\:top-\[14\.5rem\] { top: 14.5rem; }
  .md\:top-6 { top: 1.5rem; }
  .md\:top-2 { top: 0.5rem; }
  .md\:left-0 { left: 0px; }
  .md\:bottom-\[6rem\] { bottom: 6rem; }
  .md\:bottom-\[3\.125rem\] { bottom: 3.125rem; }
  .md\:-top-4 { top: -1rem; }
  .md\:-top-1 { top: -0.25rem; }
  .md\:-right-4 { right: -1rem; }
  .md\:-right-10 { right: -2.5rem; }
  .md\:relative { position: relative; }
  .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\:w-72 { width: 18rem; }
  .md\:h-32 { height: 8rem; }
  .md\:ml-10 { margin-left: 2.5rem; }
  .md\:my-0 { margin-top: 0px; margin-bottom: 0px; }
  .md\:order-last { order: 9999; }
  .md\:static { position: static; }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .grid-col-3 { --grid-column: 5; }
  .grid-col-2 { --grid-column: 3; }
  .grid-col-1 { --grid-column: 2; }
  .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\:items-center { align-items: center; }
  .md\:flex-row { flex-direction: row; }
  .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\:flex { display: flex; }
  .container { max-width: 768px; }
  .grid-col-1 { --grid-column: 2; }
}
@media (min-width: 1024px) {
  .lg\:text-\[9rem\] { font-size: 9rem; }
  .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-12 { padding-left: 3rem; padding-right: 3rem; }
  .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-\[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\: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\:top-28 { top: 7rem; }
  .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-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\:leading-\[24px\] { line-height: 24px; }
  .lg\:text-\[1rem\] { font-size: 1rem; }
  .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-\[28\.5px\] { padding-left: 28.5px; padding-right: 28.5px; }
  .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg\:px-0 { padding-left: 0px; padding-right: 0px; }
  .lg\:p-4 { padding: 1rem; }
  .lg\:p-3 { padding: 0.75rem; }
  .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\: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\: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-\[54px\] { width: 54px; }
  .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-\[26rem\] { width: 26rem; }
  .lg\:w-\[204px\] { width: 204px; }
  .lg\:w-72 { width: 18rem; }
  .lg\:\!w-\[90px\] { width: 90px !important; }
  .lg\:min-h-\[6\.56rem\] { min-height: 6.56rem; }
  .lg\:h-\[5\.6rem\] { height: 5.6rem; }
  .lg\:h-\[26rem\] { height: 26rem; }
  .lg\:h-64 { height: 16rem; }
  .lg\:h-28 { height: 7rem; }
  .lg\:h-16 { height: 4rem; }
  .lg\:\!h-full { height: 100% !important; }
  .lg\:\!h-\[90px\] { height: 90px !important; }
  .lg\:size-\[3rem\] { width: 3rem; height: 3rem; }
  .lg\:size-\[27\.5rem\] { width: 27.5rem; height: 27.5rem; }
  .lg\:mt-\[7rem\] { margin-top: 7rem; }
  .lg\:mt-8 { margin-top: 2rem; }
  .lg\:mt-6 { margin-top: 1.5rem; }
  .lg\:mt-4 { margin-top: 1rem; }
  .lg\:mt-3 { margin-top: 0.75rem; }
  .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-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\:\!mt-4 { margin-top: 1rem !important; }
  .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\:z-100 { z-index: 100; }
  .lg\:top-\[114px\] { top: 114px; }
  .lg\:top-6 { top: 1.5rem; }
  .lg\:top-5 { top: 1.25rem; }
  .lg\:top-10 { top: 2.5rem; }
  .lg\:top-1\/2 { top: 50%; }
  .lg\:top-0 { top: 0px; }
  .lg\:left-\[90px\] { left: 90px; }
  .lg\:left-\[45px\] { left: 45px; }
  .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 { width: 7rem; height: 10.5rem; }
  .lg\:w-\[480px\] { width: 480px; }
  .lg\:h-\[640px\] { height: 640px; }
  .lg\:backdrop-filter-none { backdrop-filter: none; }
  .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-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lg\:w-36 { width: 9rem; }
  .lg\:w-24 { width: 6rem; }
  .lg\:w-100 { width: 25rem; }
  .lg\:relative { position: relative; }
  .grid-col-3 { --grid-column: 7; }
  .grid-col-2 { --grid-column: 4; }
  .grid-col-1 { --grid-column: 2; }
  .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .lg\:pt-12 { padding-top: 3rem; }
  .lg\:pl-10 { padding-left: 2.5rem; }
  .lg\:pb-4 { padding-bottom: 1rem; }
  .lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg\:gap-y-0 { row-gap: 0px; }
  .lg\:justify-end { justify-content: flex-end; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:max-w-full { max-width: 100%; }
  .lg\:w-\[800px\] { width: 800px; }
  .lg\:w-\[33\.33\%\] { width: 33.33%; }
  .lg\:w-40 { width: 10rem; }
  .lg\:size-10 { width: 2.5rem; height: 2.5rem; }
  .lg\:flex { display: flex; }
  .lg\:mt-5 { margin-top: 1.25rem; }
  .lg\:-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; }
  .lg\:order-2 { order: 2; }
  .lg\:order-1 { order: 1; }
  .lg\:top-2 { top: 0.5rem; }
  .lg\:left-2 { left: 0.5rem; }
  .container { max-width: 1024px; }
  .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\: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; }
  .grid-col-3 { --grid-column: 8; }
  .grid-col-2 { --grid-column: 5; }
  .grid-col-1 { --grid-column: 3; }
  .xl\:flex { display: flex; }
  .container { max-width: 1280px; }
  .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\: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-\[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-\[400px\] { width: 400px; }
  .\32 xl\:w-\[34rem\] { width: 34rem; }
  .\32 xl\:w-64 { width: 16rem; }
  .\32 xl\:w-6 { width: 1.5rem; }
  .\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\:-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; }
  .grid-col-3 { --grid-column: 8; }
  .grid-col-2 { --grid-column: 6; }
  .grid-col-1 { --grid-column: 3; }
  .\32 xl\:flex { display: flex; }
  .container { max-width: 1536px; }
  .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); }
.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; }
.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)); }
@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 { margin-bottom: 0.5rem; }
  .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\:ml-0 { margin-left: 0px; }
  .sm\:ml-6 { margin-left: 1.5rem; }
  .sm\:ml-auto { margin-left: auto; }
  .sm\:mr-1 { margin-right: 0.25rem; }
  .sm\:mr-1\.5 { margin-right: 0.375rem; }
  .sm\:mr-2 { margin-right: 0.5rem; }
  .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\:\!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 { gap: 0.75rem; }
  .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-\[\#B0FFD833\] { background-color: rgba(176, 255, 216, 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 { padding: 0.5rem; }
  .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-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-left { text-align: left; }
  .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-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 .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); }
  @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 .odd\:dark\:bg-white_alpha5:nth-child(2n+1) { background-color: rgba(255, 255, 255, 0.05); }
@media (min-width: 640px) {
  .dark .dark\:sm\:bg-black_alpha20 { background-color: rgba(0, 0, 0, 0.2); }
  .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; }
}