@font-face {
  font-family: 'SFPro fallback';
  src: local('Noto Sans');
  size-adjust: 87.973%;
  ascent-override: 108.2319%;
  descent-override: 27.4187%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Arial');
  size-adjust: 93.5378%;
  ascent-override: 101.7929%;
  descent-override: 25.7875%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Helvetica Neue');
  size-adjust: 92.6649%;
  ascent-override: 102.7518%;
  descent-override: 26.0304%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Roboto');
  size-adjust: 93.7431%;
  ascent-override: 101.5699%;
  descent-override: 25.731%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Segoe UI');
  size-adjust: 94.0529%;
  ascent-override: 101.2355%;
  descent-override: 25.6463%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Noto Sans');
  size-adjust: 90.8574%;
  ascent-override: 104.7959%;
  descent-override: 26.5483%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Arial');
  size-adjust: 96.6046%;
  ascent-override: 98.5614%;
  descent-override: 24.9689%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Helvetica Neue');
  size-adjust: 95.7031%;
  ascent-override: 99.4898%;
  descent-override: 25.2041%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Roboto');
  size-adjust: 96.8167%;
  ascent-override: 98.3455%;
  descent-override: 24.9142%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Segoe UI');
  size-adjust: 97.1366%;
  ascent-override: 98.0216%;
  descent-override: 24.8321%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Noto Sans');
  size-adjust: 95.905%;
  ascent-override: 99.2803%;
  descent-override: 25.151%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Arial');
  size-adjust: 101.9715%;
  ascent-override: 93.374%;
  descent-override: 23.6547%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Helvetica Neue');
  size-adjust: 101.02%;
  ascent-override: 94.2535%;
  descent-override: 23.8776%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Roboto');
  size-adjust: 102.1954%;
  ascent-override: 93.1694%;
  descent-override: 23.6029%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'SFPro fallback';
  src: local('Segoe UI');
  size-adjust: 102.533%;
  ascent-override: 92.8626%;
  descent-override: 23.5252%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'BridgeType fallback';
  src: local('Noto Sans');
  size-adjust: 94.6689%;
  ascent-override: 100.3704%;
  descent-override: 23.21%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'BridgeType fallback';
  src: local('Arial');
  size-adjust: 100.6572%;
  ascent-override: 94.3992%;
  descent-override: 21.8292%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'BridgeType fallback';
  src: local('Helvetica Neue');
  size-adjust: 99.7179%;
  ascent-override: 95.2884%;
  descent-override: 22.0348%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'BridgeType fallback';
  src: local('Roboto');
  size-adjust: 100.8782%;
  ascent-override: 94.1924%;
  descent-override: 21.7814%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'BridgeType fallback';
  src: local('Segoe UI');
  size-adjust: 101.2115%;
  ascent-override: 93.8822%;
  descent-override: 21.7097%;
  line-gap-override: 0%;
}
*,
::backdrop,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --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: ;
} /*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}
:after,
:before {
  --tw-content: '';
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  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;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}
body {
  line-height: inherit;
  margin: 0;
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New,
    monospace;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: initial;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
[role='button'],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none;
}
* {
  scrollbar-color: auto;
  scrollbar-width: auto;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
@media (min-width: 1312px) {
  .container {
    max-width: 1312px;
  }
}
.sr-only {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  white-space: nowrap;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-\[4vw\] {
  inset: -4vw;
}
.inset-0 {
  inset: 0;
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-y-0 {
  bottom: 0;
  top: 0;
}
.inset-y-\[10\%\] {
  bottom: 10%;
  top: 10%;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-2\.5 {
  bottom: -0.625rem;
}
.-left-1 {
  left: -0.25rem;
}
.-left-4 {
  left: -1rem;
}
.-left-\[10\.5px\] {
  left: -10.5px;
}
.-left-\[200px\] {
  left: -200px;
}
.-left-\[3px\] {
  left: -3px;
}
.-left-px {
  left: -1px;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-12 {
  right: -3rem;
}
.-right-16 {
  right: -4rem;
}
.-right-4 {
  right: -1rem;
}
.-right-5 {
  right: -1.25rem;
}
.-right-\[1\%\] {
  right: -1%;
}
.-right-\[11\.7\%\] {
  right: -11.7%;
}
.-right-\[2px\] {
  right: -2px;
}
.-top-1 {
  top: -0.25rem;
}
.-top-16 {
  top: -4rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-4 {
  top: -1rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0;
}
.bottom-0\.5 {
  bottom: 0.125rem;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-40 {
  bottom: 10rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-9 {
  bottom: 2.25rem;
}
.bottom-\[10px\] {
  bottom: 10px;
}
.bottom-\[12\%\] {
  bottom: 12%;
}
.bottom-\[14\%\] {
  bottom: 14%;
}
.bottom-\[18\%\] {
  bottom: 18%;
}
.bottom-\[19\%\] {
  bottom: 19%;
}
.bottom-\[3\%\] {
  bottom: 3%;
}
.bottom-\[30px\] {
  bottom: 30px;
}
.bottom-\[40px\] {
  bottom: 40px;
}
.bottom-\[70px\] {
  bottom: 70px;
}
.bottom-\[86px\] {
  bottom: 86px;
}
.bottom-\[9\%\] {
  bottom: 9%;
}
.bottom-\[var\(--mb-nav-height\)\] {
  bottom: var(--mb-nav-height);
}
.end-0 {
  inset-inline-end: 0;
}
.left-0 {
  left: 0;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\/4 {
  left: 50%;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-\[-10px\] {
  left: -10px;
}
.left-\[-5\%\] {
  left: -5%;
}
.left-\[10\%\] {
  left: 10%;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[3\.3\%\] {
  left: 3.3%;
}
.left-\[5\%\] {
  left: 5%;
}
.left-\[52\%\] {
  left: 52%;
}
.left-\[var\(--coin-from-y\2c 24px\)\] {
  left: var(--coin-from-y, 24px);
}
.left-px {
  left: 1px;
}
.right-0 {
  right: 0;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[-3px\] {
  right: -3px;
}
.right-\[-50px\] {
  right: -50px;
}
.right-\[12px\] {
  right: 12px;
}
.right-\[14px\] {
  right: 14px;
}
.right-\[22px\] {
  right: 22px;
}
.right-\[30px\] {
  right: 30px;
}
.right-\[8px\] {
  right: 8px;
}
.right-\[calc\(100\%\+9px\)\] {
  right: calc(100% + 9px);
}
.start-0 {
  inset-inline-start: 0;
}
.top-0 {
  top: 0;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-14 {
  top: 3.5rem;
}
.top-15 {
  top: 60px;
}
.top-2 {
  top: 0.5rem;
}
.top-2\/4 {
  top: 50%;
}
.top-25 {
  top: 100px;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-6 {
  top: 1.5rem;
}
.top-60 {
  top: 15rem;
}
.top-\[-37px\] {
  top: -37px;
}
.top-\[-3px\] {
  top: -3px;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[206px\] {
  top: 206px;
}
.top-\[22px\] {
  top: 22px;
}
.top-\[23\%\] {
  top: 23%;
}
.top-\[29\%\] {
  top: 29%;
}
.top-\[32px\] {
  top: 32px;
}
.top-\[35\%\] {
  top: 35%;
}
.top-\[41\%\] {
  top: 41%;
}
.top-\[44\%\] {
  top: 44%;
}
.top-\[52px\] {
  top: 52px;
}
.top-\[53px\] {
  top: 53px;
}
.top-\[58\%\] {
  top: 58%;
}
.top-\[60\%\] {
  top: 60%;
}
.top-\[63px\] {
  top: 63px;
}
.top-\[9px\] {
  top: 9px;
}
.top-\[var\(--coin-from-x\2c 24px\)\] {
  top: var(--coin-from-x, 24px);
}
.top-\[var\(--mb-header-height\)\] {
  top: var(--mb-header-height);
}
.top-auto {
  top: auto;
}
.top-full {
  top: 100%;
}
.top-px {
  top: 1px;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-1000 {
  z-index: 1000;
}
.z-1100 {
  z-index: 1100;
}
.z-1200 {
  z-index: 1200;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[-2\] {
  z-index: -2;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[5\] {
  z-index: 5;
}
.z-action-livestream {
  z-index: 1100;
}
.z-default-thumb-livestream {
  z-index: 10;
}
.z-dropdown {
  z-index: 1700;
}
.z-floating-menu {
  z-index: 1250;
}
.z-footer {
  z-index: 1350;
}
.z-game-aliases {
  z-index: 200;
}
.z-game-tag {
  z-index: 100;
}
.z-header {
  z-index: 1200;
}
.z-header-mobile {
  z-index: 1300;
}
.z-image {
  z-index: 25;
}
.z-image-behind-overlay {
  z-index: 30;
}
.z-image-overlay {
  z-index: 40;
}
.z-image-placeholder {
  z-index: 15;
}
.z-image-spinner {
  z-index: 20;
}
.z-image-top {
  z-index: 50;
}
.z-media-control-livestream {
  z-index: 1000;
}
.z-mini-game {
  z-index: 1400;
}
.z-modal {
  z-index: 1450;
}
.z-popover {
  z-index: 1600;
}
.z-search-modal {
  z-index: 1450;
}
.z-sheet {
  z-index: 1500;
}
.z-suggest-search {
  z-index: 1000;
}
.z-toast {
  z-index: 1800;
}
.z-tooltip {
  z-index: 1900;
}
.-order-1 {
  order: -1;
}
.order-1 {
  order: 1;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1/-1;
}
.col-start-2 {
  grid-column-start: 2;
}
.-col-end-1 {
  grid-column-end: -1;
}
.col-end-9 {
  grid-column-end: 9;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.\!m-0 {
  margin: 0 !important;
}
.m-0 {
  margin: 0;
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.my-3 {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
.my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.my-5 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.my-8 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}
.-ml-5 {
  margin-left: -1.25rem;
}
.-mt-0 {
  margin-top: 0;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-1\.5 {
  margin-top: -0.375rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-\[72px\] {
  margin-top: -72px;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[15\.25px\] {
  margin-left: 15.25px;
}
.ml-auto {
  margin-left: auto;
}
.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;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-52 {
  margin-top: 13rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[11px\] {
  margin-top: 11px;
}
.mt-\[52px\] {
  margin-top: 52px;
}
.mt-\[88px\] {
  margin-top: 88px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
}
.line-clamp-1,
.line-clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.line-clamp-none {
  display: block;
  overflow: visible;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-1 {
  aspect-ratio: 1;
}
.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.aspect-\[100\/57\] {
  aspect-ratio: 100/57;
}
.aspect-\[101\/152\] {
  aspect-ratio: 101/152;
}
.aspect-\[109\/109\] {
  aspect-ratio: 109/109;
}
.aspect-\[12\/1\] {
  aspect-ratio: 12/1;
}
.aspect-\[1280\/250\] {
  aspect-ratio: 1280/250;
}
.aspect-\[1440\/180\] {
  aspect-ratio: 1440/180;
}
.aspect-\[1440\/278\] {
  aspect-ratio: 1440/278;
}
.aspect-\[1440\/280\] {
  aspect-ratio: 1440/280;
}
.aspect-\[155\/158\] {
  aspect-ratio: 155/158;
}
.aspect-\[157\/208\] {
  aspect-ratio: 157/208;
}
.aspect-\[167\/84\] {
  aspect-ratio: 167/84;
}
.aspect-\[168\/110\] {
  aspect-ratio: 168/110;
}
.aspect-\[172\/226\] {
  aspect-ratio: 172/226;
}
.aspect-\[200\/149\] {
  aspect-ratio: 200/149;
}
.aspect-\[200\/150\] {
  aspect-ratio: 200/150;
}
.aspect-\[227\/212\] {
  aspect-ratio: 227/212;
}
.aspect-\[264\/168\] {
  aspect-ratio: 264/168;
}
.aspect-\[294\/168\] {
  aspect-ratio: 294/168;
}
.aspect-\[343\/110\] {
  aspect-ratio: 343/110;
}
.aspect-\[375\/104\] {
  aspect-ratio: 375/104;
}
.aspect-\[375\/116\] {
  aspect-ratio: 375/116;
}
.aspect-\[375\/120\] {
  aspect-ratio: 375/120;
}
.aspect-\[500\/574\] {
  aspect-ratio: 500/574;
}
.aspect-\[566\/767\] {
  aspect-ratio: 566/767;
}
.aspect-\[632\/150\] {
  aspect-ratio: 632/150;
}
.aspect-\[64\/56\] {
  aspect-ratio: 64/56;
}
.aspect-\[7\/4\] {
  aspect-ratio: 7/4;
}
.aspect-img-promotion-mb {
  aspect-ratio: 343/114;
}
.\!size-5 {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
.\!size-8 {
  height: 2rem !important;
  width: 2rem !important;
}
.size-0 {
  height: 0;
  width: 0;
}
.size-10 {
  height: 2.5rem;
  width: 2.5rem;
}
.size-12 {
  height: 3rem;
  width: 3rem;
}
.size-14 {
  height: 3.5rem;
  width: 3.5rem;
}
.size-16 {
  height: 4rem;
  width: 4rem;
}
.size-2 {
  height: 0.5rem;
  width: 0.5rem;
}
.size-2\.5 {
  height: 0.625rem;
  width: 0.625rem;
}
.size-3 {
  height: 0.75rem;
  width: 0.75rem;
}
.size-3\.5 {
  height: 0.875rem;
  width: 0.875rem;
}
.size-4 {
  height: 1rem;
  width: 1rem;
}
.size-5 {
  height: 1.25rem;
  width: 1.25rem;
}
.size-6 {
  height: 1.5rem;
  width: 1.5rem;
}
.size-7 {
  height: 1.75rem;
  width: 1.75rem;
}
.size-8 {
  height: 2rem;
  width: 2rem;
}
.size-9 {
  height: 2.25rem;
  width: 2.25rem;
}
.size-\[102px\] {
  height: 102px;
  width: 102px;
}
.size-\[155px\] {
  height: 155px;
  width: 155px;
}
.size-\[52px\] {
  height: 52px;
  width: 52px;
}
.size-\[calc\(100\%-2px\)\] {
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.size-full {
  height: 100%;
  width: 100%;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-\[calc\(101\*\(100vw\/375\)\)\] {
  height: 26.93333vw !important;
}
.h-0 {
  height: 0;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-15 {
  height: 60px;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-75 {
  height: 300px;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[--radix-navigation-menu-viewport-height\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[122px\] {
  height: 122px;
}
.h-\[125px\] {
  height: 125px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[146px\] {
  height: 146px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[152px\] {
  height: 152px;
}
.h-\[154px\] {
  height: 154px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[174px\] {
  height: 174px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[212px\] {
  height: 212px;
}
.h-\[216px\] {
  height: 216px;
}
.h-\[22\%\] {
  height: 22%;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[234px\] {
  height: 234px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[264px\] {
  height: 264px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[288px\] {
  height: 288px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[30\%\] {
  height: 30%;
}
.h-\[304px\] {
  height: 304px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[416px\] {
  height: 416px;
}
.h-\[425px\] {
  height: 425px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[51px\] {
  height: 51px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[73px\] {
  height: 73px;
}
.h-\[82px\] {
  height: 82px;
}
.h-\[84px\] {
  height: 84px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[99\%\] {
  height: 99%;
}
.h-\[calc\(100\%-12px\)\] {
  height: calc(100% - 12px);
}
.h-\[calc\(100\%-46px\)\] {
  height: calc(100% - 46px);
}
.h-\[calc\(100\%-60px-48px\)\] {
  height: calc(100% - 108px);
}
.h-\[calc\(100\%-var\(--mb-search-input-height\)\)\] {
  height: calc(100% - var(--mb-search-input-height));
}
.h-\[calc\(100\%_-_2px\)\] {
  height: calc(100% - 2px);
}
.h-\[calc\(100dvh-var\(--mb-nav-height\)-var\(--mb-header-height\)\)\] {
  height: calc(100dvh - var(--mb-nav-height) - var(--mb-header-height));
}
.h-accountSubNav {
  height: var(--pc-account-sub-nav-height);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-max {
  height: max-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-0 {
  max-height: 0;
}
.max-h-10 {
  max-height: 2.5rem;
}
.max-h-16 {
  max-height: 4rem;
}
.max-h-52 {
  max-height: 13rem;
}
.max-h-6 {
  max-height: 1.5rem;
}
.max-h-\[130px\] {
  max-height: 130px;
}
.max-h-\[168px\] {
  max-height: 168px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[296px\] {
  max-height: 296px;
}
.max-h-\[304px\] {
  max-height: 304px;
}
.max-h-\[348px\] {
  max-height: 348px;
}
.max-h-\[446px\] {
  max-height: 446px;
}
.max-h-\[594px\] {
  max-height: 594px;
}
.max-h-\[72px\] {
  max-height: 72px;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[calc\(100dvh-var\(--mb-header-height\)-var\(--mb-filter-history-height\)\)\] {
  max-height: calc(100dvh - var(--mb-header-height) - var(--mb-filter-history-height));
}
.max-h-\[unset\] {
  max-height: unset;
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.\!min-h-8 {
  min-height: 2rem !important;
}
.min-h-0 {
  min-height: 0;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-15 {
  min-height: 60px;
}
.min-h-4 {
  min-height: 1rem;
}
.min-h-5 {
  min-height: 1.25rem;
}
.min-h-6 {
  min-height: 1.5rem;
}
.min-h-64 {
  min-height: 16rem;
}
.min-h-7 {
  min-height: 1.75rem;
}
.min-h-75 {
  min-height: 300px;
}
.min-h-8 {
  min-height: 2rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-96 {
  min-height: 24rem;
}
.min-h-\[112px\] {
  min-height: 112px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[190px\] {
  min-height: 190px;
}
.min-h-\[212px\] {
  min-height: 212px;
}
.min-h-\[216px\] {
  min-height: 216px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[272px\] {
  min-height: 272px;
}
.min-h-\[278px\] {
  min-height: 278px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[296px\] {
  min-height: 296px;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[412px\] {
  min-height: 412px;
}
.min-h-\[414\.69px\] {
  min-height: 414.69px;
}
.min-h-\[450px\] {
  min-height: 450px;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[560px\] {
  min-height: 560px;
}
.min-h-\[62px\] {
  min-height: 62px;
}
.min-h-\[650px\] {
  min-height: 650px;
}
.min-h-\[73px\] {
  min-height: 73px;
}
.min-h-\[86px\] {
  min-height: 86px;
}
.min-h-\[calc\(100vh-72px\)\] {
  min-height: calc(100vh - 72px);
}
.min-h-\[unset\] {
  min-height: unset;
}
.min-h-account {
  min-height: 500px;
}
.min-h-dvh {
  min-height: 100dvh;
}
.min-h-max {
  min-height: max-content;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-\[120px\] {
  width: 120px !important;
}
.\!w-\[calc\(101\*\(100vw\/375\)\)\] {
  width: 26.93333vw !important;
}
.\!w-screen {
  width: 100vw !important;
}
.w-0 {
  width: 0;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-14 {
  width: 3.5rem;
}
.w-15 {
  width: 60px;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[102px\] {
  width: 102px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[106px\] {
  width: 106px;
}
.w-\[107px\] {
  width: 107px;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[109px\] {
  width: 109px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[126px\] {
  width: 126px;
}
.w-\[133px\] {
  width: 133px;
}
.w-\[136px\] {
  width: 136px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[142px\] {
  width: 142px;
}
.w-\[165px\] {
  width: 165px;
}
.w-\[181px\] {
  width: 181px;
}
.w-\[186px\] {
  width: 186px;
}
.w-\[190px\] {
  width: 190px;
}
.w-\[197px\] {
  width: 197px;
}
.w-\[200\%\] {
  width: 200%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[222px\] {
  width: 222px;
}
.w-\[234px\] {
  width: 234px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[241px\] {
  width: 241px;
}
.w-\[242px\] {
  width: 242px;
}
.w-\[249px\] {
  width: 249px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[256px\] {
  width: 256px;
}
.w-\[278px\] {
  width: 278px;
}
.w-\[294px\] {
  width: 294px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[308px\] {
  width: 308px;
}
.w-\[309px\] {
  width: 309px;
}
.w-\[311px\] {
  width: 311px;
}
.w-\[321px\] {
  width: 321px;
}
.w-\[322px\] {
  width: 322px;
}
.w-\[343px\] {
  width: 343px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[51px\] {
  width: 51px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[616px\] {
  width: 616px;
}
.w-\[63px\] {
  width: 63px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[76\%\] {
  width: 76%;
}
.w-\[776px\] {
  width: 776px;
}
.w-\[87\%\] {
  width: 87%;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[89px\] {
  width: 89px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[93px\] {
  width: 93px;
}
.w-\[97px\] {
  width: 97px;
}
.w-\[calc\(100\%-48px\)\] {
  width: calc(100% - 48px);
}
.w-\[calc\(100\%-var\(--account-right-container-width\)-16px\)\] {
  width: calc(100% - var(--account-right-container-width) - 16px);
}
.w-\[calc\(100\%_-_2px\)\] {
  width: calc(100% - 2px);
}
.w-\[calc\(100\%_-_48px\)\] {
  width: calc(100% - 48px);
}
.w-\[calc\(224px\+16px\)\] {
  width: 240px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.\!min-w-8 {
  min-width: 2rem !important;
}
.min-w-0 {
  min-width: 0;
}
.min-w-11 {
  min-width: 2.75rem;
}
.min-w-12 {
  min-width: 3rem;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-25 {
  min-width: 100px;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-36 {
  min-width: 9rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-\[113px\] {
  min-width: 113px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[132px\] {
  min-width: 132px;
}
.min-w-\[134px\] {
  min-width: 134px;
}
.min-w-\[136px\] {
  min-width: 136px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[163px\] {
  min-width: 163px;
}
.min-w-\[176px\] {
  min-width: 176px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[213px\] {
  min-width: 213px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[558px\] {
  min-width: 558px;
}
.min-w-\[63px\] {
  min-width: 63px;
}
.min-w-\[68px\] {
  min-width: 68px;
}
.min-w-\[78px\] {
  min-width: 78px;
}
.min-w-\[90px\] {
  min-width: 90px;
}
.min-w-\[calc\(100\%\/3\)\] {
  min-width: 33.33333%;
}
.min-w-\[unset\] {
  min-width: unset;
}
.min-w-full {
  min-width: 100%;
}
.min-w-min {
  min-width: min-content;
}
.max-w-10 {
  max-width: 2.5rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-6 {
  max-width: 1.5rem;
}
.max-w-60 {
  max-width: 15rem;
}
.max-w-64 {
  max-width: 16rem;
}
.max-w-75 {
  max-width: 300px;
}
.max-w-80 {
  max-width: 20rem;
}
.max-w-\[110px\] {
  max-width: 110px;
}
.max-w-\[122px\] {
  max-width: 122px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[166px\] {
  max-width: 166px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[203px\] {
  max-width: 203px;
}
.max-w-\[311px\] {
  max-width: 311px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[95px\] {
  max-width: 95px;
}
.max-w-\[calc\(100vw-32px\)\] {
  max-width: calc(100vw - 32px);
}
.max-w-fit {
  max-width: fit-content;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: max-content;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow,
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-center {
  transform-origin: center;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2,
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-x-2\/4,
.-translate-x-\[110px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-x-\[110px\] {
  --tw-translate-x: -110px;
}
.-translate-x-\[23px\] {
  --tw-translate-x: -23px;
}
.-translate-x-\[23px\],
.-translate-x-\[30px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-x-\[30px\] {
  --tw-translate-x: -30px;
}
.-translate-y-0 {
  --tw-translate-y: -0px;
}
.-translate-y-0,
.-translate-y-1 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.-translate-y-12,
.-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-y-12 {
  --tw-translate-y: -3rem;
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
}
.-translate-y-2\/4,
.-translate-y-\[3px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-y-\[3px\] {
  --tw-translate-y: -3px;
}
.-translate-y-\[57\%\] {
  --tw-translate-y: -57%;
}
.-translate-y-\[57\%\],
.translate-x-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
}
.translate-x-3\/4 {
  --tw-translate-x: 75%;
}
.translate-x-3\/4,
.translate-x-\[112px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-x-\[112px\] {
  --tw-translate-x: 112px;
}
.translate-x-\[23px\] {
  --tw-translate-x: 23px;
}
.translate-x-\[23px\],
.translate-x-\[32px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-x-\[32px\] {
  --tw-translate-x: 32px;
}
.translate-x-full {
  --tw-translate-x: 100%;
}
.translate-x-full,
.translate-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
}
.translate-y-\[10\%\] {
  --tw-translate-y: 10%;
}
.translate-y-\[10\%\],
.translate-y-\[43\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-y-\[43\%\] {
  --tw-translate-y: 43%;
}
.translate-y-full {
  --tw-translate-y: 100%;
}
.-rotate-90,
.translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
}
.rotate-180 {
  --tw-rotate: 180deg;
}
.rotate-180,
.rotate-45 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
}
.rotate-90 {
  --tw-rotate: 90deg;
}
.rotate-90,
.rotate-\[10deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.rotate-\[10deg\] {
  --tw-rotate: 10deg;
}
.rotate-\[5deg\] {
  --tw-rotate: 5deg;
}
.rotate-\[5deg\],
.skew-x-\[-25deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.skew-x-\[-25deg\] {
  --tw-skew-x: -25deg;
}
.skew-x-\[0\] {
  --tw-skew-x: 0;
}
.scale-75,
.skew-x-\[0\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
@keyframes change-background-jackpot-number {
  0% {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog.webp?v=2cae);
  }
  33% {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog1.webp?v=2cae);
  }
  66% {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog2.webp?v=2cae);
  }
  to {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog.webp?v=2cae);
  }
}
.animate-change-background-jackpot-number {
  animation: change-background-jackpot-number 1.5s infinite;
}
.animate-fade-in-out {
  animation: fade-in-out 1.5s ease-in-out infinite;
}
@keyframes fade-in-out {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.animate-fade-in-out-delayed {
  animation: fade-in-out 1.5s ease-in-out infinite;
}
@keyframes gelatine {
  0% {
    transform: scale(1);
  }
  12% {
    transform: scale(0.95, 1.05);
  }
  25% {
    transform: scale(1.05, 0.95);
  }
  38% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
.animate-gelatine {
  animation: gelatine 3s ease-in-out infinite;
}
@keyframes marquee-slide {
  0% {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.animate-marquee-slide {
  animation: marquee-slide var(--marquee-duration, 35s) linear infinite;
}
.animate-none {
  animation: none;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
@keyframes zoomInOutEffect {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.2);
  }
  to {
    transform: translateX(-50%) scale(1);
  }
}
.animate-zoom-in-out {
  animation: zoomInOutEffect 1.5s ease-in-out infinite;
}
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.list-\[circle\] {
  list-style-type: circle;
}
.list-\[decimal\] {
  list-style-type: decimal;
}
.list-\[square\] {
  list-style-type: square;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[120px_200px_120px_160px_200px_104px_20px\] {
  grid-template-columns: 120px 200px 120px 160px 200px 104px 20px;
}
.grid-cols-\[120px_270px_140px_160px_160px_104px\] {
  grid-template-columns: 120px 270px 140px 160px 160px 104px;
}
.grid-cols-\[120px_auto_120px\] {
  grid-template-columns: 120px auto 120px;
}
.grid-cols-\[1fr\2c _66\%\] {
  grid-template-columns: 1fr 66%;
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1fr_var\(--account-right-container-width\)\] {
  grid-template-columns: 1fr var(--account-right-container-width);
}
.grid-cols-\[248px_repeat\(2\2c _160px\)_65px_repeat\(2\2c _160px\)_65px_122px\] {
  grid-template-columns: 248px repeat(2, 160px) 65px repeat(2, 160px) 65px 122px;
}
.grid-cols-\[264px_repeat\(2\2c _160px\)_61px_repeat\(2\2c _160px\)_63px_92px\] {
  grid-template-columns: 264px repeat(2, 160px) 61px repeat(2, 160px) 63px 92px;
}
.grid-cols-\[278px_321px_308px_321px_278px\] {
  grid-template-columns: 278px 321px 308px 321px 278px;
}
.grid-cols-\[300px_270px_270px_300px\] {
  grid-template-columns: 300px 270px 270px 300px;
}
.grid-cols-\[300px_270px_300px\] {
  grid-template-columns: 300px 270px 300px;
}
.grid-cols-\[320px_1fr\] {
  grid-template-columns: 320px 1fr;
}
.grid-cols-\[38px_auto_50px\] {
  grid-template-columns: 38px auto 50px;
}
.grid-cols-\[476px_repeat\(3\2c 1fr\)\] {
  grid-template-columns: 476px repeat(3, 1fr);
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.grid-cols-\[auto_1px_430px\] {
  grid-template-columns: auto 1px 430px;
}
.grid-cols-\[repeat\(3\2c 1fr\)\] {
  grid-template-columns: repeat(3, 1fr);
}
.grid-cols-\[repeat\(3\2c _40px\)\] {
  grid-template-columns: repeat(3, 40px);
}
.grid-cols-\[repeat\(3\2c _auto\)\] {
  grid-template-columns: repeat(3, auto);
}
.grid-cols-\[repeat\(5\2c 2fr\)\] {
  grid-template-columns: repeat(5, 2fr);
}
.grid-cols-inherit {
  grid-template-columns: inherit;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-\[160px_164px\] {
  grid-template-rows: 160px 164px;
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.grid-rows-\[auto_1fr_auto\] {
  grid-template-rows: auto 1fr auto;
}
.grid-rows-\[auto_minmax\(0\2c 1fr\)_auto\] {
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-items-center {
  place-items: center;
}
.content-end {
  align-content: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-normal {
  justify-content: normal;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[--pc-account-item-gap\] {
  gap: var(--pc-account-item-gap);
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[49px\] {
  gap: 49px;
}
.gap-\[58px\] {
  gap: 58px;
}
.gap-\[66px\] {
  gap: 66px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[9px\] {
  gap: 9px;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-12 {
  column-gap: 3rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-2\.5 {
  column-gap: 0.625rem;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-5 {
  column-gap: 1.25rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-x-\[46px\] {
  column-gap: 46px;
}
.gap-x-\[49px\] {
  column-gap: 49px;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(1rem * var(--tw-space-x-reverse));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
  margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-none {
  overscroll-behavior: none;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
}
.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-all {
  word-break: break-all;
}
.\!rounded-\[12px_12px_0_0\] {
  border-radius: 12px 12px 0 0 !important;
}
.\!rounded-none {
  border-radius: 0 !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[0_0_8px_8px\] {
  border-radius: 0 0 8px 8px;
}
.rounded-\[0_8px\] {
  border-radius: 0 8px;
}
.rounded-\[1000px\] {
  border-radius: 1000px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[12px_0_12px_0\] {
  border-radius: 12px 0 12px 0;
}
.rounded-\[12px_12px_0_0\] {
  border-radius: 12px 12px 0 0;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px_8px_0_0\] {
  border-radius: 8px 8px 0 0;
}
.rounded-\[unset\] {
  border-radius: unset;
}
.rounded-brand {
  border-radius: 10px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 4px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-lg {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-b-sm {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-xl {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-l-3xl {
  border-bottom-left-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.rounded-l-none {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.rounded-l-sm {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.rounded-r-lg {
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-r-sm {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-s {
  border-end-start-radius: 0.25rem;
  border-start-start-radius: 0.25rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
.rounded-bl-sm {
  border-bottom-left-radius: 4px;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}
.rounded-tl-none {
  border-top-left-radius: 0;
}
.rounded-tl-sm {
  border-top-left-radius: 4px;
}
.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-0\.5 {
  border-width: 0.5px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.25px\] {
  border-width: 1.25px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-x-0 {
  border-left-width: 0;
  border-right-width: 0;
}
.border-x-8 {
  border-left-width: 8px;
  border-right-width: 8px;
}
.border-y {
  border-bottom-width: 1px;
  border-top-width: 1px;
}
.border-y-\[5px\] {
  border-bottom-width: 5px;
  border-top-width: 5px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-0\.5 {
  border-bottom-width: 0.5px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-\[5px\] {
  border-left-width: 5px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0\.5 {
  border-top-width: 0.5px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-8 {
  border-top-width: 8px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#0A8F9B\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-\[\#34393D\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 57 61 / var(--tw-border-opacity, 1));
}
.border-\[\#383F47\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 63 71 / var(--tw-border-opacity, 1));
}
.border-\[\#3F4348\] {
  --tw-border-opacity: 1;
  border-color: rgb(63 67 72 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFFFF1F\] {
  border-color: #ffffff1f;
}
.border-\[\#FFFFFF29\] {
  border-color: #ffffff29;
}
.border-\[unset\] {
  border-color: unset;
}
.border-\[var\(--border-block-promotion-payment\)\] {
  border-color: var(--border-block-promotion-payment);
}
.border-\[var\(--border-block-promotion-payment-mb\)\] {
  border-color: var(--border-block-promotion-payment-mb);
}
.border-accent-jackpot-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 218 68 / var(--tw-border-opacity, 1));
}
.border-accent-warning-element {
  --tw-border-opacity: 1;
  border-color: rgb(234 148 0 / var(--tw-border-opacity, 1));
}
.border-base-alpha-neutral-1 {
  border-color: #ffffff1a;
}
.border-base-alpha-primary-1 {
  border-color: #0a8f9b1a;
}
.border-base-alpha-primary-2 {
  border-color: #0a8f9b4d;
}
.border-base-alpha-primary-3 {
  border-color: #0078be80;
}
.border-base-secondary-light {
  --tw-border-opacity: 1;
  border-color: rgb(68 204 109 / var(--tw-border-opacity, 1));
}
.border-body-active {
  border-color: #0a8f9b1a;
}
.border-body-body-light {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-body-element-default {
  --tw-border-opacity: 1;
  border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
}
.border-body-element-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(214 232 232 / var(--tw-border-opacity, 1));
}
.border-body-popover {
  --tw-border-opacity: 1;
  border-color: rgb(230 241 242 / var(--tw-border-opacity, 1));
}
.border-button-primary {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-button-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-disable-disable-overlay {
  border-color: #00000014;
}
.border-input-error {
  --tw-border-opacity: 1;
  border-color: rgb(240 76 68 / var(--tw-border-opacity, 1));
}
.border-input-focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-input-normal-overlay {
  border-color: #0078be33;
}
.border-section-active {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-section-active-overlay {
  border-color: #0a8f9b1a;
}
.border-section-active-sub {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.border-section-container-nested {
  border-color: #0a8f9b1a;
}
.border-section-normal-sub {
  --tw-border-opacity: 1;
  border-color: rgb(214 232 232 / var(--tw-border-opacity, 1));
}
.border-tab-account-active {
  border-color: #0a8f9b1a;
}
.border-tab-account-active-element {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.border-tab-account-nested {
  border-color: #0a8f9b1a;
}
.border-tab-active {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-tab-normal {
  --tw-border-opacity: 1;
  border-color: rgb(0 85 102 / var(--tw-border-opacity, 1));
}
.border-tab-static-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-tab-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: #0000;
}
.border-white\/10 {
  border-color: #ffffff1a;
}
.border-white\/20 {
  border-color: #fff3;
}
.border-x-transparent {
  border-left-color: #0000;
  border-right-color: #0000;
}
.border-y-transparent {
  border-bottom-color: #0000;
  border-top-color: #0000;
}
.border-b-body-active {
  border-bottom-color: #0a8f9b1a;
}
.border-b-transparent {
  border-bottom-color: #0000;
}
.border-l-transparent {
  border-left-color: #0000;
}
.border-t-accent-primary-light {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.\!bg-base-secondary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#000000B2\] {
  background-color: #000000b2;
}
.bg-\[\#020717\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 7 23 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0d66cc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 102 204 / var(--tw-bg-opacity, 1));
}
.bg-\[\#112B3D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 43 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#151724\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 23 36 / var(--tw-bg-opacity, 1));
}
.bg-\[\#18191B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 25 27 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1f2b49\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 43 73 / var(--tw-bg-opacity, 1));
}
.bg-\[\#213F7B\]\/5 {
  background-color: #213f7b0d;
}
.bg-\[\#292D30\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 85 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2A2A2A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#303438\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 52 56 / var(--tw-bg-opacity, 1));
}
.bg-\[\#34393D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 57 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4da7f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 167 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#52474380\] {
  background-color: #52474380;
}
.bg-\[\#9747ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(151 71 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#DE0811\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 8 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e4a545\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 165 69 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f36549\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 101 73 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  background-color: #ffffff1a;
}
.bg-\[transparent\] {
  background-color: initial;
}
.bg-\[var\(--bg-account-overview-v2\)\] {
  background-color: var(--bg-account-overview-v2);
}
.bg-\[var\(--bg-bank-invoice-slip\)\] {
  background-color: var(--bg-bank-invoice-slip);
}
.bg-\[var\(--bg-block-promotion-payment\)\] {
  background-color: var(--bg-block-promotion-payment);
}
.bg-\[var\(--bg-head-table-promotion-vip\)\] {
  background-color: var(--bg-head-table-promotion-vip);
}
.bg-\[var\(--bg-head-table-promotion-vip-title\)\] {
  background-color: var(--bg-head-table-promotion-vip-title);
}
.bg-\[var\(--bg-verify-info-v2\)\] {
  background-color: var(--bg-verify-info-v2);
}
.bg-accent-danger-toast-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 234 233 / var(--tw-bg-opacity, 1));
}
.bg-accent-positive-element {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-accent-positive-toast-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(193 255 212 / var(--tw-bg-opacity, 1));
}
.bg-accent-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-accent-warning-toast-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 224 / var(--tw-bg-opacity, 1));
}
.bg-base-alpha-neutral-1 {
  background-color: #ffffff1a;
}
.bg-base-alpha-primary-1\/10 {
  background-color: #0a8f9b1a;
}
.bg-base-alpha-primary-2 {
  background-color: #0a8f9b4d;
}
.bg-base-alpha-primary-3 {
  background-color: #0078be80;
}
.bg-base-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-base-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-base-white {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-body-active {
  background-color: #0a8f9b1a;
}
.bg-body-body-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(14 17 27 / var(--tw-bg-opacity, 1));
}
.bg-body-body-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-body-body-light {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-body-element-default {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-body-footer-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-body-header-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(0 107 128 / var(--tw-bg-opacity, 1));
}
.bg-body-overlay {
  background-color: #000000b3;
}
.bg-body-popover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
}
.bg-body-popover-nested {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-button-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-disable-disable {
  background-color: #f9f9f9b3;
}
.bg-disable-disable-element {
  --tw-bg-opacity: 1;
  background-color: rgb(173 173 173 / var(--tw-bg-opacity, 1));
}
.bg-disable-disable-overlay {
  background-color: #00000014;
}
.bg-input-normal-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-p2p {
  --tw-bg-opacity: 1;
  background-color: rgb(31 43 73 / var(--tw-bg-opacity, 1));
}
.bg-section-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-section-active-overlay {
  background-color: #0a8f9b1a;
}
.bg-section-balance-element {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-section-container-nested {
  background-color: #0a8f9b1a;
}
.bg-section-container-sub {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-section-history,
.bg-section-history-sub {
  background-color: #ffffff80;
}
.bg-section-normal-nested {
  background-color: #00000080;
}
.bg-section-normal-overlay {
  background-color: #fff6;
}
.bg-section-normal-sub {
  --tw-bg-opacity: 1;
  background-color: rgb(214 232 232 / var(--tw-bg-opacity, 1));
}
.bg-section-qr-normal {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-section-section {
  --tw-bg-opacity: 1;
  background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
}
.bg-section-section-sub {
  background-color: #ffffff80;
}
.bg-section-tutorial,
.bg-tab-account {
  background-color: #fff6;
}
.bg-tab-account-active {
  background-color: #0a8f9b1a;
}
.bg-tab-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-tab-disable {
  background-color: #fff6;
}
.bg-tab-normal {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-tab-static-active {
  background-color: #0078be33;
}
.bg-tooltip-subtle {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: initial;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: #ffffff1a;
}
.bg-white\/5 {
  background-color: #ffffff0d;
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}
.bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}
.bg-\[image\:var\(--bg-account-overview-v2\)\] {
  background-image: var(--bg-account-overview-v2);
}
.bg-\[image\:var\(--bg-verify-info-v2\)\] {
  background-image: var(--bg-verify-info-v2);
}
.bg-\[image\:var\(--bg-vip-badge\)\] {
  background-image: var(--bg-vip-badge);
}
.bg-\[linear-gradient\(137\.73deg\2c
  \#046A73_36\.55\%\2c
  rgba\(10\2c
  143\2c
  155\2c
  0\.3\)_44\.86\%\)\],
.bg-\[linear-gradient\(137\.73deg\2c
  \#046a73_36\.55\%\2c
  rgba\(10\2c
  143\2c
  155\2c
  0\.3\)_44\.86\%\)\] {
  background-image: linear-gradient(137.73deg, #046a73 36.55%, #0a8f9b4d 44.86%);
}
.bg-\[linear-gradient\(142\.25deg\2c \#FFF5C2_21\.82\%\2c \#D9AD0F_179\.7\%\)\] {
  background-image: linear-gradient(142.25deg, #fff5c2 21.82%, #d9ad0f 179.7%);
}
.bg-\[url\(\'\/images\/404\/bg-mb\.webp\'\)\] {
  background-image: url(/images/404/bg-mb.webp?v=2cae);
}
.bg-\[url\(\'\/images\/account\/bg-bank-item\.webp\'\)\] {
  background-image: url(/images/account/bg-bank-item.webp?v=2cae);
}
.bg-\[url\(\'\/images\/blue-active-button\.webp\'\)\] {
  background-image: url(/images/blue-active-button.webp?v=2cae);
}
.bg-\[url\(\'\/images\/float-jackpot\/bg-jackpot-dialog\.webp\'\)\] {
  background-image: url(/images/float-jackpot/bg-jackpot-dialog.webp?v=2cae);
}
.bg-\[url\(\'\/images\/float-jackpot\/icon-money-jackpot\.webp\'\)\] {
  background-image: url(/images/float-jackpot/icon-money-jackpot.webp?v=2cae);
}
.bg-\[url\(\'\/images\/footer\/active-nav\.webp\'\)\] {
  background-image: url(/images/footer/active-nav.png?v=2cae);
}
.bg-\[url\(\'\/images\/games\/bg-active-alias\.webp\'\)\] {
  background-image: url(/images/games/bg-active-alias.png?v=2cae);
}
.bg-\[url\(\'\/images\/games\/bg-default-alias-mb\.webp\'\)\] {
  background-image: url(/images/games/bg-default-alias-mb.png?v=2cae);
}
.bg-\[url\(\'\/images\/games\/bg-default-alias-pc\.webp\'\)\] {
  background-image: url(/images/games/bg-default-alias-pc.png?v=2cae);
}
.bg-\[url\(\'\/images\/icon-money-jackpot\.webp\'\)\] {
  background-image: url(/images/icon-money-jackpot.webp?v=2cae);
}
.bg-\[url\(\/images\/account\/bg-promotion-card\.webp\)\] {
  background-image: url(/images/account/bg-promotion-card.webp?v=2cae);
}
.bg-\[url\(\/images\/active-nav-bg\.webp\)\] {
  background-image: url(/images/active-nav-bg.png?v=2cae);
}
.bg-\[url\(\/images\/float-jackpot\/background-jackpot\.webp\)\] {
  background-image: url(/images/float-jackpot/background-jackpot.webp?v=2cae);
}
.bg-\[url\(\/images\/game-wrap\.webp\)\] {
  background-image: url(/images/game-wrap.webp?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus-1\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus-1.svg?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus-2\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus-2.svg?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus-3\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus-3.svg?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus.svg?v=2cae);
}
.bg-\[url\(\/images\/sport\/loading-background-mb\.webp\)\] {
  background-image: url(/images/sport/loading-background-mb.webp?v=2cae);
}
.bg-\[url\(\/images\/sport\/sport-background\.webp\)\] {
  background-image: url(/images/sport/sport-background.webp?v=2cae);
}
.bg-\[url\(\/images\/sport\/sport-schedule\/background-header\.webp\)\] {
  background-image: url(/images/sport/sport-schedule/background-header.webp?v=2cae);
}
.bg-custom-gradient-8 {
  background-image: linear-gradient(214.94deg, #34393d -101.44%, #42474d 109.81%);
}
.bg-none {
  background-image: none;
}
.bg-vip-rules-gradient {
  background-image: linear-gradient(180deg, #fff, #ebf9ff);
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-center {
  background-position: 50%;
}
.bg-left {
  background-position: 0;
}
.bg-top {
  background-position: top;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-accent-primary-light {
  fill: #00c8ff;
}
.fill-base-white {
  fill: #fcfcfc;
}
.fill-body-body-light,
.fill-tooltip-subtle {
  fill: #00c8ff;
}
.stroke-\[var\(--stroke-bank-menu-item\)\] {
  stroke: var(--stroke-bank-menu-item);
}
.stroke-body-body-light {
  stroke: #00c8ff;
}
.stroke-white {
  stroke: #fff;
}
.object-cover {
  object-fit: cover;
}
.object-fill {
  object-fit: fill;
}
.\!p-0 {
  padding: 0 !important;
}
.p-0 {
  padding: 0;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[3\.5px\] {
  padding-left: 3.5px;
  padding-right: 3.5px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.py-0 {
  padding-bottom: 0;
  padding-top: 0;
}
.py-0\.5 {
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.py-1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.py-1\.5 {
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}
.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.py-2\.5 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
.py-3 {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.py-3\.5 {
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
}
.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.py-6 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.py-8 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.py-\[2px\] {
  padding-bottom: 2px;
  padding-top: 2px;
}
.py-\[8px\] {
  padding-bottom: 8px;
  padding-top: 8px;
}
.py-\[9px\] {
  padding-bottom: 9px;
  padding-top: 9px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[46px\] {
  padding-bottom: 46px;
}
.pb-\[66px\] {
  padding-bottom: 66px;
}
.pl-0 {
  padding-left: 0;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pl-\[50px\] {
  padding-left: 50px;
}
.pr-0 {
  padding-right: 0;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-11 {
  padding-right: 2.75rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[5px\] {
  padding-right: 5px;
}
.pr-\[6px\] {
  padding-right: 6px;
}
.pt-0 {
  padding-top: 0;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[calc\(20vh-120px\)\] {
  padding-top: calc(20vh - 120px);
}
.pt-\[calc\(75vh-120px\)\] {
  padding-top: calc(75vh - 120px);
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-middle {
  vertical-align: middle;
}
.font-primary {
  font-family: SFPro, SFPro fallback, sans-serif;
}
.font-secondary {
  font-family: BridgeType, BridgeType fallback, sans-serif;
}
.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xs {
  font-size: 10px;
  line-height: 14px;
}
.text-3xl {
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.text-3xs {
  font-size: 8px;
  line-height: 10px;
}
.text-4xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-5xl {
  font-size: 2rem;
  line-height: 2.5rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.85rem\] {
  font-size: 0.85rem;
}
.text-\[100px\] {
  font-size: 100px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-\[9px\] {
  font-size: 9px;
}
.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-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure)
    var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-3 {
  line-height: 0.75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-\[0\.5rem\] {
  line-height: 0.5rem;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[44px\] {
  line-height: 44px;
}
.leading-none {
  line-height: 1;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}
.tracking-\[0\.2px\] {
  letter-spacing: 0.2px;
}
.tracking-\[0\.3px\] {
  letter-spacing: 0.3px;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[0\.96px\] {
  letter-spacing: 0.96px;
}
.tracking-normal {
  letter-spacing: 0;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-input-error {
  --tw-text-opacity: 1 !important;
  color: rgb(240 76 68 / var(--tw-text-opacity, 1)) !important;
}
.\!text-search-input {
  --tw-text-opacity: 1 !important;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#11A95D\] {
  --tw-text-opacity: 1;
  color: rgb(17 169 93 / var(--tw-text-opacity, 1));
}
.text-\[\#1D1D1D\] {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-\[\#8A9099\] {
  --tw-text-opacity: 1;
  color: rgb(138 144 153 / var(--tw-text-opacity, 1));
}
.text-\[\#B0B6BF\] {
  --tw-text-opacity: 1;
  color: rgb(176 182 191 / var(--tw-text-opacity, 1));
}
.text-\[\#F2F2F2\] {
  --tw-text-opacity: 1;
  color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
.text-\[\#F48B13\] {
  --tw-text-opacity: 1;
  color: rgb(244 139 19 / var(--tw-text-opacity, 1));
}
.text-\[\#FB9221\] {
  --tw-text-opacity: 1;
  color: rgb(251 146 33 / var(--tw-text-opacity, 1));
}
.text-\[\#FFE14D\] {
  --tw-text-opacity: 1;
  color: rgb(255 225 77 / var(--tw-text-opacity, 1));
}
.text-\[transparent\] {
  color: #0000;
}
.text-\[var\(--bg-bullet-cancel-promotion-dialog\)\] {
  color: var(--bg-bullet-cancel-promotion-dialog);
}
.text-\[var\(--btn-copy\)\] {
  color: var(--btn-copy);
}
.text-\[var\(--level-vip\)\] {
  color: var(--level-vip);
}
.text-\[var\(--tab-history-inactive\)\] {
  color: var(--tab-history-inactive);
}
.text-\[var\(--text-404\)\] {
  color: var(--text-404);
}
.text-\[var\(--text-404-subtitle\)\] {
  color: var(--text-404-subtitle);
}
.text-\[var\(--text-content-block-promotion\)\] {
  color: var(--text-content-block-promotion);
}
.text-\[var\(--text-head-table-promotion-vip\)\] {
  color: var(--text-head-table-promotion-vip);
}
.text-\[var\(--text-info-account-overview-v2\)\] {
  color: var(--text-info-account-overview-v2);
}
.text-\[var\(--text-pagination-item-active\)\] {
  color: var(--text-pagination-item-active);
}
.text-\[var\(--text-remaining-second\)\] {
  color: var(--text-remaining-second);
}
.text-\[var\(--text-tooltip-account-overview-v2\)\] {
  color: var(--text-tooltip-account-overview-v2);
}
.text-\[var\(--text-user-account-mb\)\] {
  color: var(--text-user-account-mb);
}
.text-\[var\(--text-user-balance-mb\)\] {
  color: var(--text-user-balance-mb);
}
.text-\[var\(--text-vip-badge\)\] {
  color: var(--text-vip-badge);
}
.text-accent-danger-element,
.text-accent-danger-toast {
  --tw-text-opacity: 1;
  color: rgb(240 76 68 / var(--tw-text-opacity, 1));
}
.text-accent-jackpot-element {
  --tw-text-opacity: 1;
  color: rgb(244 139 19 / var(--tw-text-opacity, 1));
}
.text-accent-jackpot-light {
  --tw-text-opacity: 1;
  color: rgb(255 218 68 / var(--tw-text-opacity, 1));
}
.text-accent-link-element,
.text-accent-positive-element,
.text-accent-positive-toast {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-accent-primary-element {
  --tw-text-opacity: 1;
  color: rgb(230 241 242 / var(--tw-text-opacity, 1));
}
.text-accent-refund-element {
  --tw-text-opacity: 1;
  color: rgb(74 74 242 / var(--tw-text-opacity, 1));
}
.text-accent-tie-element {
  --tw-text-opacity: 1;
  color: rgb(254 108 81 / var(--tw-text-opacity, 1));
}
.text-accent-tip-element {
  --tw-text-opacity: 1;
  color: rgb(0 119 216 / var(--tw-text-opacity, 1));
}
.text-accent-warning-element {
  --tw-text-opacity: 1;
  color: rgb(234 148 0 / var(--tw-text-opacity, 1));
}
.text-accent-warning-toast {
  --tw-text-opacity: 1;
  color: rgb(244 139 19 / var(--tw-text-opacity, 1));
}
.text-base-black {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-base-primary-light {
  --tw-text-opacity: 1;
  color: rgb(61 185 196 / var(--tw-text-opacity, 1));
}
.text-base-secondary {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-base-white {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-body-active {
  color: #0a8f9b1a;
}
.text-body-element-default {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-body-element-invert {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-body-element-paragraph {
  --tw-text-opacity: 1;
  color: rgb(170 204 204 / var(--tw-text-opacity, 1));
}
.text-body-element-subtle {
  --tw-text-opacity: 1;
  color: rgb(214 232 232 / var(--tw-text-opacity, 1));
}
.text-button-disable-element {
  color: #ffffff80;
}
.text-button-element {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-button-primary {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-button-secondary {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-disable-disable-element {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.text-disable-maintenance-block {
  --tw-text-opacity: 1;
  color: rgb(131 131 131 / var(--tw-text-opacity, 1));
}
.text-input-error {
  --tw-text-opacity: 1;
  color: rgb(240 76 68 / var(--tw-text-opacity, 1));
}
.text-input-highlight {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-input-icon {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-input-normal-element {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.text-section-active {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-section-active-element {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-section-active-nested {
  --tw-text-opacity: 1;
  color: rgb(79 136 141 / var(--tw-text-opacity, 1));
}
.text-section-active-overlay {
  color: #0a8f9b1a;
}
.text-section-active-sub {
  --tw-text-opacity: 1;
  color: rgb(18 136 147 / var(--tw-text-opacity, 1));
}
.text-section-container-sub {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-section-list-icon,
.text-section-list-text {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-section-normal {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-section-normal-element {
  --tw-text-opacity: 1;
  color: rgb(44 44 44 / var(--tw-text-opacity, 1));
}
.text-section-normal-nested {
  color: #00000080;
}
.text-section-normal-sub {
  --tw-text-opacity: 1;
  color: rgb(214 232 232 / var(--tw-text-opacity, 1));
}
.text-section-qr-element {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-sidemenu-account-info-text-v2 {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-tab-account-active-element {
  --tw-text-opacity: 1;
  color: rgb(18 136 147 / var(--tw-text-opacity, 1));
}
.text-tab-account-normal-element {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-tab-account-subtle {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}
.text-tab-active {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-tab-disable-element {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.text-tab-normal-element,
.text-tab-static-normal-element,
.text-tooltip-element {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-tooltip-primary {
  --tw-text-opacity: 1;
  color: rgb(61 185 196 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: #0000;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.\!caret-base-white {
  caret-color: #fcfcfc !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-90 {
  opacity: 0.9;
}
.bg-blend-luminosity {
  background-blend-mode: luminosity;
}
.shadow-\[-8px_0px_0px_1px_\#F48B13\] {
  --tw-shadow: -8px 0px 0px 1px #f48b13;
  --tw-shadow-colored: -8px 0px 0px 1px var(--tw-shadow-color);
}
.shadow-\[-8px_0px_0px_1px_\#F48B13\],
.shadow-\[0_0_10px_0_\#00000029\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0_0_10px_0_\#00000029\] {
  --tw-shadow: 0 0 10px 0 #00000029;
  --tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);
}
.shadow-\[0px_0px_10px_0px_\#00000029\] {
  --tw-shadow: 0px 0px 10px 0px #00000029;
  --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color);
}
.shadow-\[0px_0px_10px_0px_\#00000029\],
.shadow-\[0px_0px_16px_0px_\#0000004D\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0px_0px_16px_0px_\#0000004D\] {
  --tw-shadow: 0px 0px 16px 0px #0000004d;
  --tw-shadow-colored: 0px 0px 16px 0px var(--tw-shadow-color);
}
.shadow-dropdown {
  --tw-shadow: 0px 0px 8px 0.5px #0000001a;
  --tw-shadow-colored: 0px 0px 8px 0.5px var(--tw-shadow-color);
}
.shadow-dropdown,
.shadow-headerBottom {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-headerBottom {
  --tw-shadow: 0px 0px 10px 0px #00000029;
  --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-lg,
.shadow-md {
  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 #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.shadow-none,
.shadow-rateOdds {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-rateOdds {
  --tw-shadow: 0px 4px 4px 0px #0000000a;
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
}
.shadow-roundedBorder {
  --tw-shadow: 0px 0px 16px 0px #0000004d;
  --tw-shadow-colored: 0px 0px 16px 0px var(--tw-shadow-color);
}
.shadow-roundedBorder,
.shadow-sm {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.outline-none {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0;
}
.outline-1 {
  outline-width: 1px;
}
.outline-\[\#F48B13\] {
  outline-color: #f48b13;
}
.outline-transparent {
  outline-color: #0000;
}
.ring-offset-input-focus {
  --tw-ring-offset-color: #0a8f9b;
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.blur-\[6px\] {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\] {
  --tw-blur: blur(6px);
}
.brightness-100 {
  --tw-brightness: brightness(1);
}
.brightness-100,
.brightness-200 {
  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-200 {
  --tw-brightness: brightness(2);
}
.contrast-\[0\.8\] {
  --tw-contrast: contrast(0.8);
}
.contrast-\[0\.8\],
.grayscale {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
}
.grayscale-\[0\.8\] {
  --tw-grayscale: grayscale(0.8);
}
.grayscale-\[0\.8\],
.grayscale-\[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);
}
.grayscale-\[1\] {
  --tw-grayscale: grayscale(1);
}
.invert {
  --tw-invert: invert(100%);
}
.invert,
.sepia {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
}
.backdrop-blur-\[2px\],
.backdrop-blur-\[32px\] {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[32px\] {
  --tw-backdrop-blur: blur(32px);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-sm,
.backdrop-blur-xl {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
}
.backdrop-opacity-50 {
  --tw-backdrop-opacity: opacity(0.5);
}
.backdrop-filter,
.backdrop-opacity-50 {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all {
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-colors {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.delay-1000 {
  transition-delay: 1s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-700 {
  transition-duration: 0.7s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.will-change-transform {
  will-change: transform;
}
.content-\[\'\2022\'\] {
  --tw-content: '•';
  content: var(--tw-content);
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
      scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
      rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
      scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
      rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-duration: 0.15s;
  animation-name: enter;
  --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;
}
.zoom-in-95 {
  --tw-enter-scale: 0.95;
}
.slide-in-from-top-48 {
  --tw-enter-translate-y: -12rem;
}
.duration-100 {
  animation-duration: 0.1s;
}
.duration-1000 {
  animation-duration: 1s;
}
.duration-200 {
  animation-duration: 0.2s;
}
.duration-300 {
  animation-duration: 0.3s;
}
.duration-500 {
  animation-duration: 0.5s;
}
.duration-700 {
  animation-duration: 0.7s;
}
.delay-1000 {
  animation-delay: 1s;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar {
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
  scrollbar-width: auto;
}
.scrollbar::-webkit-scrollbar {
  display: block;
  height: var(--scrollbar-height, 16px);
  width: var(--scrollbar-width, 16px);
}
.scrollbar-thin::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar-thin::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar-thin {
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
  scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
  display: block;
  height: 8px;
  width: 8px;
}
.scrollbar-track-transparent {
  --scrollbar-track: #0000;
}
.flex-center,
.flex-col-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.flex-col-center {
  flex-direction: column;
}
.flex-justify-between {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.cbg-sidemenu-account-bg-v2 {
  background-color: #0078be80;
}
.\[-webkit-backface-visibility\:hidden\] {
  -webkit-backface-visibility: hidden;
}
.\[backface-visibility\:hidden\] {
  backface-visibility: hidden;
}
.\[perspective\:1000px\] {
  perspective: 1000px;
}
.\[touch-action\:manipulation\] {
  touch-action: manipulation;
}
.\[transform-style\:preserve-3d\] {
  transform-style: preserve-3d;
}
.\[transform\:rotateY\(180deg\)\] {
  transform: rotateY(180deg);
}
.\[will-change\:opacity\] {
  will-change: opacity;
}
.\[will-change\:transform\] {
  will-change: transform;
}
.file\:border-0::file-selector-button {
  border-width: 0;
}
.file\:bg-\[transparent\]::file-selector-button {
  background-color: initial;
}
.file\:bg-transparent::file-selector-button {
  background-color: initial;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-input-placeholder::placeholder {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.placeholder\:text-section-normal::placeholder {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}
.before\:-left-1\/2:before {
  content: var(--tw-content);
  left: -50%;
}
.before\:-top-1\/2:before {
  content: var(--tw-content);
  top: -50%;
}
.before\:left-0:before {
  content: var(--tw-content);
  left: 0;
}
.before\:right-0:before {
  content: var(--tw-content);
  right: 0;
}
.before\:top-0:before {
  content: var(--tw-content);
  top: 0;
}
.before\:top-\[calc\(50\%_-_20px\)\]:before {
  content: var(--tw-content);
  top: calc(50% - 20px);
}
.before\:top-\[calc\(50\%_-_24px\)\]:before {
  content: var(--tw-content);
  top: calc(50% - 24px);
}
.before\:z-\[-1\]:before {
  content: var(--tw-content);
  z-index: -1;
}
.before\:z-\[1\]:before {
  content: var(--tw-content);
  z-index: 1;
}
.before\:z-image-behind-overlay:before {
  content: var(--tw-content);
  z-index: 30;
}
.before\:hidden:before {
  content: var(--tw-content);
  display: none;
}
.before\:size-\[200\%\]:before {
  content: var(--tw-content);
  height: 200%;
  width: 200%;
}
.before\:size-full:before {
  content: var(--tw-content);
  height: 100%;
  width: 100%;
}
.before\:h-1\.5:before {
  content: var(--tw-content);
  height: 0.375rem;
}
.before\:h-2:before {
  content: var(--tw-content);
  height: 0.5rem;
}
.before\:h-\[70px\]:before {
  content: var(--tw-content);
  height: 70px;
}
.before\:h-\[9px\]:before {
  content: var(--tw-content);
  height: 9px;
}
.before\:w-1\/2:before {
  content: var(--tw-content);
  width: 50%;
}
.before\:w-20:before {
  content: var(--tw-content);
  width: 5rem;
}
.before\:w-4:before {
  content: var(--tw-content);
  width: 1rem;
}
.before\:-translate-y-1\/2:before {
  --tw-translate-y: -50%;
}
.before\:-translate-y-1\/2:before,
.before\:transform:before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
@keyframes rotation {
  0% {
    content: var(--tw-content);
    transform: rotate(0deg);
  }
  to {
    content: var(--tw-content);
    transform: rotate(-1turn);
  }
}
.before\:animate-rotate-glow:before {
  animation: rotation 4s linear infinite;
  content: var(--tw-content);
}
.before\:rounded-xl:before {
  border-radius: 0.75rem;
  content: var(--tw-content);
}
.before\:border-2:before {
  border-width: 2px;
  content: var(--tw-content);
}
.before\:border-solid:before {
  border-style: solid;
  content: var(--tw-content);
}
.before\:bg-base-primary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.before\:bg-\[url\(\/images\/account\/bg-account-overview\.webp\)\]:before {
  background-image: url(/images/account/bg-account-overview.webp?v=2cae);
  content: var(--tw-content);
}
.before\:bg-\[url\(\/images\/vip\/light\.webp\)\]:before {
  background-image: url(/images/vip/light.webp?v=2cae);
  content: var(--tw-content);
}
.before\:bg-contain:before {
  background-size: contain;
  content: var(--tw-content);
}
.before\:bg-cover:before {
  background-size: cover;
  content: var(--tw-content);
}
.before\:bg-right-top:before {
  background-position: 100% 0;
  content: var(--tw-content);
}
.before\:bg-no-repeat:before {
  background-repeat: no-repeat;
  content: var(--tw-content);
}
.before\:content-\[\'\'\]:before {
  --tw-content: '';
  content: var(--tw-content);
}
.before\:content-\[url\(\/images\/avatar\/hamberge\.svg\)\]:before {
  --tw-content: url(/images/avatar/hamberge.svg?v=2cae);
  content: var(--tw-content);
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:left-0:after {
  content: var(--tw-content);
  left: 0;
}
.after\:right-0:after {
  content: var(--tw-content);
  right: 0;
}
.after\:right-3:after {
  content: var(--tw-content);
  right: 0.75rem;
}
.after\:top-0:after {
  content: var(--tw-content);
  top: 0;
}
.after\:top-\[calc\(50\%_-_20px\)\]:after {
  content: var(--tw-content);
  top: calc(50% - 20px);
}
.after\:top-\[calc\(50\%_-_24px\)\]:after {
  content: var(--tw-content);
  top: calc(50% - 24px);
}
.after\:z-200:after {
  content: var(--tw-content);
  z-index: 200;
}
.after\:h-1\.5:after {
  content: var(--tw-content);
  height: 0.375rem;
}
.after\:h-\[155px\]:after {
  content: var(--tw-content);
  height: 155px;
}
.after\:h-\[9px\]:after {
  content: var(--tw-content);
  height: 9px;
}
.after\:h-full:after {
  content: var(--tw-content);
  height: 100%;
}
.after\:w-1\/2:after {
  content: var(--tw-content);
  width: 50%;
}
.after\:w-1\/4:after {
  content: var(--tw-content);
  width: 25%;
}
.after\:w-\[2px\]:after {
  content: var(--tw-content);
  width: 2px;
}
.after\:-translate-y-1\/2:after {
  --tw-translate-y: -50%;
}
.after\:-translate-y-1\/2:after,
.after\:transform:after {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.after\:rounded-r-2xl:after {
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  content: var(--tw-content);
}
.after\:border-b-\[6px\]:after {
  border-bottom-width: 6px;
  content: var(--tw-content);
}
.after\:border-r-\[6px\]:after {
  border-right-width: 6px;
  content: var(--tw-content);
}
.after\:border-t-\[6px\]:after {
  border-top-width: 6px;
  content: var(--tw-content);
}
.after\:border-b-base-primary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.after\:border-r-base-primary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-right-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.after\:border-t-base-primary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.after\:bg-base-primary:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.after\:content-\[\\\'\\\'\]:after {
  --tw-content: \'\';
  content: var(--tw-content);
}
.first\:col-span-2:first-child {
  grid-column: span 2 / span 2;
}
.first\:col-span-3:first-child {
  grid-column: span 3 / span 3;
}
.last\:col-span-2:last-child {
  grid-column: span 2 / span 2;
}
.last\:-col-end-1:last-child {
  grid-column-end: -1;
}
.last\:mb-0:last-child {
  margin-bottom: 0;
}
.last\:mr-0:last-child {
  margin-right: 0;
}
.last\:border-0:last-child {
  border-width: 0;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0;
}
.last\:pr-4:last-child {
  padding-right: 1rem;
}
.odd\:bg-\[\#213F7B\]\/5:nth-child(odd) {
  background-color: #213f7b0d;
}
.even\:bg-section-section:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
}
.focus-within\:border-\[red\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity, 1));
}
.focus-within\:border-input-focus:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.focus-within\:shadow-input:focus-within {
  --tw-shadow: 0px 0px 0px 2px #0dabb940;
  --tw-shadow-colored: 0px 0px 0px 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);
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width)
    var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width))
    var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-base-alpha-primary-3:focus-within {
  --tw-ring-color: #0078be80;
}
@media (hover: hover) and (pointer: fine) {
  .hover\:w-28:hover {
    width: 7rem;
  }
  .hover\:cursor-pointer:hover {
    cursor: pointer;
  }
  .hover\:border-accent-positive-element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
  }
  .hover\:border-base-alpha-neutral-2:hover {
    border-color: #ffffff4d;
  }
  .hover\:border-input-focus:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
  }
  .hover\:border-tab-account-active-element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
  }
  .hover\:border-tab-active-element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
  }
  .hover\:border-tab-subtle:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
  }
  .hover\:border-transparent:hover {
    border-color: #0000;
  }
  .hover\:\!bg-accent-danger-element:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 76 68 / var(--tw-bg-opacity, 1)) !important;
  }
  .hover\:bg-\[\#0078be80\]:hover {
    background-color: #0078be80;
  }
  .hover\:bg-base-alpha-neutral-2:hover {
    background-color: #ffffff4d;
  }
  .hover\:bg-base-alpha-primary-3:hover {
    background-color: #0078be80;
  }
  .hover\:bg-body-active:hover {
    background-color: #0a8f9b1a;
  }
  .hover\:bg-body-body-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-button-primary-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 110 175 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-section-active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-section-active-overlay:hover,
  .hover\:bg-tab-account-active:hover {
    background-color: #0a8f9b1a;
  }
  .hover\:bg-tab-active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-tab-static:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-white\/0:hover {
    background-color: #fff0;
  }
  .hover\:bg-white\/5:hover {
    background-color: #ffffff0d;
  }
  .hover\:bg-\[url\(\/images\/active-nav-bg\.webp\)\]:hover {
    background-image: url(/images/active-nav-bg.png?v=2cae);
  }
  .hover\:bg-none:hover {
    background-image: none;
  }
  .hover\:text-\[\#FB9221\]:hover {
    --tw-text-opacity: 1;
    color: rgb(251 146 33 / var(--tw-text-opacity, 1));
  }
  .hover\:text-base-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(0 229 255 / var(--tw-text-opacity, 1));
  }
  .hover\:text-body-element-default:hover {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .hover\:text-section-active-sub:hover,
  .hover\:text-tab-account-active-element:hover {
    --tw-text-opacity: 1;
    color: rgb(18 136 147 / var(--tw-text-opacity, 1));
  }
  .hover\:text-tab-active-element:hover,
  .hover\:text-tab-normal-element:hover,
  .hover\:text-tab-static-active-element:hover {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:opacity-100:hover {
    opacity: 1;
  }
  .hover\:opacity-70:hover {
    opacity: 0.7;
  }
  .hover\:outline-\[\#F48B13\]:hover {
    outline-color: #f48b13;
  }
  .hover\:outline-white\/0:hover {
    outline-color: #fff0;
  }
  .hover\:outline-white\/10:hover {
    outline-color: #ffffff1a;
  }
  .hover\:brightness-\[1\.15\]:hover {
    --tw-brightness: brightness(1.15);
    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\:after\:bg-base-secondary:hover:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
}
.focus\:text-base-secondary:focus {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.focus\:placeholder-\[transparent\]:focus::placeholder,
.focus\:placeholder-transparent:focus::placeholder {
  color: #0000;
}
.focus\:caret-input-normal-element:focus {
  caret-color: #1d1d1d;
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width)
    var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width))
    var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:bg-section-section-sub:focus-visible {
  background-color: #ffffff80;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.focus-visible\:ring-0: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(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-1: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(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-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-input-focus:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 229 255 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.active\:bg-none:active {
  background-image: none;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:hidden:disabled {
  display: none;
}
.disabled\:cursor-auto:disabled {
  cursor: auto;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-\[\#303438\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(48 52 56 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-body-active:disabled {
  background-color: #0a8f9b1a;
}
.disabled\:bg-transparent:disabled {
  background-color: initial;
}
.disabled\:text-\[var\(--text-input-disabled\)\]:disabled {
  color: var(--text-input-disabled);
}
.disabled\:text-\[var\(--text-pagination-item-inactive\)\]:disabled {
  color: var(--text-pagination-item-inactive);
}
.disabled\:text-base-primary:disabled {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.disabled\:text-button-disable:disabled {
  color: #2eb05580;
}
.disabled\:text-button-disable-element:disabled {
  color: #ffffff80;
}
.disabled\:text-input-placeholder:disabled {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.disabled\:text-section-active\/50:disabled {
  color: #00c8ff80;
}
.disabled\:opacity-100:disabled {
  opacity: 1;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:last-child .group-last\:mr-0 {
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .group:hover .group-hover\:flex {
    display: flex;
  }
  .group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }
  .group:hover .group-hover\:scale-100,
  .group:hover .group-hover\:scale-105 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }
  .group\/sub-nav:hover .group-hover\/sub-nav\:bg-base-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
  .group:hover .group-hover\:bg-section-qr-element {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .group\/menu:hover .group-hover\/menu\:text-\[\#F2F2F2\] {
    --tw-text-opacity: 1;
    color: rgb(242 242 242 / var(--tw-text-opacity, 1));
  }
  .group\/menu:hover .group-hover\/menu\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .group\/sub-nav:hover .group-hover\/sub-nav\:text-base-secondary {
    --tw-text-opacity: 1;
    color: rgb(0 229 255 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-input-error {
    --tw-text-opacity: 1;
    color: rgb(240 76 68 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-section-active-element {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-section-qr-normal {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-tab-account-active-element {
    --tw-text-opacity: 1;
    color: rgb(18 136 147 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-tab-active-element,
  .group:hover .group-hover\:text-tab-normal-element {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:opacity-100 {
    opacity: 1;
  }
  .group:hover .group-hover\:shadow-\[2px_0px_6px_0px_\#0000001A\] {
    --tw-shadow: 2px 0px 6px 0px #0000001a;
    --tw-shadow-colored: 2px 0px 6px 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);
  }
  .group:hover .group-hover\:blur-\[4px\] {
    --tw-blur: blur(4px);
  }
  .group:hover .group-hover\:blur-\[4px\],
  .group:hover .group-hover\:contrast-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);
  }
  .group:hover .group-hover\:contrast-100 {
    --tw-contrast: contrast(1);
  }
  .group:hover .group-hover\:\[transform\:rotateY\(180deg\)\] {
    transform: rotateY(180deg);
  }
}
.group:disabled .group-disabled\:text-\[\#42474D\] {
  --tw-text-opacity: 1;
  color: rgb(66 71 77 / var(--tw-text-opacity, 1));
}
.peer:checked ~ .peer-checked\:flex {
  display: flex;
}
.peer:checked ~ .peer-checked\:border-accent-positive-element {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-accent-positive-element {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[input\:disabled\]\:border-disable-disable-overlay:has(input:disabled) {
  border-color: #00000014;
}
.has-\[input\:disabled\]\:bg-disable-disable:has(input:disabled) {
  background-color: #f9f9f9b3;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[state\=collapsed\]\:mb-3[data-state='collapsed'] {
  margin-bottom: 0.75rem;
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe='cancel'] {
  --tw-translate-x: 0px;
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe='cancel'],
.data-\[swipe\=end\]\:translate-x-\[--radix-toast-swipe-end-x\][data-swipe='end'] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[--radix-toast-swipe-end-x\][data-swipe='end'] {
  --tw-translate-x: var(--radix-toast-swipe-end-x);
}
.data-\[swipe\=move\]\:translate-x-\[--radix-toast-swipe-move-x\][data-swipe='move'] {
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.data-\[active\=true\]\:border-tab-active-element[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:border-tab-account-active-element[data-state='active'] {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:border-transparent[data-state='active'] {
  border-color: #0000;
}
.data-\[state\=open\]\:border-input-focus[data-state='open'] {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.data-\[state\=open\]\:border-tab-account-active-element[data-state='open'] {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.data-\[active\=true\]\:bg-tab-active[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-tab-static[data-state='active'] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-body-active[data-state='checked'] {
  background-color: #0a8f9b1a;
}
.data-\[state\=checked\]\:bg-white\/5[data-state='checked'] {
  background-color: #ffffff0d;
}
.data-\[state\=expanded\]\:bg-white\/10[data-state='expanded'] {
  background-color: #ffffff1a;
}
.data-\[state\=open\]\:bg-body-active[data-state='open'] {
  background-color: #0a8f9b1a;
}
.data-\[state\=open\]\:bg-body-body-light[data-state='open'] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:bg-input-normal-bg[data-state='open'] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:bg-tab-account-active[data-state='open'] {
  background-color: #0a8f9b1a;
}
.data-\[active\=true\]\:text-tab-active-element[data-active='true'] {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:text-tab-account-active-element[data-state='active'] {
  --tw-text-opacity: 1;
  color: rgb(18 136 147 / var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:text-tab-static-active-element[data-state='active'],
.data-\[state\=checked\]\:text-body-element-default[data-state='checked'] {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-section-normal[data-state='checked'] {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=checked\]\:shadow-\[inset_4px_0_0_0_\#2189FF\][data-state='checked'] {
  --tw-shadow: inset 4px 0 0 0 #2189ff;
  --tw-shadow-colored: inset 4px 0 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);
}
.data-\[loaded\=true\]\:grayscale[data-loaded='true'] {
  --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);
}
.data-\[swipe\=move\]\:transition-none[data-swipe='move'] {
  transition-property: none;
}
.data-\[state\=closed\]\:duration-300[data-state='closed'] {
  transition-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state='open'] {
  transition-duration: 0.5s;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^='from-'],
.data-\[state\=open\]\:animate-in[data-state='open'],
.data-\[state\=visible\]\:animate-in[data-state='visible'] {
  animation-duration: 0.15s;
  animation-name: enter;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^='to-'],
.data-\[state\=closed\]\:animate-out[data-state='closed'],
.data-\[state\=hidden\]\:animate-out[data-state='hidden'],
.data-\[swipe\=end\]\:animate-out[data-swipe='end'] {
  animation-duration: 0.15s;
  animation-name: exit;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^='from-'] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^='to-'],
.data-\[state\=closed\]\:fade-out-0[data-state='closed'] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-80[data-state='closed'] {
  --tw-exit-opacity: 0.8;
}
.data-\[state\=hidden\]\:fade-out[data-state='hidden'] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state='open'],
.data-\[state\=visible\]\:fade-in[data-state='visible'] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state='closed'] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-90[data-state='open'] {
  --tw-enter-scale: 0.9;
}
.data-\[state\=open\]\:zoom-in-95[data-state='open'] {
  --tw-enter-scale: 0.95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion='from-end'] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion='from-start'] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion='to-end'] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion='to-start'] {
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side='bottom'] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side='left'] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side='right'] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side='top'] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state='closed'] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state='closed'] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state='closed'] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state='closed'],
.data-\[state\=closed\]\:slide-out-to-right[data-state='closed'] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state='closed'] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-48[data-state='closed'] {
  --tw-exit-translate-y: -12rem;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state='open'] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state='open'] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state='open'] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state='open'] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state='open'] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-48[data-state='open'] {
  --tw-enter-translate-y: -12rem;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state='open'] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=closed\]\:duration-300[data-state='closed'] {
  animation-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state='open'] {
  animation-duration: 0.5s;
}
.data-\[state\=checked\]\:after\:block[data-state='checked']:after {
  content: var(--tw-content);
  display: block;
}
.data-\[state\=checked\]\:after\:hidden[data-state='checked']:after {
  content: var(--tw-content);
  display: none;
}
.group\/row[data-state='expanded'] .group-data-\[state\=expanded\]\/row\:row-span-3 {
  grid-row: span 3 / span 3;
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:block,
.group\/row[data-state='expanded'] .group-data-\[state\=expanded\]\/row\:block {
  display: block;
}
.group\/table[data-state='collapsed'] .group-data-\[state\=collapsed\]\/table\:hidden {
  display: none;
}
.group\/table[data-state='collapsed'] .group-data-\[state\=collapsed\]\/table\:rotate-90 {
  --tw-rotate: 90deg;
}
.group[data-state='open'] .group-data-\[state\=open\]\:-rotate-180,
.group\/table[data-state='collapsed'] .group-data-\[state\=collapsed\]\/table\:rotate-90 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.group[data-state='open'] .group-data-\[state\=open\]\:-rotate-180 {
  --tw-rotate: -180deg;
}
.group[data-state='open'] .group-data-\[state\=open\]\:-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:border-body-body-light {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:border-body-element-default {
  --tw-border-opacity: 1;
  border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:bg-white\/0 {
  background-color: #fff0;
}
.gradient .gradient\:rounded-\[6\.4px\] {
  border-radius: 6.4px;
}
.gradient .gradient\:rounded-\[9px\] {
  border-radius: 9px;
}
.gradient .gradient\:rounded-b-\[9px\] {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.gradient .gradient\:rounded-t-\[9px\] {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.gradient .gradient\:border {
  border-width: 1px;
}
.gradient .gradient\:border-none {
  border-style: none;
}
.gradient .gradient\:\!border-base-alpha-primary-1 {
  border-color: #0a8f9b1a !important;
}
.gradient .gradient\:border-base-alpha-primary-1 {
  border-color: #0a8f9b1a;
}
.gradient .gradient\:border-input-icon {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.gradient .gradient\:border-t-\[var\(--bg-tooltip-v2\)\] {
  border-top-color: var(--bg-tooltip-v2);
}
.gradient .gradient\:bg-\[\#716B63\] {
  --tw-bg-opacity: 1;
  background-color: rgb(113 107 99 / var(--tw-bg-opacity, 1));
}
.gradient .gradient\:bg-\[var\(--bg-tooltip-v2\)\] {
  background-color: var(--bg-tooltip-v2);
}
.gradient .gradient\:bg-base-alpha-neutral-2 {
  background-color: #ffffff4d;
}
.gradient .gradient\:fill-\[var\(--bg-tooltip-v2\)\] {
  fill: var(--bg-tooltip-v2);
}
.gradient .gradient\:fill-section-active {
  fill: #00c8ff;
}
.gradient .gradient\:stroke-section-active {
  stroke: #00c8ff;
}
.gradient .gradient\:p-px {
  padding: 1px;
}
.gradient .gradient\:text-\[var\(--text-hight-light\)\] {
  color: var(--text-hight-light);
}
.gradient .gradient\:text-\[var\(--text-tooltip\)\] {
  color: var(--text-tooltip);
}
.gradient .gradient\:text-accent-warning-element {
  --tw-text-opacity: 1;
  color: rgb(234 148 0 / var(--tw-text-opacity, 1));
}
.gradient .gradient\:text-base-black {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.gradient .gradient\:disabled\:opacity-100:disabled {
  opacity: 1;
}
.gradient
  .group[data-state='checked']
  .gradient\:group-data-\[state\=checked\]\:border-section-active {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.gradient.light .gradient-light\:bg-base-alpha-primary-1 {
  background-color: #0a8f9b1a;
}
.gradient.light .gradient-light\:text-body-element-default {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.gradient.dark .gradient-dark\:text-body-overlay {
  color: #000000b3;
}
@media not all and (min-width: 1312px) {
  .max-xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media not all and (min-width: 1016px) {
  .max-lg\:-mt-px {
    margin-top: -1px;
  }
  .max-lg\:h-1 {
    height: 0.25rem;
  }
  .max-lg\:h-16 {
    height: 4rem;
  }
  .max-lg\:w-full {
    width: 100%;
  }
  .max-lg\:min-w-\[318px\] {
    min-width: 318px;
  }
  .max-lg\:max-w-25 {
    max-width: 100px;
  }
  .max-lg\:flex-1 {
    flex: 1 1 0%;
  }
  .max-lg\:p-0 {
    padding: 0;
  }
  .max-lg\:py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
  .max-lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .max-lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .max-lg\:first\:sticky:first-child {
    position: sticky;
  }
  .max-lg\:first\:left-0:first-child {
    left: 0;
  }
  .max-lg\:first\:w-\[80px\]:first-child {
    width: 80px;
  }
  .max-lg\:first\:w-\[98px\]:first-child {
    width: 98px;
  }
  .max-lg\:first\:border-l-0:first-child {
    border-left-width: 0;
  }
  .max-lg\:first\:px-4:first-child {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-lg\:first\:py-1:first-child {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}
@media not all and (min-width: 784px) {
  .max-md\:h-\[100px\] {
    height: 100px;
  }
  .max-md\:w-\[80px\] {
    width: 80px;
  }
}
@media not all and (min-width: 604px) {
  .max-sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .max-sm\:w-full {
    width: 100%;
  }
  .max-sm\:bg-section-section {
    --tw-bg-opacity: 1;
    background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
  }
  .max-sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .max-sm\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .max-sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .max-sm\:pb-7 {
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 604px) {
  .sm\:bottom-0 {
    bottom: 0;
  }
  .sm\:left-1\/2 {
    left: 50%;
  }
  .sm\:top-auto {
    top: auto;
  }
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:w-11\/12 {
    width: 91.666667%;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-\[450px\] {
    max-width: 450px;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:rounded-l {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-2xs {
    font-size: 10px;
    line-height: 14px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state='open'] {
    --tw-enter-translate-y: 100%;
  }
}
@media (min-width: 784px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:mt-3 {
    margin-top: 0.75rem;
  }
  .md\:w-\[--radix-navigation-menu-viewport-width\] {
    width: var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-\[50px\] {
    min-width: 50px;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-\[158px_auto_158px\] {
    grid-template-columns: 158px auto 158px;
  }
  .md\:grid-cols-\[repeat\(2\2c _50px\)\] {
    grid-template-columns: repeat(2, 50px);
  }
  .md\:grid-cols-\[repeat\(3\2c _50px\)\] {
    grid-template-columns: repeat(3, 50px);
  }
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-x-3 {
    column-gap: 0.75rem;
  }
  .md\:gap-y-4 {
    row-gap: 1rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:py-0\.5 {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1016px) {
  .lg\:relative {
    position: relative;
  }
  .lg\:-inset-\[22px\] {
    inset: -22px;
  }
  .lg\:\!bottom-5 {
    bottom: 1.25rem !important;
  }
  .lg\:-right-1\.5 {
    right: -0.375rem;
  }
  .lg\:-top-px {
    top: -1px;
  }
  .lg\:bottom-10 {
    bottom: 2.5rem;
  }
  .lg\:bottom-24 {
    bottom: 6rem;
  }
  .lg\:bottom-3 {
    bottom: 0.75rem;
  }
  .lg\:bottom-4 {
    bottom: 1rem;
  }
  .lg\:bottom-5 {
    bottom: 1.25rem;
  }
  .lg\:left-0 {
    left: 0;
  }
  .lg\:left-0\.5 {
    left: 0.125rem;
  }
  .lg\:left-1\/2 {
    left: 50%;
  }
  .lg\:left-3 {
    left: 0.75rem;
  }
  .lg\:left-3\.5 {
    left: 0.875rem;
  }
  .lg\:left-\[calc\(100vw-132px\)\] {
    left: calc(100vw - 132px);
  }
  .lg\:right-0 {
    right: 0;
  }
  .lg\:right-2 {
    right: 0.5rem;
  }
  .lg\:right-3 {
    right: 0.75rem;
  }
  .lg\:right-3\.5 {
    right: 0.875rem;
  }
  .lg\:right-4 {
    right: 1rem;
  }
  .lg\:right-\[-5px\] {
    right: -5px;
  }
  .lg\:right-\[-6px\] {
    right: -6px;
  }
  .lg\:right-\[14px\] {
    right: 14px;
  }
  .lg\:top-0 {
    top: 0;
  }
  .lg\:top-0\.5 {
    top: 0.125rem;
  }
  .lg\:top-1 {
    top: 0.25rem;
  }
  .lg\:top-2 {
    top: 0.5rem;
  }
  .lg\:top-4 {
    top: 1rem;
  }
  .lg\:top-5 {
    top: 1.25rem;
  }
  .lg\:top-80 {
    top: 20rem;
  }
  .lg\:top-\[148px\] {
    top: 148px;
  }
  .lg\:top-\[15px\] {
    top: 15px;
  }
  .lg\:top-\[18px\] {
    top: 18px;
  }
  .lg\:top-\[32\%\] {
    top: 32%;
  }
  .lg\:top-\[365px\] {
    top: 365px;
  }
  .lg\:top-\[9px\] {
    top: 9px;
  }
  .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:-mt-9 {
    margin-top: -2.25rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:mb-\[20px\] {
    margin-bottom: 20px;
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:mr-3 {
    margin-right: 0.75rem;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem;
  }
  .lg\:mt-3 {
    margin-top: 0.75rem;
  }
  .lg\:mt-4 {
    margin-top: 1rem;
  }
  .lg\:mt-5 {
    margin-top: 1.25rem;
  }
  .lg\:mt-6 {
    margin-top: 1.5rem;
  }
  .lg\:line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:\!aspect-\[172\/226\] {
    aspect-ratio: 172/226 !important;
  }
  .lg\:aspect-\[193\/193\] {
    aspect-ratio: 193/193;
  }
  .lg\:aspect-img-promotion-pc {
    aspect-ratio: 410/136;
  }
  .lg\:size-8 {
    height: 2rem;
    width: 2rem;
  }
  .lg\:size-\[144px\] {
    height: 144px;
    width: 144px;
  }
  .lg\:size-\[calc\(100\%-4px\)\] {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
  }
  .lg\:\!h-\[181px\] {
    height: 181px !important;
  }
  .lg\:h-1 {
    height: 0.25rem;
  }
  .lg\:h-10 {
    height: 2.5rem;
  }
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:h-14 {
    height: 3.5rem;
  }
  .lg\:h-16 {
    height: 4rem;
  }
  .lg\:h-20 {
    height: 5rem;
  }
  .lg\:h-28 {
    height: 7rem;
  }
  .lg\:h-4 {
    height: 1rem;
  }
  .lg\:h-5 {
    height: 1.25rem;
  }
  .lg\:h-6 {
    height: 1.5rem;
  }
  .lg\:h-7 {
    height: 1.75rem;
  }
  .lg\:h-8 {
    height: 2rem;
  }
  .lg\:h-9 {
    height: 2.25rem;
  }
  .lg\:h-\[133px\] {
    height: 133px;
  }
  .lg\:h-\[20px\] {
    height: 20px;
  }
  .lg\:h-\[22px\] {
    height: 22px;
  }
  .lg\:h-\[23px\] {
    height: 23px;
  }
  .lg\:h-\[260px\] {
    height: 260px;
  }
  .lg\:h-\[300px\] {
    height: 300px;
  }
  .lg\:h-\[30px\] {
    height: 30px;
  }
  .lg\:h-\[37px\] {
    height: 37px;
  }
  .lg\:h-\[38px\] {
    height: 38px;
  }
  .lg\:h-\[408px\] {
    height: 408px;
  }
  .lg\:h-\[46px\] {
    height: 46px;
  }
  .lg\:h-\[47px\] {
    height: 47px;
  }
  .lg\:h-\[48px\] {
    height: 48px;
  }
  .lg\:h-\[52px\] {
    height: 52px;
  }
  .lg\:h-\[54px\] {
    height: 54px;
  }
  .lg\:h-\[592px\] {
    height: 592px;
  }
  .lg\:h-\[60px\] {
    height: 60px;
  }
  .lg\:h-\[72px\] {
    height: 72px;
  }
  .lg\:h-\[75px\] {
    height: 75px;
  }
  .lg\:h-\[76px\] {
    height: 76px;
  }
  .lg\:h-\[80px\] {
    height: 80px;
  }
  .lg\:h-\[calc\(100\%-36px\)\] {
    height: calc(100% - 36px);
  }
  .lg\:h-\[calc\(100\%-60px\)\] {
    height: calc(100% - 60px);
  }
  .lg\:h-accountSubNav {
    height: var(--pc-account-sub-nav-height);
  }
  .lg\:max-h-\[574px\] {
    max-height: 574px;
  }
  .lg\:max-h-\[692px\] {
    max-height: 692px;
  }
  .lg\:max-h-\[767px\] {
    max-height: 767px;
  }
  .lg\:min-h-0 {
    min-height: 0;
  }
  .lg\:min-h-10 {
    min-height: 2.5rem;
  }
  .lg\:min-h-12 {
    min-height: 3rem;
  }
  .lg\:min-h-6 {
    min-height: 1.5rem;
  }
  .lg\:min-h-9 {
    min-height: 2.25rem;
  }
  .lg\:min-h-\[114px\] {
    min-height: 114px;
  }
  .lg\:min-h-\[180px\] {
    min-height: 180px;
  }
  .lg\:min-h-\[34px\] {
    min-height: 34px;
  }
  .lg\:min-h-\[36px\] {
    min-height: 36px;
  }
  .lg\:min-h-\[76px\] {
    min-height: 76px;
  }
  .lg\:min-h-\[calc\(100dvh-\(386px\+108px\)\)\] {
    min-height: calc(100dvh - 494px);
  }
  .lg\:\!w-\[181px\] {
    width: 181px !important;
  }
  .lg\:w-12 {
    width: 3rem;
  }
  .lg\:w-20 {
    width: 5rem;
  }
  .lg\:w-28 {
    width: 7rem;
  }
  .lg\:w-40 {
    width: 10rem;
  }
  .lg\:w-8 {
    width: 2rem;
  }
  .lg\:w-80 {
    width: 20rem;
  }
  .lg\:w-\[101px\] {
    width: 101px;
  }
  .lg\:w-\[102px\] {
    width: 102px;
  }
  .lg\:w-\[107px\] {
    width: 107px;
  }
  .lg\:w-\[118px\] {
    width: 118px;
  }
  .lg\:w-\[121px\] {
    width: 121px;
  }
  .lg\:w-\[126px\] {
    width: 126px;
  }
  .lg\:w-\[140px\] {
    width: 140px;
  }
  .lg\:w-\[200px\] {
    width: 200px;
  }
  .lg\:w-\[272px\] {
    width: 272px;
  }
  .lg\:w-\[410px\] {
    width: 410px;
  }
  .lg\:w-\[450px\] {
    width: 450px;
  }
  .lg\:w-\[500px\] {
    width: 500px;
  }
  .lg\:w-\[565px\] {
    width: 565px;
  }
  .lg\:w-\[566px\] {
    width: 566px;
  }
  .lg\:w-\[618px\] {
    width: 618px;
  }
  .lg\:w-\[62px\] {
    width: 62px;
  }
  .lg\:w-\[850px\] {
    width: 850px;
  }
  .lg\:w-\[92px\] {
    width: 92px;
  }
  .lg\:w-\[97px\] {
    width: 97px;
  }
  .lg\:w-\[calc\(100\%\+16px\)\] {
    width: calc(100% + 16px);
  }
  .lg\:w-\[calc\(100\%\+48px\)\] {
    width: calc(100% + 48px);
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-fit {
    width: fit-content;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:min-w-\[120px\] {
    min-width: 120px;
  }
  .lg\:min-w-\[168px\] {
    min-width: 168px;
  }
  .lg\:min-w-\[180px\] {
    min-width: 180px;
  }
  .lg\:min-w-\[400px\] {
    min-width: 400px;
  }
  .lg\:min-w-\[42px\] {
    min-width: 42px;
  }
  .lg\:min-w-min {
    min-width: min-content;
  }
  .lg\:max-w-\[274px\] {
    max-width: 274px;
  }
  .lg\:max-w-\[500px\] {
    max-width: 500px;
  }
  .lg\:max-w-\[566px\] {
    max-width: 566px;
  }
  .lg\:max-w-\[85\%\] {
    max-width: 85%;
  }
  .lg\:max-w-\[var\(--pc-search-dialog-width\)\] {
    max-width: var(--pc-search-dialog-width);
  }
  .lg\:max-w-max {
    max-width: max-content;
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
  .lg\:-translate-x-1\/2,
  .lg\:translate-y-1\/3 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .lg\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
  }
  .lg\:translate-y-\[0\.5px\] {
    --tw-translate-y: 0.5px;
  }
  .lg\:translate-y-\[0\.5px\],
  .lg\:translate-y-\[17\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .lg\:translate-y-\[17\%\] {
    --tw-translate-y: 17%;
  }
  .lg\:list-none {
    list-style-type: none;
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:gap-0 {
    gap: 0;
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:gap-2\.5 {
    gap: 0.625rem;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-9 {
    gap: 2.25rem;
  }
  .lg\:rounded-full {
    border-radius: 9999px;
  }
  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }
  .lg\:rounded-sm {
    border-radius: 4px;
  }
  .lg\:rounded-xl {
    border-radius: 0.75rem;
  }
  .lg\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .lg\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }
  .lg\:border-0 {
    border-width: 0;
  }
  .lg\:border-none {
    border-style: none;
  }
  .lg\:border-section-active-sub {
    --tw-border-opacity: 1;
    border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
  }
  .lg\:bg-\[\#171921\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 25 33 / var(--tw-bg-opacity, 1));
  }
  .lg\:bg-transparent {
    background-color: initial;
  }
  .lg\:bg-\[url\(\'\/images\/404\/bg-pc\.webp\'\)\] {
    background-image: url(/images/404/bg-pc.webp?v=2cae);
  }
  .lg\:bg-\[url\(\/images\/sport\/loading-background\.webp\)\] {
    background-image: url(/images/sport/loading-background.webp?v=2cae);
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-\[50px\] {
    padding-left: 50px;
    padding-right: 50px;
  }
  .lg\:px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px;
  }
  .lg\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .lg\:py-0\.5 {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
  .lg\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .lg\:py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
  .lg\:py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .lg\:py-\[5px\] {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .lg\:pb-4 {
    padding-bottom: 1rem;
  }
  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem;
  }
  .lg\:pt-1\.5 {
    padding-top: 0.375rem;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem;
  }
  .lg\:pt-3 {
    padding-top: 0.75rem;
  }
  .lg\:pt-5 {
    padding-top: 1.25rem;
  }
  .lg\:pt-6 {
    padding-top: 1.5rem;
  }
  .lg\:pt-\[calc\(75vh-180px\)\] {
    padding-top: calc(75vh - 180px);
  }
  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-2xs {
    font-size: 10px;
    line-height: 14px;
  }
  .lg\:text-4xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-5xl {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .lg\:text-\[22px\] {
    font-size: 22px;
  }
  .lg\:text-\[24px\] {
    font-size: 24px;
  }
  .lg\:text-\[40px\] {
    font-size: 40px;
  }
  .lg\:text-\[46px\] {
    font-size: 46px;
  }
  .lg\:text-\[48px\] {
    font-size: 48px;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .lg\:font-bold {
    font-weight: 700;
  }
  .lg\:font-medium {
    font-weight: 500;
  }
  .lg\:font-normal {
    font-weight: 400;
  }
  .lg\:font-semibold {
    font-weight: 600;
  }
  .lg\:leading-5 {
    line-height: 1.25rem;
  }
  .lg\:leading-7 {
    line-height: 1.75rem;
  }
  .lg\:leading-8 {
    line-height: 2rem;
  }
  .lg\:leading-\[76px\] {
    line-height: 76px;
  }
  .lg\:text-body-element-invert {
    --tw-text-opacity: 1;
    color: rgb(29 29 29 / var(--tw-text-opacity, 1));
  }
  .lg\:text-section-active-sub {
    --tw-text-opacity: 1;
    color: rgb(18 136 147 / var(--tw-text-opacity, 1));
  }
  .lg\:text-section-normal {
    --tw-text-opacity: 1;
    color: rgb(29 29 29 / var(--tw-text-opacity, 1));
  }
  .lg\:text-section-normal-element {
    --tw-text-opacity: 1;
    color: rgb(44 44 44 / var(--tw-text-opacity, 1));
  }
  .lg\:flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .lg\:first\:col-span-1:first-child {
    grid-column: span 1 / span 1;
  }
  .lg\:first\:row-span-2:first-child {
    grid-row: span 2 / span 2;
  }
  @media (hover: hover) and (pointer: fine) {
    .lg\:hover\:border-button-primary-hover:hover {
      --tw-border-opacity: 1;
      border-color: rgb(232 72 72 / var(--tw-border-opacity, 1));
    }
    .lg\:hover\:border-button-secondary-hover:hover {
      --tw-border-opacity: 1;
      border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
    }
    .lg\:hover\:bg-base-primary:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:bg-button-primary-hover:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 110 175 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:bg-button-secondary-hover:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:bg-section-section:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:text-base-secondary:hover {
      --tw-text-opacity: 1;
      color: rgb(0 229 255 / var(--tw-text-opacity, 1));
    }
    .lg\:hover\:text-button-primary-hover:hover {
      --tw-text-opacity: 1;
      color: rgb(232 72 72 / var(--tw-text-opacity, 1));
    }
    .lg\:hover\:text-button-secondary-hover:hover {
      --tw-text-opacity: 1;
      color: rgb(0 200 255 / var(--tw-text-opacity, 1));
    }
    .lg\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .lg\:active\:border-button-primary-hover:active {
    --tw-border-opacity: 1;
    border-color: rgb(232 72 72 / var(--tw-border-opacity, 1));
  }
  .lg\:active\:border-button-secondary-hover:active {
    --tw-border-opacity: 1;
    border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
  }
  .lg\:active\:bg-base-primary:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
  .lg\:active\:bg-button-secondary-hover:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .lg\:active\:bg-section-section:active {
    --tw-bg-opacity: 1;
    background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
  }
  .lg\:active\:text-button-primary-hover:active {
    --tw-text-opacity: 1;
    color: rgb(232 72 72 / var(--tw-text-opacity, 1));
  }
  .lg\:active\:text-button-secondary-hover:active {
    --tw-text-opacity: 1;
    color: rgb(0 200 255 / var(--tw-text-opacity, 1));
  }
  .lg\:active\:underline:active {
    text-decoration-line: underline;
  }
  @media (hover: hover) and (pointer: fine) {
    .lg\:hover\:disabled\:no-underline:disabled:hover {
      text-decoration-line: none;
    }
  }
  .lg\:active\:disabled\:no-underline:disabled:active {
    text-decoration-line: none;
  }
}
@media (min-width: 1312px) {
  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.\[\&\:first-child\]\:rounded-t-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.\[\&\:first-child\]\:pl-2:first-child {
  padding-left: 0.5rem;
}
.\[\&\:first-child\]\:pl-4:first-child {
  padding-left: 1rem;
}
.\[\&\:first-child\]\:font-semibold:first-child {
  font-weight: 600;
}
.\[\&\:first-child\]\:before\:left-1\/2:first-child:before {
  content: var(--tw-content);
  left: 50%;
}
.\[\&\:first-child\]\:before\:w-0:first-child:before {
  content: var(--tw-content);
  width: 0;
}
.\[\&\:first-child\]\:before\:w-full:first-child:before {
  content: var(--tw-content);
  width: 100%;
}
.\[\&\:first-child\]\:before\:rounded-xl:first-child:before {
  border-radius: 0.75rem;
  content: var(--tw-content);
}
.\[\&\:last-child\]\:pr-3\.5:last-child {
  padding-right: 0.875rem;
}
.\[\&\:last-child\]\:pr-4:last-child {
  padding-right: 1rem;
}
.\[\&\:last-child\]\:text-right:last-child {
  text-align: right;
}
.\[\&\:last-child\]\:font-bold:last-child {
  font-weight: 700;
}
.\[\&\:last-child\]\:after\:w-0:last-child:after {
  content: var(--tw-content);
  width: 0;
}
.\[\&\>\*\]\:shrink-0 > * {
  flex-shrink: 0;
}
.\[\&\>\.prefix\]\:pr-0 > .prefix {
  padding-right: 0;
}
@media (min-width: 1016px) {
  .lg\:\[\&\>p\]\:h-\[22px\] > p {
    height: 22px;
  }
}
.\[\&\>svg\]\:size-4 > svg {
  height: 1rem;
  width: 1rem;
}
.\[\&\>svg\]\:shrink-0 > svg {
  flex-shrink: 0;
}
.\[\&\>video\]\:\!w-\[101\%\] > video {
  width: 101% !important;
}
.\[\&_\.countdown\]\:stroke-accent-danger-toast .countdown {
  stroke: #f04c44;
}
.\[\&_\.countdown\]\:stroke-accent-positive-toast .countdown {
  stroke: #2eb055;
}
.\[\&_\.countdown\]\:stroke-accent-warning-toast .countdown {
  stroke: #f48b13;
}
.\[\&_path\]\:fill-\[\#F9A62E\] path {
  fill: #f9a62e;
}
.\[\&_svg\]\:size-5 svg {
  height: 1.25rem;
  width: 1.25rem;
}
@font-face {
  font-display: swap;
  font-family: SFPro;
  font-style: normal;
  font-weight: 400;
  src: local('SF Pro Display'), url(/_nuxt/SFProDisplay-Regular.BkXjPDtK.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: SFPro;
  font-style: normal;
  font-weight: 500;
  src: local('SF Pro Display'), url(/_nuxt/SFProDisplay-Medium.DglyA3tg.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: SFPro;
  font-style: normal;
  font-weight: 700;
  src: local('SF Pro Display'), url(/_nuxt/SFProDisplay-Bold.DSbkrPgw.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: BridgeType;
  font-weight: 400;
  src: url(/_nuxt/BridgeType-Regular.BQdv2Wb_.woff2) format('woff2');
}
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
} /*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}
:after,
:before {
  --tw-content: '';
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  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;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}
body {
  line-height: inherit;
  margin: 0;
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New,
    monospace;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
[role='button'],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none;
}
* {
  scrollbar-color: auto;
  scrollbar-width: auto;
}
:root {
  --account-right-container-width: 528px;
  --mb-nav-height: 60px;
  --mb-header-height: 48px;
  --mb-filter-history-height: 68px;
  --pc-account-sub-nav-height: 44px;
  --pc-account-item-gap: 20px;
  --mb-nav-has-breadcumb-height: 100px;
  --pc-search-dialog-width: 1020px;
  --mb-promotion-nav-has-breadcumb-height: 149px;
  --mb-search-input-height: 46px;
  --bg-account-overview-v2: #002850;
  --bg-verify-info-v2: #2eb055;
  --stroke-bank-menu-item: #fcfcfc;
  --text-tooltip-account-overview-v2: #3db9c4;
  --tab-history-inactive: #1d1d1d;
  --text-pagination-item-active: #00c8ff;
  --text-pagination-item-inactive: #00c8ff;
  --bg-block-promotion-payment: #fff9e0;
  --border-block-promotion-payment: #ea9400;
  --border-block-promotion-payment-mb: #ea9400;
  --bg-head-table-promotion-vip: #0a8f9b1a;
  --bg-head-table-promotion-vip-title: #0a8f9b1a;
  --text-head-table-promotion-vip: #4f888d;
  --bg-bullet-cancel-promotion-dialog: #3db9c4;
  --text-input-disabled: #adadad;
  --btn-copy: #fcfcfc;
  --text-404: #fff;
  --text-404-subtitle: #d6e8e8;
  --button-disabled-opacity: 40;
  --bg-vip-badge: linear-gradient(180deg, #F89E2D_0%, #E65C00_125%);
  --text-vip-badge: #1d1d1d;
  --bg-bank-invoice-slip: #ffffff80;
  --text-user-account-mb: #fcfcfc;
  --text-user-balance-mb: #fcfcfc;
  --level-vip: #1d1d1d;
  --text-content-block-promotion: #2c2c2c;
  --text-search-input: #1d1d1d;
  --text-remaining-second: #0a8f9b;
}
* {
  font-kerning: normal;
  letter-spacing: -0.1px;
}
:focus-visible {
  outline: none;
}
body {
  font-family: SFPro, SFPro fallback, sans-serif;
  overflow-x: hidden;
  overscroll-behavior: none;
  scrollbar-gutter: stable;
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
@media screen and (max-width: 1329px) {
  body {
    overflow-x: auto;
  }
}
body::-webkit-scrollbar {
  background: transparent;
  height: 6px;
  width: 6px;
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 16px;
}
html {
  overscroll-behavior: none;
  --tw-bg-opacity: 1;
  background-color: rgb(14 17 27 / var(--tw-bg-opacity, 1));
}
video {
  height: 104%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
a,
li,
p,
span {
  color: inherit;
}
input:-internal-autofill-selected {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  background-color: red !important;
  background-image: none !important;
  color: red !important;
}
input:-internal-autofill-previewed {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  background-color: red !important;
  background-image: none !important;
  color: red !important;
}
input:-webkit-autofill,
input:-webkit-autofill:enabled,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:enabled,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:enabled,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #1d1d1d;
  box-shadow: inset 0 0 20px 20px transparent;
  caret-color: #1d1d1d;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
@media (min-width: 1312px) {
  .container {
    max-width: 1312px;
  }
}
.sr-only {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  white-space: nowrap;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-\[4vw\] {
  inset: -4vw;
}
.inset-0 {
  inset: 0;
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-y-0 {
  bottom: 0;
  top: 0;
}
.inset-y-\[10\%\] {
  bottom: 10%;
  top: 10%;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-2\.5 {
  bottom: -0.625rem;
}
.-left-1 {
  left: -0.25rem;
}
.-left-4 {
  left: -1rem;
}
.-left-\[10\.5px\] {
  left: -10.5px;
}
.-left-\[200px\] {
  left: -200px;
}
.-left-\[3px\] {
  left: -3px;
}
.-left-px {
  left: -1px;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-12 {
  right: -3rem;
}
.-right-16 {
  right: -4rem;
}
.-right-4 {
  right: -1rem;
}
.-right-5 {
  right: -1.25rem;
}
.-right-\[1\%\] {
  right: -1%;
}
.-right-\[11\.7\%\] {
  right: -11.7%;
}
.-right-\[2px\] {
  right: -2px;
}
.-top-1 {
  top: -0.25rem;
}
.-top-16 {
  top: -4rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-4 {
  top: -1rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0;
}
.bottom-0\.5 {
  bottom: 0.125rem;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-40 {
  bottom: 10rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-9 {
  bottom: 2.25rem;
}
.bottom-\[10px\] {
  bottom: 10px;
}
.bottom-\[12\%\] {
  bottom: 12%;
}
.bottom-\[14\%\] {
  bottom: 14%;
}
.bottom-\[18\%\] {
  bottom: 18%;
}
.bottom-\[19\%\] {
  bottom: 19%;
}
.bottom-\[3\%\] {
  bottom: 3%;
}
.bottom-\[30px\] {
  bottom: 30px;
}
.bottom-\[40px\] {
  bottom: 40px;
}
.bottom-\[70px\] {
  bottom: 70px;
}
.bottom-\[86px\] {
  bottom: 86px;
}
.bottom-\[9\%\] {
  bottom: 9%;
}
.bottom-\[var\(--mb-nav-height\)\] {
  bottom: var(--mb-nav-height);
}
.end-0 {
  inset-inline-end: 0;
}
.left-0 {
  left: 0;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\/4 {
  left: 50%;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-\[-10px\] {
  left: -10px;
}
.left-\[-5\%\] {
  left: -5%;
}
.left-\[10\%\] {
  left: 10%;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[3\.3\%\] {
  left: 3.3%;
}
.left-\[5\%\] {
  left: 5%;
}
.left-\[52\%\] {
  left: 52%;
}
.left-\[var\(--coin-from-y\2c 24px\)\] {
  left: var(--coin-from-y, 24px);
}
.left-px {
  left: 1px;
}
.right-0 {
  right: 0;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[-3px\] {
  right: -3px;
}
.right-\[-50px\] {
  right: -50px;
}
.right-\[12px\] {
  right: 12px;
}
.right-\[14px\] {
  right: 14px;
}
.right-\[22px\] {
  right: 22px;
}
.right-\[30px\] {
  right: 30px;
}
.right-\[8px\] {
  right: 8px;
}
.right-\[calc\(100\%\+9px\)\] {
  right: calc(100% + 9px);
}
.start-0 {
  inset-inline-start: 0;
}
.top-0 {
  top: 0;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-14 {
  top: 3.5rem;
}
.top-15 {
  top: 60px;
}
.top-2 {
  top: 0.5rem;
}
.top-2\/4 {
  top: 50%;
}
.top-25 {
  top: 100px;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-6 {
  top: 1.5rem;
}
.top-60 {
  top: 15rem;
}
.top-\[-37px\] {
  top: -37px;
}
.top-\[-3px\] {
  top: -3px;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[206px\] {
  top: 206px;
}
.top-\[22px\] {
  top: 22px;
}
.top-\[23\%\] {
  top: 23%;
}
.top-\[29\%\] {
  top: 29%;
}
.top-\[32px\] {
  top: 32px;
}
.top-\[35\%\] {
  top: 35%;
}
.top-\[41\%\] {
  top: 41%;
}
.top-\[44\%\] {
  top: 44%;
}
.top-\[52px\] {
  top: 52px;
}
.top-\[53px\] {
  top: 53px;
}
.top-\[58\%\] {
  top: 58%;
}
.top-\[60\%\] {
  top: 60%;
}
.top-\[63px\] {
  top: 63px;
}
.top-\[9px\] {
  top: 9px;
}
.top-\[var\(--coin-from-x\2c 24px\)\] {
  top: var(--coin-from-x, 24px);
}
.top-\[var\(--mb-header-height\)\] {
  top: var(--mb-header-height);
}
.top-auto {
  top: auto;
}
.top-full {
  top: 100%;
}
.top-px {
  top: 1px;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-1000 {
  z-index: 1000;
}
.z-1100 {
  z-index: 1100;
}
.z-1200 {
  z-index: 1200;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[-2\] {
  z-index: -2;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[5\] {
  z-index: 5;
}
.z-action-livestream {
  z-index: 1100;
}
.z-default-thumb-livestream {
  z-index: 10;
}
.z-dropdown {
  z-index: 1700;
}
.z-floating-menu {
  z-index: 1250;
}
.z-footer {
  z-index: 1350;
}
.z-game-aliases {
  z-index: 200;
}
.z-game-tag {
  z-index: 100;
}
.z-header {
  z-index: 1200;
}
.z-header-mobile {
  z-index: 1300;
}
.z-image {
  z-index: 25;
}
.z-image-behind-overlay {
  z-index: 30;
}
.z-image-overlay {
  z-index: 40;
}
.z-image-placeholder {
  z-index: 15;
}
.z-image-spinner {
  z-index: 20;
}
.z-image-top {
  z-index: 50;
}
.z-media-control-livestream {
  z-index: 1000;
}
.z-mini-game {
  z-index: 1400;
}
.z-modal {
  z-index: 1450;
}
.z-popover {
  z-index: 1600;
}
.z-search-modal {
  z-index: 1450;
}
.z-sheet {
  z-index: 1500;
}
.z-suggest-search {
  z-index: 1000;
}
.z-toast {
  z-index: 1800;
}
.z-tooltip {
  z-index: 1900;
}
.-order-1 {
  order: -1;
}
.order-1 {
  order: 1;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1/-1;
}
.col-start-2 {
  grid-column-start: 2;
}
.-col-end-1 {
  grid-column-end: -1;
}
.col-end-9 {
  grid-column-end: 9;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.\!m-0 {
  margin: 0 !important;
}
.m-0 {
  margin: 0;
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.my-3 {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
.my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.my-5 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.my-8 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}
.-ml-5 {
  margin-left: -1.25rem;
}
.-mt-0 {
  margin-top: 0;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-1\.5 {
  margin-top: -0.375rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-\[72px\] {
  margin-top: -72px;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[15\.25px\] {
  margin-left: 15.25px;
}
.ml-auto {
  margin-left: auto;
}
.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;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-52 {
  margin-top: 13rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[11px\] {
  margin-top: 11px;
}
.mt-\[52px\] {
  margin-top: 52px;
}
.mt-\[88px\] {
  margin-top: 88px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
}
.line-clamp-1,
.line-clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.line-clamp-none {
  display: block;
  overflow: visible;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-1 {
  aspect-ratio: 1;
}
.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.aspect-\[100\/57\] {
  aspect-ratio: 100/57;
}
.aspect-\[101\/152\] {
  aspect-ratio: 101/152;
}
.aspect-\[109\/109\] {
  aspect-ratio: 109/109;
}
.aspect-\[12\/1\] {
  aspect-ratio: 12/1;
}
.aspect-\[1280\/250\] {
  aspect-ratio: 1280/250;
}
.aspect-\[1440\/180\] {
  aspect-ratio: 1440/180;
}
.aspect-\[1440\/278\] {
  aspect-ratio: 1440/278;
}
.aspect-\[1440\/280\] {
  aspect-ratio: 1440/280;
}
.aspect-\[155\/158\] {
  aspect-ratio: 155/158;
}
.aspect-\[157\/208\] {
  aspect-ratio: 157/208;
}
.aspect-\[167\/84\] {
  aspect-ratio: 167/84;
}
.aspect-\[168\/110\] {
  aspect-ratio: 168/110;
}
.aspect-\[172\/226\] {
  aspect-ratio: 172/226;
}
.aspect-\[200\/149\] {
  aspect-ratio: 200/149;
}
.aspect-\[200\/150\] {
  aspect-ratio: 200/150;
}
.aspect-\[227\/212\] {
  aspect-ratio: 227/212;
}
.aspect-\[264\/168\] {
  aspect-ratio: 264/168;
}
.aspect-\[294\/168\] {
  aspect-ratio: 294/168;
}
.aspect-\[343\/110\] {
  aspect-ratio: 343/110;
}
.aspect-\[375\/104\] {
  aspect-ratio: 375/104;
}
.aspect-\[375\/116\] {
  aspect-ratio: 375/116;
}
.aspect-\[375\/120\] {
  aspect-ratio: 375/120;
}
.aspect-\[500\/574\] {
  aspect-ratio: 500/574;
}
.aspect-\[566\/767\] {
  aspect-ratio: 566/767;
}
.aspect-\[632\/150\] {
  aspect-ratio: 632/150;
}
.aspect-\[64\/56\] {
  aspect-ratio: 64/56;
}
.aspect-\[7\/4\] {
  aspect-ratio: 7/4;
}
.aspect-img-promotion-mb {
  aspect-ratio: 343/114;
}
.\!size-5 {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
.\!size-8 {
  height: 2rem !important;
  width: 2rem !important;
}
.size-0 {
  height: 0;
  width: 0;
}
.size-10 {
  height: 2.5rem;
  width: 2.5rem;
}
.size-12 {
  height: 3rem;
  width: 3rem;
}
.size-14 {
  height: 3.5rem;
  width: 3.5rem;
}
.size-16 {
  height: 4rem;
  width: 4rem;
}
.size-2 {
  height: 0.5rem;
  width: 0.5rem;
}
.size-2\.5 {
  height: 0.625rem;
  width: 0.625rem;
}
.size-3 {
  height: 0.75rem;
  width: 0.75rem;
}
.size-3\.5 {
  height: 0.875rem;
  width: 0.875rem;
}
.size-4 {
  height: 1rem;
  width: 1rem;
}
.size-5 {
  height: 1.25rem;
  width: 1.25rem;
}
.size-6 {
  height: 1.5rem;
  width: 1.5rem;
}
.size-7 {
  height: 1.75rem;
  width: 1.75rem;
}
.size-8 {
  height: 2rem;
  width: 2rem;
}
.size-9 {
  height: 2.25rem;
  width: 2.25rem;
}
.size-\[102px\] {
  height: 102px;
  width: 102px;
}
.size-\[155px\] {
  height: 155px;
  width: 155px;
}
.size-\[52px\] {
  height: 52px;
  width: 52px;
}
.size-\[calc\(100\%-2px\)\] {
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.size-full {
  height: 100%;
  width: 100%;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-\[calc\(101\*\(100vw\/375\)\)\] {
  height: 26.93333vw !important;
}
.h-0 {
  height: 0;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-15 {
  height: 60px;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-75 {
  height: 300px;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[--radix-navigation-menu-viewport-height\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[122px\] {
  height: 122px;
}
.h-\[125px\] {
  height: 125px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[146px\] {
  height: 146px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[152px\] {
  height: 152px;
}
.h-\[154px\] {
  height: 154px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[174px\] {
  height: 174px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[212px\] {
  height: 212px;
}
.h-\[216px\] {
  height: 216px;
}
.h-\[22\%\] {
  height: 22%;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[234px\] {
  height: 234px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[264px\] {
  height: 264px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[288px\] {
  height: 288px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[30\%\] {
  height: 30%;
}
.h-\[304px\] {
  height: 304px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[416px\] {
  height: 416px;
}
.h-\[425px\] {
  height: 425px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[51px\] {
  height: 51px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[73px\] {
  height: 73px;
}
.h-\[82px\] {
  height: 82px;
}
.h-\[84px\] {
  height: 84px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[99\%\] {
  height: 99%;
}
.h-\[calc\(100\%-12px\)\] {
  height: calc(100% - 12px);
}
.h-\[calc\(100\%-46px\)\] {
  height: calc(100% - 46px);
}
.h-\[calc\(100\%-60px-48px\)\] {
  height: calc(100% - 108px);
}
.h-\[calc\(100\%-var\(--mb-search-input-height\)\)\] {
  height: calc(100% - var(--mb-search-input-height));
}
.h-\[calc\(100\%_-_2px\)\] {
  height: calc(100% - 2px);
}
.h-\[calc\(100dvh-var\(--mb-nav-height\)-var\(--mb-header-height\)\)\] {
  height: calc(100dvh - var(--mb-nav-height) - var(--mb-header-height));
}
.h-accountSubNav {
  height: var(--pc-account-sub-nav-height);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-max {
  height: -moz-max-content;
  height: max-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-0 {
  max-height: 0;
}
.max-h-10 {
  max-height: 2.5rem;
}
.max-h-16 {
  max-height: 4rem;
}
.max-h-52 {
  max-height: 13rem;
}
.max-h-6 {
  max-height: 1.5rem;
}
.max-h-\[130px\] {
  max-height: 130px;
}
.max-h-\[168px\] {
  max-height: 168px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[296px\] {
  max-height: 296px;
}
.max-h-\[304px\] {
  max-height: 304px;
}
.max-h-\[348px\] {
  max-height: 348px;
}
.max-h-\[446px\] {
  max-height: 446px;
}
.max-h-\[594px\] {
  max-height: 594px;
}
.max-h-\[72px\] {
  max-height: 72px;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[calc\(100dvh-var\(--mb-header-height\)-var\(--mb-filter-history-height\)\)\] {
  max-height: calc(100dvh - var(--mb-header-height) - var(--mb-filter-history-height));
}
.max-h-\[unset\] {
  max-height: unset;
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.\!min-h-8 {
  min-height: 2rem !important;
}
.min-h-0 {
  min-height: 0;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-15 {
  min-height: 60px;
}
.min-h-4 {
  min-height: 1rem;
}
.min-h-5 {
  min-height: 1.25rem;
}
.min-h-6 {
  min-height: 1.5rem;
}
.min-h-64 {
  min-height: 16rem;
}
.min-h-7 {
  min-height: 1.75rem;
}
.min-h-75 {
  min-height: 300px;
}
.min-h-8 {
  min-height: 2rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-96 {
  min-height: 24rem;
}
.min-h-\[112px\] {
  min-height: 112px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[190px\] {
  min-height: 190px;
}
.min-h-\[212px\] {
  min-height: 212px;
}
.min-h-\[216px\] {
  min-height: 216px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[272px\] {
  min-height: 272px;
}
.min-h-\[278px\] {
  min-height: 278px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[296px\] {
  min-height: 296px;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[412px\] {
  min-height: 412px;
}
.min-h-\[414\.69px\] {
  min-height: 414.69px;
}
.min-h-\[450px\] {
  min-height: 450px;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[560px\] {
  min-height: 560px;
}
.min-h-\[62px\] {
  min-height: 62px;
}
.min-h-\[650px\] {
  min-height: 650px;
}
.min-h-\[73px\] {
  min-height: 73px;
}
.min-h-\[86px\] {
  min-height: 86px;
}
.min-h-\[calc\(100vh-72px\)\] {
  min-height: calc(100vh - 72px);
}
.min-h-\[unset\] {
  min-height: unset;
}
.min-h-account {
  min-height: 500px;
}
.min-h-dvh {
  min-height: 100dvh;
}
.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-\[120px\] {
  width: 120px !important;
}
.\!w-\[calc\(101\*\(100vw\/375\)\)\] {
  width: 26.93333vw !important;
}
.\!w-screen {
  width: 100vw !important;
}
.w-0 {
  width: 0;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-14 {
  width: 3.5rem;
}
.w-15 {
  width: 60px;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[102px\] {
  width: 102px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[106px\] {
  width: 106px;
}
.w-\[107px\] {
  width: 107px;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[109px\] {
  width: 109px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[126px\] {
  width: 126px;
}
.w-\[133px\] {
  width: 133px;
}
.w-\[136px\] {
  width: 136px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[142px\] {
  width: 142px;
}
.w-\[165px\] {
  width: 165px;
}
.w-\[181px\] {
  width: 181px;
}
.w-\[186px\] {
  width: 186px;
}
.w-\[190px\] {
  width: 190px;
}
.w-\[197px\] {
  width: 197px;
}
.w-\[200\%\] {
  width: 200%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[222px\] {
  width: 222px;
}
.w-\[234px\] {
  width: 234px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[241px\] {
  width: 241px;
}
.w-\[242px\] {
  width: 242px;
}
.w-\[249px\] {
  width: 249px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[256px\] {
  width: 256px;
}
.w-\[278px\] {
  width: 278px;
}
.w-\[294px\] {
  width: 294px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[308px\] {
  width: 308px;
}
.w-\[309px\] {
  width: 309px;
}
.w-\[311px\] {
  width: 311px;
}
.w-\[321px\] {
  width: 321px;
}
.w-\[322px\] {
  width: 322px;
}
.w-\[343px\] {
  width: 343px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[51px\] {
  width: 51px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[616px\] {
  width: 616px;
}
.w-\[63px\] {
  width: 63px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[76\%\] {
  width: 76%;
}
.w-\[776px\] {
  width: 776px;
}
.w-\[87\%\] {
  width: 87%;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[89px\] {
  width: 89px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[93px\] {
  width: 93px;
}
.w-\[97px\] {
  width: 97px;
}
.w-\[calc\(100\%-48px\)\] {
  width: calc(100% - 48px);
}
.w-\[calc\(100\%-var\(--account-right-container-width\)-16px\)\] {
  width: calc(100% - var(--account-right-container-width) - 16px);
}
.w-\[calc\(100\%_-_2px\)\] {
  width: calc(100% - 2px);
}
.w-\[calc\(100\%_-_48px\)\] {
  width: calc(100% - 48px);
}
.w-\[calc\(224px\+16px\)\] {
  width: 240px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.\!min-w-8 {
  min-width: 2rem !important;
}
.min-w-0 {
  min-width: 0;
}
.min-w-11 {
  min-width: 2.75rem;
}
.min-w-12 {
  min-width: 3rem;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-25 {
  min-width: 100px;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-36 {
  min-width: 9rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-\[113px\] {
  min-width: 113px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[132px\] {
  min-width: 132px;
}
.min-w-\[134px\] {
  min-width: 134px;
}
.min-w-\[136px\] {
  min-width: 136px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[163px\] {
  min-width: 163px;
}
.min-w-\[176px\] {
  min-width: 176px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[213px\] {
  min-width: 213px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[558px\] {
  min-width: 558px;
}
.min-w-\[63px\] {
  min-width: 63px;
}
.min-w-\[68px\] {
  min-width: 68px;
}
.min-w-\[78px\] {
  min-width: 78px;
}
.min-w-\[90px\] {
  min-width: 90px;
}
.min-w-\[calc\(100\%\/3\)\] {
  min-width: 33.33333%;
}
.min-w-\[unset\] {
  min-width: unset;
}
.min-w-full {
  min-width: 100%;
}
.min-w-min {
  min-width: -moz-min-content;
  min-width: min-content;
}
.max-w-10 {
  max-width: 2.5rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-6 {
  max-width: 1.5rem;
}
.max-w-60 {
  max-width: 15rem;
}
.max-w-64 {
  max-width: 16rem;
}
.max-w-75 {
  max-width: 300px;
}
.max-w-80 {
  max-width: 20rem;
}
.max-w-\[110px\] {
  max-width: 110px;
}
.max-w-\[122px\] {
  max-width: 122px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[166px\] {
  max-width: 166px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[203px\] {
  max-width: 203px;
}
.max-w-\[311px\] {
  max-width: 311px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[95px\] {
  max-width: 95px;
}
.max-w-\[calc\(100vw-32px\)\] {
  max-width: calc(100vw - 32px);
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow,
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-center {
  transform-origin: center;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2,
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-x-2\/4,
.-translate-x-\[110px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-x-\[110px\] {
  --tw-translate-x: -110px;
}
.-translate-x-\[23px\] {
  --tw-translate-x: -23px;
}
.-translate-x-\[23px\],
.-translate-x-\[30px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-x-\[30px\] {
  --tw-translate-x: -30px;
}
.-translate-y-0 {
  --tw-translate-y: -0px;
}
.-translate-y-0,
.-translate-y-1 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.-translate-y-12,
.-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-y-12 {
  --tw-translate-y: -3rem;
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
}
.-translate-y-2\/4,
.-translate-y-\[3px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-translate-y-\[3px\] {
  --tw-translate-y: -3px;
}
.-translate-y-\[57\%\] {
  --tw-translate-y: -57%;
}
.-translate-y-\[57\%\],
.translate-x-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
}
.translate-x-3\/4 {
  --tw-translate-x: 75%;
}
.translate-x-3\/4,
.translate-x-\[112px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-x-\[112px\] {
  --tw-translate-x: 112px;
}
.translate-x-\[23px\] {
  --tw-translate-x: 23px;
}
.translate-x-\[23px\],
.translate-x-\[32px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-x-\[32px\] {
  --tw-translate-x: 32px;
}
.translate-x-full {
  --tw-translate-x: 100%;
}
.translate-x-full,
.translate-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
}
.translate-y-\[10\%\] {
  --tw-translate-y: 10%;
}
.translate-y-\[10\%\],
.translate-y-\[43\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.translate-y-\[43\%\] {
  --tw-translate-y: 43%;
}
.translate-y-full {
  --tw-translate-y: 100%;
}
.-rotate-90,
.translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
}
.rotate-180 {
  --tw-rotate: 180deg;
}
.rotate-180,
.rotate-45 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
}
.rotate-90 {
  --tw-rotate: 90deg;
}
.rotate-90,
.rotate-\[10deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.rotate-\[10deg\] {
  --tw-rotate: 10deg;
}
.rotate-\[5deg\] {
  --tw-rotate: 5deg;
}
.rotate-\[5deg\],
.skew-x-\[-25deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.skew-x-\[-25deg\] {
  --tw-skew-x: -25deg;
}
.skew-x-\[0\] {
  --tw-skew-x: 0;
}
.scale-75,
.skew-x-\[0\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
@keyframes change-background-jackpot-number {
  0% {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog.webp?v=2cae);
  }
  33% {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog1.webp?v=2cae);
  }
  66% {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog2.webp?v=2cae);
  }
  to {
    background-image: url(/images/float-jackpot/bg-jackpot-dialog.webp?v=2cae);
  }
}
.animate-change-background-jackpot-number {
  animation: change-background-jackpot-number 1.5s infinite;
}
.animate-fade-in-out {
  animation: fade-in-out 1.5s ease-in-out infinite;
}
@keyframes fade-in-out {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.animate-fade-in-out-delayed {
  animation: fade-in-out 1.5s ease-in-out infinite;
}
@keyframes gelatine {
  0% {
    transform: scale(1);
  }
  12% {
    transform: scale(0.95, 1.05);
  }
  25% {
    transform: scale(1.05, 0.95);
  }
  38% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
.animate-gelatine {
  animation: gelatine 3s ease-in-out infinite;
}
@keyframes marquee-slide {
  0% {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.animate-marquee-slide {
  animation: marquee-slide var(--marquee-duration, 35s) linear infinite;
}
.animate-none {
  animation: none;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.animate-zoom-in-out {
  animation: zoomInOutEffect 1.5s ease-in-out infinite;
}
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.list-\[circle\] {
  list-style-type: circle;
}
.list-\[decimal\] {
  list-style-type: decimal;
}
.list-\[square\] {
  list-style-type: square;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[120px_200px_120px_160px_200px_104px_20px\] {
  grid-template-columns: 120px 200px 120px 160px 200px 104px 20px;
}
.grid-cols-\[120px_270px_140px_160px_160px_104px\] {
  grid-template-columns: 120px 270px 140px 160px 160px 104px;
}
.grid-cols-\[120px_auto_120px\] {
  grid-template-columns: 120px auto 120px;
}
.grid-cols-\[1fr\2c _66\%\] {
  grid-template-columns: 1fr 66%;
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1fr_var\(--account-right-container-width\)\] {
  grid-template-columns: 1fr var(--account-right-container-width);
}
.grid-cols-\[248px_repeat\(2\2c _160px\)_65px_repeat\(2\2c _160px\)_65px_122px\] {
  grid-template-columns: 248px repeat(2, 160px) 65px repeat(2, 160px) 65px 122px;
}
.grid-cols-\[264px_repeat\(2\2c _160px\)_61px_repeat\(2\2c _160px\)_63px_92px\] {
  grid-template-columns: 264px repeat(2, 160px) 61px repeat(2, 160px) 63px 92px;
}
.grid-cols-\[278px_321px_308px_321px_278px\] {
  grid-template-columns: 278px 321px 308px 321px 278px;
}
.grid-cols-\[300px_270px_270px_300px\] {
  grid-template-columns: 300px 270px 270px 300px;
}
.grid-cols-\[300px_270px_300px\] {
  grid-template-columns: 300px 270px 300px;
}
.grid-cols-\[320px_1fr\] {
  grid-template-columns: 320px 1fr;
}
.grid-cols-\[38px_auto_50px\] {
  grid-template-columns: 38px auto 50px;
}
.grid-cols-\[476px_repeat\(3\2c 1fr\)\] {
  grid-template-columns: 476px repeat(3, 1fr);
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.grid-cols-\[auto_1px_430px\] {
  grid-template-columns: auto 1px 430px;
}
.grid-cols-\[repeat\(3\2c 1fr\)\] {
  grid-template-columns: repeat(3, 1fr);
}
.grid-cols-\[repeat\(3\2c _40px\)\] {
  grid-template-columns: repeat(3, 40px);
}
.grid-cols-\[repeat\(3\2c _auto\)\] {
  grid-template-columns: repeat(3, auto);
}
.grid-cols-\[repeat\(5\2c 2fr\)\] {
  grid-template-columns: repeat(5, 2fr);
}
.grid-cols-inherit {
  grid-template-columns: inherit;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-\[160px_164px\] {
  grid-template-rows: 160px 164px;
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.grid-rows-\[auto_1fr_auto\] {
  grid-template-rows: auto 1fr auto;
}
.grid-rows-\[auto_minmax\(0\2c 1fr\)_auto\] {
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-items-center {
  place-items: center;
}
.content-end {
  align-content: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-normal {
  justify-content: normal;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[--pc-account-item-gap\] {
  gap: var(--pc-account-item-gap);
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[49px\] {
  gap: 49px;
}
.gap-\[58px\] {
  gap: 58px;
}
.gap-\[66px\] {
  gap: 66px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[9px\] {
  gap: 9px;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.gap-x-12 {
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.gap-x-\[46px\] {
  -moz-column-gap: 46px;
  column-gap: 46px;
}
.gap-x-\[49px\] {
  -moz-column-gap: 49px;
  column-gap: 49px;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(1rem * var(--tw-space-x-reverse));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
  margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-none {
  overscroll-behavior: none;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
}
.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-all {
  word-break: break-all;
}
.\!rounded-\[12px_12px_0_0\] {
  border-radius: 12px 12px 0 0 !important;
}
.\!rounded-none {
  border-radius: 0 !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[0_0_8px_8px\] {
  border-radius: 0 0 8px 8px;
}
.rounded-\[0_8px\] {
  border-radius: 0 8px;
}
.rounded-\[1000px\] {
  border-radius: 1000px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[12px_0_12px_0\] {
  border-radius: 12px 0 12px 0;
}
.rounded-\[12px_12px_0_0\] {
  border-radius: 12px 12px 0 0;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px_8px_0_0\] {
  border-radius: 8px 8px 0 0;
}
.rounded-\[unset\] {
  border-radius: unset;
}
.rounded-brand {
  border-radius: 10px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 4px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-lg {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-b-sm {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-xl {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-l-3xl {
  border-bottom-left-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.rounded-l-none {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.rounded-l-sm {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.rounded-r-lg {
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-r-sm {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-s {
  border-end-start-radius: 0.25rem;
  border-start-start-radius: 0.25rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
.rounded-bl-sm {
  border-bottom-left-radius: 4px;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}
.rounded-tl-none {
  border-top-left-radius: 0;
}
.rounded-tl-sm {
  border-top-left-radius: 4px;
}
.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-0\.5 {
  border-width: 0.5px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.25px\] {
  border-width: 1.25px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-x-0 {
  border-left-width: 0;
  border-right-width: 0;
}
.border-x-8 {
  border-left-width: 8px;
  border-right-width: 8px;
}
.border-y {
  border-bottom-width: 1px;
  border-top-width: 1px;
}
.border-y-\[5px\] {
  border-bottom-width: 5px;
  border-top-width: 5px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-0\.5 {
  border-bottom-width: 0.5px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-\[5px\] {
  border-left-width: 5px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0\.5 {
  border-top-width: 0.5px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-8 {
  border-top-width: 8px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#0A8F9B\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-\[\#34393D\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 57 61 / var(--tw-border-opacity, 1));
}
.border-\[\#383F47\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 63 71 / var(--tw-border-opacity, 1));
}
.border-\[\#3F4348\] {
  --tw-border-opacity: 1;
  border-color: rgb(63 67 72 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFFFF1F\] {
  border-color: #ffffff1f;
}
.border-\[\#FFFFFF29\] {
  border-color: #ffffff29;
}
.border-\[unset\] {
  border-color: unset;
}
.border-\[var\(--border-block-promotion-payment\)\] {
  border-color: var(--border-block-promotion-payment);
}
.border-\[var\(--border-block-promotion-payment-mb\)\] {
  border-color: var(--border-block-promotion-payment-mb);
}
.border-accent-jackpot-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 218 68 / var(--tw-border-opacity, 1));
}
.border-accent-warning-element {
  --tw-border-opacity: 1;
  border-color: rgb(234 148 0 / var(--tw-border-opacity, 1));
}
.border-base-alpha-neutral-1 {
  border-color: #ffffff1a;
}
.border-base-alpha-primary-1 {
  border-color: #0a8f9b1a;
}
.border-base-alpha-primary-2 {
  border-color: #0a8f9b4d;
}
.border-base-alpha-primary-3 {
  border-color: #0078be80;
}
.border-base-secondary-light {
  --tw-border-opacity: 1;
  border-color: rgb(68 204 109 / var(--tw-border-opacity, 1));
}
.border-body-active {
  border-color: #0a8f9b1a;
}
.border-body-body-light {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-body-element-default {
  --tw-border-opacity: 1;
  border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
}
.border-body-element-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(214 232 232 / var(--tw-border-opacity, 1));
}
.border-body-popover {
  --tw-border-opacity: 1;
  border-color: rgb(230 241 242 / var(--tw-border-opacity, 1));
}
.border-button-primary {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-button-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-disable-disable-overlay {
  border-color: #00000014;
}
.border-input-error {
  --tw-border-opacity: 1;
  border-color: rgb(240 76 68 / var(--tw-border-opacity, 1));
}
.border-input-focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-input-normal-overlay {
  border-color: #0078be33;
}
.border-section-active {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-section-active-overlay {
  border-color: #0a8f9b1a;
}
.border-section-active-sub {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.border-section-container-nested {
  border-color: #0a8f9b1a;
}
.border-section-normal-sub {
  --tw-border-opacity: 1;
  border-color: rgb(214 232 232 / var(--tw-border-opacity, 1));
}
.border-tab-account-active {
  border-color: #0a8f9b1a;
}
.border-tab-account-active-element {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.border-tab-account-nested {
  border-color: #0a8f9b1a;
}
.border-tab-active {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-tab-normal {
  --tw-border-opacity: 1;
  border-color: rgb(0 85 102 / var(--tw-border-opacity, 1));
}
.border-tab-static-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.border-tab-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-white\/10 {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.border-white\/20 {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}
.border-y-transparent {
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.border-b-body-active {
  border-bottom-color: #0a8f9b1a;
}
.border-b-transparent {
  border-bottom-color: transparent;
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-t-accent-primary-light {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.\!bg-base-secondary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#000000B2\] {
  background-color: #000000b2;
}
.bg-\[\#020717\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 7 23 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0d66cc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 102 204 / var(--tw-bg-opacity, 1));
}
.bg-\[\#112B3D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 43 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#151724\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 23 36 / var(--tw-bg-opacity, 1));
}
.bg-\[\#18191B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 25 27 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1f2b49\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 43 73 / var(--tw-bg-opacity, 1));
}
.bg-\[\#213F7B\]\/5 {
  background-color: rgba(33, 63, 123, 0.05);
}
.bg-\[\#292D30\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 85 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2A2A2A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#303438\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 52 56 / var(--tw-bg-opacity, 1));
}
.bg-\[\#34393D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 57 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4da7f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 167 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#52474380\] {
  background-color: #52474380;
}
.bg-\[\#9747ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(151 71 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#DE0811\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 8 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e4a545\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 165 69 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f36549\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 101 73 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-\[transparent\] {
  background-color: transparent;
}
.bg-\[var\(--bg-account-overview-v2\)\] {
  background-color: var(--bg-account-overview-v2);
}
.bg-\[var\(--bg-bank-invoice-slip\)\] {
  background-color: var(--bg-bank-invoice-slip);
}
.bg-\[var\(--bg-block-promotion-payment\)\] {
  background-color: var(--bg-block-promotion-payment);
}
.bg-\[var\(--bg-head-table-promotion-vip\)\] {
  background-color: var(--bg-head-table-promotion-vip);
}
.bg-\[var\(--bg-head-table-promotion-vip-title\)\] {
  background-color: var(--bg-head-table-promotion-vip-title);
}
.bg-\[var\(--bg-verify-info-v2\)\] {
  background-color: var(--bg-verify-info-v2);
}
.bg-accent-danger-toast-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 234 233 / var(--tw-bg-opacity, 1));
}
.bg-accent-positive-element {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-accent-positive-toast-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(193 255 212 / var(--tw-bg-opacity, 1));
}
.bg-accent-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-accent-warning-toast-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 224 / var(--tw-bg-opacity, 1));
}
.bg-base-alpha-neutral-1 {
  background-color: #ffffff1a;
}
.bg-base-alpha-primary-1\/10 {
  background-color: rgba(10, 143, 155, 0.1);
}
.bg-base-alpha-primary-2 {
  background-color: #0a8f9b4d;
}
.bg-base-alpha-primary-3 {
  background-color: #0078be80;
}
.bg-base-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-base-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-base-white {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-body-active {
  background-color: #0a8f9b1a;
}
.bg-body-body-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(14 17 27 / var(--tw-bg-opacity, 1));
}
.bg-body-body-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-body-body-light {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-body-element-default {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-body-footer-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-body-header-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(0 107 128 / var(--tw-bg-opacity, 1));
}
.bg-body-overlay {
  background-color: #000000b3;
}
.bg-body-popover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
}
.bg-body-popover-nested {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-button-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.bg-disable-disable {
  background-color: #f9f9f9b3;
}
.bg-disable-disable-element {
  --tw-bg-opacity: 1;
  background-color: rgb(173 173 173 / var(--tw-bg-opacity, 1));
}
.bg-disable-disable-overlay {
  background-color: #00000014;
}
.bg-input-normal-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-p2p {
  --tw-bg-opacity: 1;
  background-color: rgb(31 43 73 / var(--tw-bg-opacity, 1));
}
.bg-section-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-section-active-overlay {
  background-color: #0a8f9b1a;
}
.bg-section-balance-element {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-section-container-nested {
  background-color: #0a8f9b1a;
}
.bg-section-container-sub {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-section-history,
.bg-section-history-sub {
  background-color: #ffffff80;
}
.bg-section-normal-nested {
  background-color: #00000080;
}
.bg-section-normal-overlay {
  background-color: #ffffff66;
}
.bg-section-normal-sub {
  --tw-bg-opacity: 1;
  background-color: rgb(214 232 232 / var(--tw-bg-opacity, 1));
}
.bg-section-qr-normal {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-section-section {
  --tw-bg-opacity: 1;
  background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
}
.bg-section-section-sub {
  background-color: #ffffff80;
}
.bg-section-tutorial,
.bg-tab-account {
  background-color: #ffffff66;
}
.bg-tab-account-active {
  background-color: #0a8f9b1a;
}
.bg-tab-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-tab-disable {
  background-color: #ffffff66;
}
.bg-tab-normal {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 102 / var(--tw-bg-opacity, 1));
}
.bg-tab-static-active {
  background-color: #0078be33;
}
.bg-tooltip-subtle {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-white\/5 {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}
.bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}
.bg-\[image\:var\(--bg-account-overview-v2\)\] {
  background-image: var(--bg-account-overview-v2);
}
.bg-\[image\:var\(--bg-verify-info-v2\)\] {
  background-image: var(--bg-verify-info-v2);
}
.bg-\[image\:var\(--bg-vip-badge\)\] {
  background-image: var(--bg-vip-badge);
}
.bg-\[linear-gradient\(137\.73deg\2c
  \#046A73_36\.55\%\2c
  rgba\(10\2c
  143\2c
  155\2c
  0\.3\)_44\.86\%\)\],
.bg-\[linear-gradient\(137\.73deg\2c
  \#046a73_36\.55\%\2c
  rgba\(10\2c
  143\2c
  155\2c
  0\.3\)_44\.86\%\)\] {
  background-image: linear-gradient(137.73deg, #046a73 36.55%, rgba(10, 143, 155, 0.3) 44.86%);
}
.bg-\[linear-gradient\(142\.25deg\2c \#FFF5C2_21\.82\%\2c \#D9AD0F_179\.7\%\)\] {
  background-image: linear-gradient(142.25deg, #fff5c2 21.82%, #d9ad0f 179.7%);
}
.bg-\[url\(\'\/images\/404\/bg-mb\.webp\'\)\] {
  background-image: url(/images/404/bg-mb.webp?v=2cae);
}
.bg-\[url\(\'\/images\/account\/bg-bank-item\.webp\'\)\] {
  background-image: url(/images/account/bg-bank-item.webp?v=2cae);
}
.bg-\[url\(\'\/images\/blue-active-button\.webp\'\)\] {
  background-image: url(/images/blue-active-button.webp?v=2cae);
}
.bg-\[url\(\'\/images\/float-jackpot\/bg-jackpot-dialog\.webp\'\)\] {
  background-image: url(/images/float-jackpot/bg-jackpot-dialog.webp?v=2cae);
}
.bg-\[url\(\'\/images\/float-jackpot\/icon-money-jackpot\.webp\'\)\] {
  background-image: url(/images/float-jackpot/icon-money-jackpot.webp?v=2cae);
}
.bg-\[url\(\'\/images\/footer\/active-nav\.webp\'\)\] {
  background-image: url(/images/footer/active-nav.png?v=2cae);
}
.bg-\[url\(\'\/images\/games\/bg-active-alias\.webp\'\)\] {
  background-image: url(/images/games/bg-active-alias.png?v=2cae);
}
.bg-\[url\(\'\/images\/games\/bg-default-alias-mb\.webp\'\)\] {
  background-image: url(/images/games/bg-default-alias-mb.png?v=2cae);
}
.bg-\[url\(\'\/images\/games\/bg-default-alias-pc\.webp\'\)\] {
  background-image: url(/images/games/bg-default-alias-pc.png?v=2cae);
}
.bg-\[url\(\'\/images\/icon-money-jackpot\.webp\'\)\] {
  background-image: url(/images/icon-money-jackpot.webp?v=2cae);
}
.bg-\[url\(\/images\/account\/bg-promotion-card\.webp\)\] {
  background-image: url(/images/account/bg-promotion-card.webp?v=2cae);
}
.bg-\[url\(\/images\/active-nav-bg\.webp\)\] {
  background-image: url(/images/active-nav-bg.png?v=2cae);
}
.bg-\[url\(\/images\/float-jackpot\/background-jackpot\.webp\)\] {
  background-image: url(/images/float-jackpot/background-jackpot.webp?v=2cae);
}
.bg-\[url\(\/images\/game-wrap\.webp\)\] {
  background-image: url(/images/game-wrap.webp?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus-1\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus-1.svg?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus-2\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus-2.svg?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus-3\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus-3.svg?v=2cae);
}
.bg-\[url\(\/images\/promotion\/bg-order-bonus\.svg\)\] {
  background-image: url(/images/promotion/bg-order-bonus.svg?v=2cae);
}
.bg-\[url\(\/images\/sport\/loading-background-mb\.webp\)\] {
  background-image: url(/images/sport/loading-background-mb.webp?v=2cae);
}
.bg-\[url\(\/images\/sport\/sport-background\.webp\)\] {
  background-image: url(/images/sport/sport-background.webp?v=2cae);
}
.bg-\[url\(\/images\/sport\/sport-schedule\/background-header\.webp\)\] {
  background-image: url(/images/sport/sport-schedule/background-header.webp?v=2cae);
}
.bg-custom-gradient-8 {
  background-image: linear-gradient(214.94deg, #34393d -101.44%, #42474d 109.81%);
}
.bg-none {
  background-image: none;
}
.bg-vip-rules-gradient {
  background-image: linear-gradient(180deg, #fff, #ebf9ff);
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-center {
  background-position: 50%;
}
.bg-left {
  background-position: 0;
}
.bg-top {
  background-position: top;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-accent-primary-light {
  fill: #00c8ff;
}
.fill-base-white {
  fill: #fcfcfc;
}
.fill-body-body-light,
.fill-tooltip-subtle {
  fill: #00c8ff;
}
.stroke-\[var\(--stroke-bank-menu-item\)\] {
  stroke: var(--stroke-bank-menu-item);
}
.stroke-body-body-light {
  stroke: #00c8ff;
}
.stroke-white {
  stroke: #fff;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
  object-fit: fill;
}
.\!p-0 {
  padding: 0 !important;
}
.p-0 {
  padding: 0;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[3\.5px\] {
  padding-left: 3.5px;
  padding-right: 3.5px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.py-0 {
  padding-bottom: 0;
  padding-top: 0;
}
.py-0\.5 {
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.py-1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.py-1\.5 {
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}
.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.py-2\.5 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
.py-3 {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.py-3\.5 {
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
}
.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.py-6 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.py-8 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.py-\[2px\] {
  padding-bottom: 2px;
  padding-top: 2px;
}
.py-\[8px\] {
  padding-bottom: 8px;
  padding-top: 8px;
}
.py-\[9px\] {
  padding-bottom: 9px;
  padding-top: 9px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[46px\] {
  padding-bottom: 46px;
}
.pb-\[66px\] {
  padding-bottom: 66px;
}
.pl-0 {
  padding-left: 0;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pl-\[50px\] {
  padding-left: 50px;
}
.pr-0 {
  padding-right: 0;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-11 {
  padding-right: 2.75rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[5px\] {
  padding-right: 5px;
}
.pr-\[6px\] {
  padding-right: 6px;
}
.pt-0 {
  padding-top: 0;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[calc\(20vh-120px\)\] {
  padding-top: calc(20vh - 120px);
}
.pt-\[calc\(75vh-120px\)\] {
  padding-top: calc(75vh - 120px);
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-middle {
  vertical-align: middle;
}
.font-primary {
  font-family: SFPro, SFPro fallback, sans-serif;
}
.font-secondary {
  font-family: BridgeType, BridgeType fallback, sans-serif;
}
.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xs {
  font-size: 10px;
  line-height: 14px;
}
.text-3xl {
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.text-3xs {
  font-size: 8px;
  line-height: 10px;
}
.text-4xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-5xl {
  font-size: 2rem;
  line-height: 2.5rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.85rem\] {
  font-size: 0.85rem;
}
.text-\[100px\] {
  font-size: 100px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-\[9px\] {
  font-size: 9px;
}
.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-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure)
    var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-3 {
  line-height: 0.75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-\[0\.5rem\] {
  line-height: 0.5rem;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[44px\] {
  line-height: 44px;
}
.leading-none {
  line-height: 1;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}
.tracking-\[0\.2px\] {
  letter-spacing: 0.2px;
}
.tracking-\[0\.3px\] {
  letter-spacing: 0.3px;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[0\.96px\] {
  letter-spacing: 0.96px;
}
.tracking-normal {
  letter-spacing: 0;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-input-error {
  --tw-text-opacity: 1 !important;
  color: rgb(240 76 68 / var(--tw-text-opacity, 1)) !important;
}
.\!text-search-input {
  --tw-text-opacity: 1 !important;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#11A95D\] {
  --tw-text-opacity: 1;
  color: rgb(17 169 93 / var(--tw-text-opacity, 1));
}
.text-\[\#1D1D1D\] {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-\[\#8A9099\] {
  --tw-text-opacity: 1;
  color: rgb(138 144 153 / var(--tw-text-opacity, 1));
}
.text-\[\#B0B6BF\] {
  --tw-text-opacity: 1;
  color: rgb(176 182 191 / var(--tw-text-opacity, 1));
}
.text-\[\#F2F2F2\] {
  --tw-text-opacity: 1;
  color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}
.text-\[\#F48B13\] {
  --tw-text-opacity: 1;
  color: rgb(244 139 19 / var(--tw-text-opacity, 1));
}
.text-\[\#FB9221\] {
  --tw-text-opacity: 1;
  color: rgb(251 146 33 / var(--tw-text-opacity, 1));
}
.text-\[\#FFE14D\] {
  --tw-text-opacity: 1;
  color: rgb(255 225 77 / var(--tw-text-opacity, 1));
}
.text-\[transparent\] {
  color: transparent;
}
.text-\[var\(--bg-bullet-cancel-promotion-dialog\)\] {
  color: var(--bg-bullet-cancel-promotion-dialog);
}
.text-\[var\(--btn-copy\)\] {
  color: var(--btn-copy);
}
.text-\[var\(--level-vip\)\] {
  color: var(--level-vip);
}
.text-\[var\(--tab-history-inactive\)\] {
  color: var(--tab-history-inactive);
}
.text-\[var\(--text-404\)\] {
  color: var(--text-404);
}
.text-\[var\(--text-404-subtitle\)\] {
  color: var(--text-404-subtitle);
}
.text-\[var\(--text-content-block-promotion\)\] {
  color: var(--text-content-block-promotion);
}
.text-\[var\(--text-head-table-promotion-vip\)\] {
  color: var(--text-head-table-promotion-vip);
}
.text-\[var\(--text-info-account-overview-v2\)\] {
  color: var(--text-info-account-overview-v2);
}
.text-\[var\(--text-pagination-item-active\)\] {
  color: var(--text-pagination-item-active);
}
.text-\[var\(--text-remaining-second\)\] {
  color: var(--text-remaining-second);
}
.text-\[var\(--text-tooltip-account-overview-v2\)\] {
  color: var(--text-tooltip-account-overview-v2);
}
.text-\[var\(--text-user-account-mb\)\] {
  color: var(--text-user-account-mb);
}
.text-\[var\(--text-user-balance-mb\)\] {
  color: var(--text-user-balance-mb);
}
.text-\[var\(--text-vip-badge\)\] {
  color: var(--text-vip-badge);
}
.text-accent-danger-element,
.text-accent-danger-toast {
  --tw-text-opacity: 1;
  color: rgb(240 76 68 / var(--tw-text-opacity, 1));
}
.text-accent-jackpot-element {
  --tw-text-opacity: 1;
  color: rgb(244 139 19 / var(--tw-text-opacity, 1));
}
.text-accent-jackpot-light {
  --tw-text-opacity: 1;
  color: rgb(255 218 68 / var(--tw-text-opacity, 1));
}
.text-accent-link-element,
.text-accent-positive-element,
.text-accent-positive-toast {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-accent-primary-element {
  --tw-text-opacity: 1;
  color: rgb(230 241 242 / var(--tw-text-opacity, 1));
}
.text-accent-refund-element {
  --tw-text-opacity: 1;
  color: rgb(74 74 242 / var(--tw-text-opacity, 1));
}
.text-accent-tie-element {
  --tw-text-opacity: 1;
  color: rgb(254 108 81 / var(--tw-text-opacity, 1));
}
.text-accent-tip-element {
  --tw-text-opacity: 1;
  color: rgb(0 119 216 / var(--tw-text-opacity, 1));
}
.text-accent-warning-element {
  --tw-text-opacity: 1;
  color: rgb(234 148 0 / var(--tw-text-opacity, 1));
}
.text-accent-warning-toast {
  --tw-text-opacity: 1;
  color: rgb(244 139 19 / var(--tw-text-opacity, 1));
}
.text-base-black {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-base-primary-light {
  --tw-text-opacity: 1;
  color: rgb(61 185 196 / var(--tw-text-opacity, 1));
}
.text-base-secondary {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-base-white {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-body-active {
  color: #0a8f9b1a;
}
.text-body-element-default {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-body-element-invert {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-body-element-paragraph {
  --tw-text-opacity: 1;
  color: rgb(170 204 204 / var(--tw-text-opacity, 1));
}
.text-body-element-subtle {
  --tw-text-opacity: 1;
  color: rgb(214 232 232 / var(--tw-text-opacity, 1));
}
.text-button-disable-element {
  color: #ffffff80;
}
.text-button-element {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-button-primary {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-button-secondary {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-disable-disable-element {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.text-disable-maintenance-block {
  --tw-text-opacity: 1;
  color: rgb(131 131 131 / var(--tw-text-opacity, 1));
}
.text-input-error {
  --tw-text-opacity: 1;
  color: rgb(240 76 68 / var(--tw-text-opacity, 1));
}
.text-input-highlight {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.text-input-icon {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-input-normal-element {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.text-section-active {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-section-active-element {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-section-active-nested {
  --tw-text-opacity: 1;
  color: rgb(79 136 141 / var(--tw-text-opacity, 1));
}
.text-section-active-overlay {
  color: #0a8f9b1a;
}
.text-section-active-sub {
  --tw-text-opacity: 1;
  color: rgb(18 136 147 / var(--tw-text-opacity, 1));
}
.text-section-container-sub {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-section-list-icon,
.text-section-list-text {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-section-normal {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-section-normal-element {
  --tw-text-opacity: 1;
  color: rgb(44 44 44 / var(--tw-text-opacity, 1));
}
.text-section-normal-nested {
  color: #00000080;
}
.text-section-normal-sub {
  --tw-text-opacity: 1;
  color: rgb(214 232 232 / var(--tw-text-opacity, 1));
}
.text-section-qr-element {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-sidemenu-account-info-text-v2 {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-tab-account-active-element {
  --tw-text-opacity: 1;
  color: rgb(18 136 147 / var(--tw-text-opacity, 1));
}
.text-tab-account-normal-element {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.text-tab-account-subtle {
  --tw-text-opacity: 1;
  color: rgb(110 110 110 / var(--tw-text-opacity, 1));
}
.text-tab-active {
  --tw-text-opacity: 1;
  color: rgb(0 200 255 / var(--tw-text-opacity, 1));
}
.text-tab-disable-element {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.text-tab-normal-element,
.text-tab-static-normal-element,
.text-tooltip-element {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.text-tooltip-primary {
  --tw-text-opacity: 1;
  color: rgb(61 185 196 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.\!caret-base-white {
  caret-color: #fcfcfc !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-90 {
  opacity: 0.9;
}
.bg-blend-luminosity {
  background-blend-mode: luminosity;
}
.shadow-\[-8px_0px_0px_1px_\#F48B13\] {
  --tw-shadow: -8px 0px 0px 1px #f48b13;
  --tw-shadow-colored: -8px 0px 0px 1px var(--tw-shadow-color);
}
.shadow-\[-8px_0px_0px_1px_\#F48B13\],
.shadow-\[0_0_10px_0_\#00000029\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0_0_10px_0_\#00000029\] {
  --tw-shadow: 0 0 10px 0 #00000029;
  --tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);
}
.shadow-\[0px_0px_10px_0px_\#00000029\] {
  --tw-shadow: 0px 0px 10px 0px #00000029;
  --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color);
}
.shadow-\[0px_0px_10px_0px_\#00000029\],
.shadow-\[0px_0px_16px_0px_\#0000004D\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0px_0px_16px_0px_\#0000004D\] {
  --tw-shadow: 0px 0px 16px 0px #0000004d;
  --tw-shadow-colored: 0px 0px 16px 0px var(--tw-shadow-color);
}
.shadow-dropdown {
  --tw-shadow: 0px 0px 8px 0.5px #0000001a;
  --tw-shadow-colored: 0px 0px 8px 0.5px var(--tw-shadow-color);
}
.shadow-dropdown,
.shadow-headerBottom {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-headerBottom {
  --tw-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-lg,
.shadow-md {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.shadow-none,
.shadow-rateOdds {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-rateOdds {
  --tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
}
.shadow-roundedBorder {
  --tw-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
  --tw-shadow-colored: 0px 0px 16px 0px var(--tw-shadow-color);
}
.shadow-roundedBorder,
.shadow-sm {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0;
}
.outline-1 {
  outline-width: 1px;
}
.outline-\[\#F48B13\] {
  outline-color: #f48b13;
}
.outline-transparent {
  outline-color: transparent;
}
.ring-offset-input-focus {
  --tw-ring-offset-color: #0a8f9b;
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.blur-\[6px\] {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\] {
  --tw-blur: blur(6px);
}
.brightness-100 {
  --tw-brightness: brightness(1);
}
.brightness-100,
.brightness-200 {
  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-200 {
  --tw-brightness: brightness(2);
}
.contrast-\[0\.8\] {
  --tw-contrast: contrast(0.8);
}
.contrast-\[0\.8\],
.grayscale {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
}
.grayscale-\[0\.8\] {
  --tw-grayscale: grayscale(0.8);
}
.grayscale-\[0\.8\],
.grayscale-\[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);
}
.grayscale-\[1\] {
  --tw-grayscale: grayscale(1);
}
.invert {
  --tw-invert: invert(100%);
}
.invert,
.sepia {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
    var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
}
.backdrop-blur-\[2px\],
.backdrop-blur-\[32px\] {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[32px\] {
  --tw-backdrop-blur: blur(32px);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-sm,
.backdrop-blur-xl {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
}
.backdrop-opacity-50 {
  --tw-backdrop-opacity: opacity(0.5);
}
.backdrop-filter,
.backdrop-opacity-50 {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all {
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-colors {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.delay-1000 {
  transition-delay: 1s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-700 {
  transition-duration: 0.7s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.will-change-transform {
  will-change: transform;
}
.content-\[\'\2022\'\] {
  --tw-content: '•';
  content: var(--tw-content);
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
      scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
      rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
      scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
      rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-duration: 0.15s;
  animation-name: enter;
  --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;
}
.zoom-in-95 {
  --tw-enter-scale: 0.95;
}
.slide-in-from-top-48 {
  --tw-enter-translate-y: -12rem;
}
.duration-100 {
  animation-duration: 0.1s;
}
.duration-1000 {
  animation-duration: 1s;
}
.duration-200 {
  animation-duration: 0.2s;
}
.duration-300 {
  animation-duration: 0.3s;
}
.duration-500 {
  animation-duration: 0.5s;
}
.duration-700 {
  animation-duration: 0.7s;
}
.delay-1000 {
  animation-delay: 1s;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar {
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
  scrollbar-width: auto;
}
.scrollbar::-webkit-scrollbar {
  display: block;
  height: var(--scrollbar-height, 16px);
  width: var(--scrollbar-width, 16px);
}
.scrollbar-thin::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar-thin::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar-thin {
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
  scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
  display: block;
  height: 8px;
  width: 8px;
}
.scrollbar-track-transparent {
  --scrollbar-track: transparent;
}
.flex-center,
.flex-col-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.flex-col-center {
  flex-direction: column;
}
.flex-justify-between {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.cbg-sidemenu-account-bg-v2 {
  background-color: #0078be80;
}
.nuxt-icon.nuxt-svgo {
  margin-bottom: 0;
}
.absolute-center {
  left: 50%;
  position: absolute;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.mask-fade-right {
  -webkit-mask-image: linear-gradient(90deg, #fff 70%, transparent);
  mask-image: linear-gradient(90deg, #fff 70%, transparent);
}
.swiper-button-prev--game-provider {
  background: linear-gradient(270deg, rgba(11, 8, 7, 0), #0b0807);
  justify-content: flex-start;
  left: 0;
}
.swiper-button-next--game-provider,
.swiper-button-prev--game-provider {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  width: 2.5rem;
  z-index: 15;
}
.swiper-button-next--game-provider {
  background: linear-gradient(270deg, #0b0807, rgba(11, 8, 7, 0));
  justify-content: flex-end;
  right: 0;
}
.number-float-icon-jackpot {
  background: linear-gradient(0deg, #de7e00 7.61%, #fdfe86 50.04%, #ff981a 89.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.number-float-icon-jackpot:before {
  background: -webkit-linear-gradient(180deg, #d52723, #640004);
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color: #232d2d;
  content: attr(data-text);
  position: absolute;
  z-index: -1;
}
.text-float-icon-jackpot {
  animation: zoomInOutEffect;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  transform-origin: center;
}
.hidden-scrollbar {
  scrollbar-width: none;
}
.hidden-scrollbar::-webkit-scrollbar {
  display: none;
}
@keyframes zoomInOutEffect {
  0% {
    transform: translateY(-50%) translateX(-50%) scale(1);
  }
  50% {
    transform: translateY(-50%) translateX(-50%) scale(1.25);
  }
  to {
    transform: translateY(-50%) translateX(-50%) scale(1);
  }
}
.light-floating {
  animation: lightFloating;
  animation-delay: 0.5s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  border-radius: 20px;
  transform-origin: center;
}
@keyframes lightFloating {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
  }
}
.left-coin {
  left: -2px;
  top: -4px;
}
.left-coin,
.right-coin {
  animation: floatingCoin 2s ease-in-out infinite;
}
.right-coin {
  animation-delay: 0.5s;
  right: 8px;
  top: -10px;
}
@keyframes floatingCoin {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
.\[-webkit-backface-visibility\:hidden\] {
  -webkit-backface-visibility: hidden;
}
.\[backface-visibility\:hidden\] {
  backface-visibility: hidden;
}
.\[perspective\:1000px\] {
  perspective: 1000px;
}
.\[touch-action\:manipulation\] {
  touch-action: manipulation;
}
.\[transform-style\:preserve-3d\] {
  transform-style: preserve-3d;
}
.\[transform\:rotateY\(180deg\)\] {
  transform: rotateY(180deg);
}
.\[will-change\:opacity\] {
  will-change: opacity;
}
.\[will-change\:transform\] {
  will-change: transform;
}
.fade-enter-active,
.fade-leave-active {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.file\:border-0::file-selector-button {
  border-width: 0;
}
.file\:bg-\[transparent\]::file-selector-button {
  background-color: transparent;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-input-placeholder::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.placeholder\:text-input-placeholder::placeholder {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.placeholder\:text-section-normal::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.placeholder\:text-section-normal::placeholder {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}
.before\:-left-1\/2:before {
  content: var(--tw-content);
  left: -50%;
}
.before\:-top-1\/2:before {
  content: var(--tw-content);
  top: -50%;
}
.before\:left-0:before {
  content: var(--tw-content);
  left: 0;
}
.before\:right-0:before {
  content: var(--tw-content);
  right: 0;
}
.before\:top-0:before {
  content: var(--tw-content);
  top: 0;
}
.before\:top-\[calc\(50\%_-_20px\)\]:before {
  content: var(--tw-content);
  top: calc(50% - 20px);
}
.before\:top-\[calc\(50\%_-_24px\)\]:before {
  content: var(--tw-content);
  top: calc(50% - 24px);
}
.before\:z-\[-1\]:before {
  content: var(--tw-content);
  z-index: -1;
}
.before\:z-\[1\]:before {
  content: var(--tw-content);
  z-index: 1;
}
.before\:z-image-behind-overlay:before {
  content: var(--tw-content);
  z-index: 30;
}
.before\:hidden:before {
  content: var(--tw-content);
  display: none;
}
.before\:size-\[200\%\]:before {
  content: var(--tw-content);
  height: 200%;
  width: 200%;
}
.before\:size-full:before {
  content: var(--tw-content);
  height: 100%;
  width: 100%;
}
.before\:h-1\.5:before {
  content: var(--tw-content);
  height: 0.375rem;
}
.before\:h-2:before {
  content: var(--tw-content);
  height: 0.5rem;
}
.before\:h-\[70px\]:before {
  content: var(--tw-content);
  height: 70px;
}
.before\:h-\[9px\]:before {
  content: var(--tw-content);
  height: 9px;
}
.before\:w-1\/2:before {
  content: var(--tw-content);
  width: 50%;
}
.before\:w-20:before {
  content: var(--tw-content);
  width: 5rem;
}
.before\:w-4:before {
  content: var(--tw-content);
  width: 1rem;
}
.before\:-translate-y-1\/2:before {
  --tw-translate-y: -50%;
}
.before\:-translate-y-1\/2:before,
.before\:transform:before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
@keyframes rotation {
  0% {
    content: var(--tw-content);
    transform: rotate(0deg);
  }
  to {
    content: var(--tw-content);
    transform: rotate(-1turn);
  }
}
.before\:animate-rotate-glow:before {
  animation: rotation 4s linear infinite;
  content: var(--tw-content);
}
.before\:rounded-xl:before {
  border-radius: 0.75rem;
  content: var(--tw-content);
}
.before\:border-2:before {
  border-width: 2px;
  content: var(--tw-content);
}
.before\:border-solid:before {
  border-style: solid;
  content: var(--tw-content);
}
.before\:bg-base-primary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.before\:bg-\[url\(\/images\/account\/bg-account-overview\.webp\)\]:before {
  background-image: url(/images/account/bg-account-overview.webp?v=2cae);
  content: var(--tw-content);
}
.before\:bg-\[url\(\/images\/vip\/light\.webp\)\]:before {
  background-image: url(/images/vip/light.webp?v=2cae);
  content: var(--tw-content);
}
.before\:bg-contain:before {
  background-size: contain;
  content: var(--tw-content);
}
.before\:bg-cover:before {
  background-size: cover;
  content: var(--tw-content);
}
.before\:bg-right-top:before {
  background-position: 100% 0;
  content: var(--tw-content);
}
.before\:bg-no-repeat:before {
  background-repeat: no-repeat;
  content: var(--tw-content);
}
.before\:content-\[\'\'\]:before {
  --tw-content: '';
  content: var(--tw-content);
}
.before\:content-\[url\(\/images\/avatar\/hamberge\.svg\)\]:before {
  --tw-content: url(/images/avatar/hamberge.svg?v=2cae);
  content: var(--tw-content);
}
.before\:absolute-center:before {
  content: var(--tw-content);
  left: 50%;
  position: absolute;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:left-0:after {
  content: var(--tw-content);
  left: 0;
}
.after\:right-0:after {
  content: var(--tw-content);
  right: 0;
}
.after\:right-3:after {
  content: var(--tw-content);
  right: 0.75rem;
}
.after\:top-0:after {
  content: var(--tw-content);
  top: 0;
}
.after\:top-\[calc\(50\%_-_20px\)\]:after {
  content: var(--tw-content);
  top: calc(50% - 20px);
}
.after\:top-\[calc\(50\%_-_24px\)\]:after {
  content: var(--tw-content);
  top: calc(50% - 24px);
}
.after\:z-200:after {
  content: var(--tw-content);
  z-index: 200;
}
.after\:h-1\.5:after {
  content: var(--tw-content);
  height: 0.375rem;
}
.after\:h-\[155px\]:after {
  content: var(--tw-content);
  height: 155px;
}
.after\:h-\[9px\]:after {
  content: var(--tw-content);
  height: 9px;
}
.after\:h-full:after {
  content: var(--tw-content);
  height: 100%;
}
.after\:w-1\/2:after {
  content: var(--tw-content);
  width: 50%;
}
.after\:w-1\/4:after {
  content: var(--tw-content);
  width: 25%;
}
.after\:w-\[2px\]:after {
  content: var(--tw-content);
  width: 2px;
}
.after\:-translate-y-1\/2:after {
  --tw-translate-y: -50%;
}
.after\:-translate-y-1\/2:after,
.after\:transform:after {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.after\:rounded-r-2xl:after {
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  content: var(--tw-content);
}
.after\:border-b-\[6px\]:after {
  border-bottom-width: 6px;
  content: var(--tw-content);
}
.after\:border-r-\[6px\]:after {
  border-right-width: 6px;
  content: var(--tw-content);
}
.after\:border-t-\[6px\]:after {
  border-top-width: 6px;
  content: var(--tw-content);
}
.after\:border-b-base-primary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.after\:border-r-base-primary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-right-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.after\:border-t-base-primary:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.after\:bg-base-primary:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.after\:content-\[\\\'\\\'\]:after {
  --tw-content: \'\';
  content: var(--tw-content);
}
.first\:col-span-2:first-child {
  grid-column: span 2 / span 2;
}
.first\:col-span-3:first-child {
  grid-column: span 3 / span 3;
}
.last\:col-span-2:last-child {
  grid-column: span 2 / span 2;
}
.last\:-col-end-1:last-child {
  grid-column-end: -1;
}
.last\:mb-0:last-child {
  margin-bottom: 0;
}
.last\:mr-0:last-child {
  margin-right: 0;
}
.last\:border-0:last-child {
  border-width: 0;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0;
}
.last\:pr-4:last-child {
  padding-right: 1rem;
}
.odd\:bg-\[\#213F7B\]\/5:nth-child(odd) {
  background-color: rgba(33, 63, 123, 0.05);
}
.even\:bg-section-section:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
}
.focus-within\:border-\[red\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity, 1));
}
.focus-within\:border-input-focus:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.focus-within\:shadow-input:focus-within {
  --tw-shadow: 0px 0px 0px 2px rgba(13, 171, 185, 0.25);
  --tw-shadow-colored: 0px 0px 0px 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);
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width)
    var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width))
    var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-base-alpha-primary-3:focus-within {
  --tw-ring-color: #0078be80;
}
@media (hover: hover) and (pointer: fine) {
  .hover\:w-28:hover {
    width: 7rem;
  }
  .hover\:cursor-pointer:hover {
    cursor: pointer;
  }
  .hover\:border-accent-positive-element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
  }
  .hover\:border-base-alpha-neutral-2:hover {
    border-color: #ffffff4d;
  }
  .hover\:border-input-focus:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
  }
  .hover\:border-tab-account-active-element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
  }
  .hover\:border-tab-active-element:hover {
    --tw-border-opacity: 1;
    border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
  }
  .hover\:border-tab-subtle:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
  }
  .hover\:border-transparent:hover {
    border-color: transparent;
  }
  .hover\:\!bg-accent-danger-element:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 76 68 / var(--tw-bg-opacity, 1)) !important;
  }
  .hover\:bg-\[\#0078be80\]:hover {
    background-color: #0078be80;
  }
  .hover\:bg-base-alpha-neutral-2:hover {
    background-color: #ffffff4d;
  }
  .hover\:bg-base-alpha-primary-3:hover {
    background-color: #0078be80;
  }
  .hover\:bg-body-active:hover {
    background-color: #0a8f9b1a;
  }
  .hover\:bg-body-body-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-button-primary-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 110 175 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-section-active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-section-active-overlay:hover,
  .hover\:bg-tab-account-active:hover {
    background-color: #0a8f9b1a;
  }
  .hover\:bg-tab-active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-tab-static:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-white\/0:hover {
    background-color: hsla(0, 0%, 100%, 0);
  }
  .hover\:bg-white\/5:hover {
    background-color: hsla(0, 0%, 100%, 0.05);
  }
  .hover\:bg-\[url\(\/images\/active-nav-bg\.webp\)\]:hover {
    background-image: url(/images/active-nav-bg.png?v=2cae);
  }
  .hover\:bg-none:hover {
    background-image: none;
  }
  .hover\:text-\[\#FB9221\]:hover {
    --tw-text-opacity: 1;
    color: rgb(251 146 33 / var(--tw-text-opacity, 1));
  }
  .hover\:text-base-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(0 229 255 / var(--tw-text-opacity, 1));
  }
  .hover\:text-body-element-default:hover {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .hover\:text-section-active-sub:hover,
  .hover\:text-tab-account-active-element:hover {
    --tw-text-opacity: 1;
    color: rgb(18 136 147 / var(--tw-text-opacity, 1));
  }
  .hover\:text-tab-active-element:hover,
  .hover\:text-tab-normal-element:hover,
  .hover\:text-tab-static-active-element:hover {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:opacity-100:hover {
    opacity: 1;
  }
  .hover\:opacity-70:hover {
    opacity: 0.7;
  }
  .hover\:outline-\[\#F48B13\]:hover {
    outline-color: #f48b13;
  }
  .hover\:outline-white\/0:hover {
    outline-color: hsla(0, 0%, 100%, 0);
  }
  .hover\:outline-white\/10:hover {
    outline-color: hsla(0, 0%, 100%, 0.1);
  }
  .hover\:brightness-\[1\.15\]:hover {
    --tw-brightness: brightness(1.15);
    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\:after\:bg-base-secondary:hover:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
}
.focus\:text-base-secondary:focus {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.focus\:placeholder-\[transparent\]:focus::-moz-placeholder {
  color: transparent;
}
.focus\:placeholder-\[transparent\]:focus::placeholder {
  color: transparent;
}
.focus\:placeholder-transparent:focus::-moz-placeholder {
  color: transparent;
}
.focus\:placeholder-transparent:focus::placeholder {
  color: transparent;
}
.focus\:caret-input-normal-element:focus {
  caret-color: #1d1d1d;
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width)
    var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width))
    var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:bg-section-section-sub:focus-visible {
  background-color: #ffffff80;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-0: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(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-1: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(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-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-input-focus:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 229 255 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.active\:bg-none:active {
  background-image: none;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:hidden:disabled {
  display: none;
}
.disabled\:cursor-auto:disabled {
  cursor: auto;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-\[\#303438\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(48 52 56 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-body-active:disabled {
  background-color: #0a8f9b1a;
}
.disabled\:bg-transparent:disabled {
  background-color: transparent;
}
.disabled\:text-\[var\(--text-input-disabled\)\]:disabled {
  color: var(--text-input-disabled);
}
.disabled\:text-\[var\(--text-pagination-item-inactive\)\]:disabled {
  color: var(--text-pagination-item-inactive);
}
.disabled\:text-base-primary:disabled {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
}
.disabled\:text-button-disable:disabled {
  color: #2eb05580;
}
.disabled\:text-button-disable-element:disabled {
  color: #ffffff80;
}
.disabled\:text-input-placeholder:disabled {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.disabled\:text-section-active\/50:disabled {
  color: rgba(4, 101, 110, 0.5);
}
.disabled\:opacity-100:disabled {
  opacity: 1;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:last-child .group-last\:mr-0 {
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .group:hover .group-hover\:flex {
    display: flex;
  }
  .group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }
  .group:hover .group-hover\:scale-100,
  .group:hover .group-hover\:scale-105 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }
  .group\/sub-nav:hover .group-hover\/sub-nav\:bg-base-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
  .group:hover .group-hover\:bg-section-qr-element {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .group\/menu:hover .group-hover\/menu\:text-\[\#F2F2F2\] {
    --tw-text-opacity: 1;
    color: rgb(242 242 242 / var(--tw-text-opacity, 1));
  }
  .group\/menu:hover .group-hover\/menu\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .group\/sub-nav:hover .group-hover\/sub-nav\:text-base-secondary {
    --tw-text-opacity: 1;
    color: rgb(0 229 255 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-input-error {
    --tw-text-opacity: 1;
    color: rgb(240 76 68 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-section-active-element {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-section-qr-normal {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-tab-account-active-element {
    --tw-text-opacity: 1;
    color: rgb(18 136 147 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-tab-active-element,
  .group:hover .group-hover\:text-tab-normal-element {
    --tw-text-opacity: 1;
    color: rgb(252 252 252 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:opacity-100 {
    opacity: 1;
  }
  .group:hover .group-hover\:shadow-\[2px_0px_6px_0px_\#0000001A\] {
    --tw-shadow: 2px 0px 6px 0px #0000001a;
    --tw-shadow-colored: 2px 0px 6px 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);
  }
  .group:hover .group-hover\:blur-\[4px\] {
    --tw-blur: blur(4px);
  }
  .group:hover .group-hover\:blur-\[4px\],
  .group:hover .group-hover\:contrast-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);
  }
  .group:hover .group-hover\:contrast-100 {
    --tw-contrast: contrast(1);
  }
  .group:hover .group-hover\:\[transform\:rotateY\(180deg\)\] {
    transform: rotateY(180deg);
  }
}
.group:disabled .group-disabled\:text-\[\#42474D\] {
  --tw-text-opacity: 1;
  color: rgb(66 71 77 / var(--tw-text-opacity, 1));
}
.peer:checked ~ .peer-checked\:flex {
  display: flex;
}
.peer:checked ~ .peer-checked\:border-accent-positive-element {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-accent-positive-element {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[input\:disabled\]\:border-disable-disable-overlay:has(input:disabled) {
  border-color: #00000014;
}
.has-\[input\:disabled\]\:bg-disable-disable:has(input:disabled) {
  background-color: #f9f9f9b3;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[state\=collapsed\]\:mb-3[data-state='collapsed'] {
  margin-bottom: 0.75rem;
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe='cancel'] {
  --tw-translate-x: 0px;
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe='cancel'],
.data-\[swipe\=end\]\:translate-x-\[--radix-toast-swipe-end-x\][data-swipe='end'] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[--radix-toast-swipe-end-x\][data-swipe='end'] {
  --tw-translate-x: var(--radix-toast-swipe-end-x);
}
.data-\[swipe\=move\]\:translate-x-\[--radix-toast-swipe-move-x\][data-swipe='move'] {
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.data-\[active\=true\]\:border-tab-active-element[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:border-tab-account-active-element[data-state='active'] {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:border-transparent[data-state='active'] {
  border-color: transparent;
}
.data-\[state\=open\]\:border-input-focus[data-state='open'] {
  --tw-border-opacity: 1;
  border-color: rgb(0 229 255 / var(--tw-border-opacity, 1));
}
.data-\[state\=open\]\:border-tab-account-active-element[data-state='open'] {
  --tw-border-opacity: 1;
  border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
}
.data-\[active\=true\]\:bg-tab-active[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-tab-static[data-state='active'] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-body-active[data-state='checked'] {
  background-color: #0a8f9b1a;
}
.data-\[state\=checked\]\:bg-white\/5[data-state='checked'] {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.data-\[state\=expanded\]\:bg-white\/10[data-state='expanded'] {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.data-\[state\=open\]\:bg-body-active[data-state='open'] {
  background-color: #0a8f9b1a;
}
.data-\[state\=open\]\:bg-body-body-light[data-state='open'] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:bg-input-normal-bg[data-state='open'] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:bg-tab-account-active[data-state='open'] {
  background-color: #0a8f9b1a;
}
.data-\[active\=true\]\:text-tab-active-element[data-active='true'] {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:text-tab-account-active-element[data-state='active'] {
  --tw-text-opacity: 1;
  color: rgb(18 136 147 / var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:text-tab-static-active-element[data-state='active'],
.data-\[state\=checked\]\:text-body-element-default[data-state='checked'] {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-section-normal[data-state='checked'] {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=checked\]\:shadow-\[inset_4px_0_0_0_\#2189FF\][data-state='checked'] {
  --tw-shadow: inset 4px 0 0 0 #2189ff;
  --tw-shadow-colored: inset 4px 0 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);
}
.data-\[loaded\=true\]\:grayscale[data-loaded='true'] {
  --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);
}
.data-\[swipe\=move\]\:transition-none[data-swipe='move'] {
  transition-property: none;
}
.data-\[state\=closed\]\:duration-300[data-state='closed'] {
  transition-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state='open'] {
  transition-duration: 0.5s;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^='from-'],
.data-\[state\=open\]\:animate-in[data-state='open'],
.data-\[state\=visible\]\:animate-in[data-state='visible'] {
  animation-duration: 0.15s;
  animation-name: enter;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^='to-'],
.data-\[state\=closed\]\:animate-out[data-state='closed'],
.data-\[state\=hidden\]\:animate-out[data-state='hidden'],
.data-\[swipe\=end\]\:animate-out[data-swipe='end'] {
  animation-duration: 0.15s;
  animation-name: exit;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^='from-'] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^='to-'],
.data-\[state\=closed\]\:fade-out-0[data-state='closed'] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-80[data-state='closed'] {
  --tw-exit-opacity: 0.8;
}
.data-\[state\=hidden\]\:fade-out[data-state='hidden'] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state='open'],
.data-\[state\=visible\]\:fade-in[data-state='visible'] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state='closed'] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-90[data-state='open'] {
  --tw-enter-scale: 0.9;
}
.data-\[state\=open\]\:zoom-in-95[data-state='open'] {
  --tw-enter-scale: 0.95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion='from-end'] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion='from-start'] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion='to-end'] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion='to-start'] {
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side='bottom'] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side='left'] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side='right'] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side='top'] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state='closed'] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state='closed'] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state='closed'] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state='closed'],
.data-\[state\=closed\]\:slide-out-to-right[data-state='closed'] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state='closed'] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-48[data-state='closed'] {
  --tw-exit-translate-y: -12rem;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state='open'] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state='open'] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state='open'] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state='open'] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state='open'] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-48[data-state='open'] {
  --tw-enter-translate-y: -12rem;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state='open'] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=closed\]\:duration-300[data-state='closed'] {
  animation-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state='open'] {
  animation-duration: 0.5s;
}
.data-\[state\=checked\]\:after\:block[data-state='checked']:after {
  content: var(--tw-content);
  display: block;
}
.data-\[state\=checked\]\:after\:hidden[data-state='checked']:after {
  content: var(--tw-content);
  display: none;
}
.group\/row[data-state='expanded'] .group-data-\[state\=expanded\]\/row\:row-span-3 {
  grid-row: span 3 / span 3;
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:block,
.group\/row[data-state='expanded'] .group-data-\[state\=expanded\]\/row\:block {
  display: block;
}
.group\/table[data-state='collapsed'] .group-data-\[state\=collapsed\]\/table\:hidden {
  display: none;
}
.group\/table[data-state='collapsed'] .group-data-\[state\=collapsed\]\/table\:rotate-90 {
  --tw-rotate: 90deg;
}
.group[data-state='open'] .group-data-\[state\=open\]\:-rotate-180,
.group\/table[data-state='collapsed'] .group-data-\[state\=collapsed\]\/table\:rotate-90 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.group[data-state='open'] .group-data-\[state\=open\]\:-rotate-180 {
  --tw-rotate: -180deg;
}
.group[data-state='open'] .group-data-\[state\=open\]\:-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:border-body-body-light {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:border-body-element-default {
  --tw-border-opacity: 1;
  border-color: rgb(252 252 252 / var(--tw-border-opacity, 1));
}
.group[data-state='checked'] .group-data-\[state\=checked\]\:bg-white\/0 {
  background-color: hsla(0, 0%, 100%, 0);
}
.gradient .gradient\:rounded-\[6\.4px\] {
  border-radius: 6.4px;
}
.gradient .gradient\:rounded-\[9px\] {
  border-radius: 9px;
}
.gradient .gradient\:rounded-b-\[9px\] {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.gradient .gradient\:rounded-t-\[9px\] {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.gradient .gradient\:border {
  border-width: 1px;
}
.gradient .gradient\:border-none {
  border-style: none;
}
.gradient .gradient\:\!border-base-alpha-primary-1 {
  border-color: #0a8f9b1a !important;
}
.gradient .gradient\:border-base-alpha-primary-1 {
  border-color: #0a8f9b1a;
}
.gradient .gradient\:border-input-icon {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.gradient .gradient\:border-t-\[var\(--bg-tooltip-v2\)\] {
  border-top-color: var(--bg-tooltip-v2);
}
.gradient .gradient\:bg-\[\#716B63\] {
  --tw-bg-opacity: 1;
  background-color: rgb(113 107 99 / var(--tw-bg-opacity, 1));
}
.gradient .gradient\:bg-\[var\(--bg-tooltip-v2\)\] {
  background-color: var(--bg-tooltip-v2);
}
.gradient .gradient\:bg-base-alpha-neutral-2 {
  background-color: #ffffff4d;
}
.gradient .gradient\:fill-\[var\(--bg-tooltip-v2\)\] {
  fill: var(--bg-tooltip-v2);
}
.gradient .gradient\:fill-section-active {
  fill: #00c8ff;
}
.gradient .gradient\:stroke-section-active {
  stroke: #00c8ff;
}
.gradient .gradient\:p-px {
  padding: 1px;
}
.gradient .gradient\:text-\[var\(--text-hight-light\)\] {
  color: var(--text-hight-light);
}
.gradient .gradient\:text-\[var\(--text-tooltip\)\] {
  color: var(--text-tooltip);
}
.gradient .gradient\:text-accent-warning-element {
  --tw-text-opacity: 1;
  color: rgb(234 148 0 / var(--tw-text-opacity, 1));
}
.gradient .gradient\:text-base-black {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}
.gradient .gradient\:disabled\:opacity-100:disabled {
  opacity: 1;
}
.gradient
  .group[data-state='checked']
  .gradient\:group-data-\[state\=checked\]\:border-section-active {
  --tw-border-opacity: 1;
  border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
}
.gradient.light .gradient-light\:bg-base-alpha-primary-1 {
  background-color: #0a8f9b1a;
}
.gradient.light .gradient-light\:text-body-element-default {
  --tw-text-opacity: 1;
  color: rgb(252 252 252 / var(--tw-text-opacity, 1));
}
.gradient.dark .gradient-dark\:text-body-overlay {
  color: #000000b3;
}
@media not all and (min-width: 1312px) {
  .max-xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media not all and (min-width: 1016px) {
  .max-lg\:-mt-px {
    margin-top: -1px;
  }
  .max-lg\:h-1 {
    height: 0.25rem;
  }
  .max-lg\:h-16 {
    height: 4rem;
  }
  .max-lg\:w-full {
    width: 100%;
  }
  .max-lg\:min-w-\[318px\] {
    min-width: 318px;
  }
  .max-lg\:max-w-25 {
    max-width: 100px;
  }
  .max-lg\:flex-1 {
    flex: 1 1 0%;
  }
  .max-lg\:p-0 {
    padding: 0;
  }
  .max-lg\:py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
  .max-lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .max-lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .max-lg\:first\:sticky:first-child {
    position: sticky;
  }
  .max-lg\:first\:left-0:first-child {
    left: 0;
  }
  .max-lg\:first\:w-\[80px\]:first-child {
    width: 80px;
  }
  .max-lg\:first\:w-\[98px\]:first-child {
    width: 98px;
  }
  .max-lg\:first\:border-l-0:first-child {
    border-left-width: 0;
  }
  .max-lg\:first\:px-4:first-child {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-lg\:first\:py-1:first-child {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}
@media not all and (min-width: 784px) {
  .max-md\:h-\[100px\] {
    height: 100px;
  }
  .max-md\:w-\[80px\] {
    width: 80px;
  }
}
@media not all and (min-width: 604px) {
  .max-sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .max-sm\:w-full {
    width: 100%;
  }
  .max-sm\:bg-section-section {
    --tw-bg-opacity: 1;
    background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
  }
  .max-sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .max-sm\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .max-sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .max-sm\:pb-7 {
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 604px) {
  .sm\:bottom-0 {
    bottom: 0;
  }
  .sm\:left-1\/2 {
    left: 50%;
  }
  .sm\:top-auto {
    top: auto;
  }
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:w-11\/12 {
    width: 91.666667%;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-\[450px\] {
    max-width: 450px;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:rounded-l {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-2xs {
    font-size: 10px;
    line-height: 14px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state='open'] {
    --tw-enter-translate-y: 100%;
  }
}
@media (min-width: 784px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:mt-3 {
    margin-top: 0.75rem;
  }
  .md\:w-\[--radix-navigation-menu-viewport-width\] {
    width: var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-\[50px\] {
    min-width: 50px;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-\[158px_auto_158px\] {
    grid-template-columns: 158px auto 158px;
  }
  .md\:grid-cols-\[repeat\(2\2c _50px\)\] {
    grid-template-columns: repeat(2, 50px);
  }
  .md\:grid-cols-\[repeat\(3\2c _50px\)\] {
    grid-template-columns: repeat(3, 50px);
  }
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }
  .md\:gap-y-4 {
    row-gap: 1rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:py-0\.5 {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1016px) {
  .lg\:relative {
    position: relative;
  }
  .lg\:-inset-\[22px\] {
    inset: -22px;
  }
  .lg\:\!bottom-5 {
    bottom: 1.25rem !important;
  }
  .lg\:-right-1\.5 {
    right: -0.375rem;
  }
  .lg\:-top-px {
    top: -1px;
  }
  .lg\:bottom-10 {
    bottom: 2.5rem;
  }
  .lg\:bottom-24 {
    bottom: 6rem;
  }
  .lg\:bottom-3 {
    bottom: 0.75rem;
  }
  .lg\:bottom-4 {
    bottom: 1rem;
  }
  .lg\:bottom-5 {
    bottom: 1.25rem;
  }
  .lg\:left-0 {
    left: 0;
  }
  .lg\:left-0\.5 {
    left: 0.125rem;
  }
  .lg\:left-1\/2 {
    left: 50%;
  }
  .lg\:left-3 {
    left: 0.75rem;
  }
  .lg\:left-3\.5 {
    left: 0.875rem;
  }
  .lg\:left-\[calc\(100vw-132px\)\] {
    left: calc(100vw - 132px);
  }
  .lg\:right-0 {
    right: 0;
  }
  .lg\:right-2 {
    right: 0.5rem;
  }
  .lg\:right-3 {
    right: 0.75rem;
  }
  .lg\:right-3\.5 {
    right: 0.875rem;
  }
  .lg\:right-4 {
    right: 1rem;
  }
  .lg\:right-\[-5px\] {
    right: -5px;
  }
  .lg\:right-\[-6px\] {
    right: -6px;
  }
  .lg\:right-\[14px\] {
    right: 14px;
  }
  .lg\:top-0 {
    top: 0;
  }
  .lg\:top-0\.5 {
    top: 0.125rem;
  }
  .lg\:top-1 {
    top: 0.25rem;
  }
  .lg\:top-2 {
    top: 0.5rem;
  }
  .lg\:top-4 {
    top: 1rem;
  }
  .lg\:top-5 {
    top: 1.25rem;
  }
  .lg\:top-80 {
    top: 20rem;
  }
  .lg\:top-\[148px\] {
    top: 148px;
  }
  .lg\:top-\[15px\] {
    top: 15px;
  }
  .lg\:top-\[18px\] {
    top: 18px;
  }
  .lg\:top-\[32\%\] {
    top: 32%;
  }
  .lg\:top-\[365px\] {
    top: 365px;
  }
  .lg\:top-\[9px\] {
    top: 9px;
  }
  .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:-mt-9 {
    margin-top: -2.25rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:mb-\[20px\] {
    margin-bottom: 20px;
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:mr-3 {
    margin-right: 0.75rem;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem;
  }
  .lg\:mt-3 {
    margin-top: 0.75rem;
  }
  .lg\:mt-4 {
    margin-top: 1rem;
  }
  .lg\:mt-5 {
    margin-top: 1.25rem;
  }
  .lg\:mt-6 {
    margin-top: 1.5rem;
  }
  .lg\:line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:\!aspect-\[172\/226\] {
    aspect-ratio: 172/226 !important;
  }
  .lg\:aspect-\[193\/193\] {
    aspect-ratio: 193/193;
  }
  .lg\:aspect-img-promotion-pc {
    aspect-ratio: 410/136;
  }
  .lg\:size-8 {
    height: 2rem;
    width: 2rem;
  }
  .lg\:size-\[144px\] {
    height: 144px;
    width: 144px;
  }
  .lg\:size-\[calc\(100\%-4px\)\] {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
  }
  .lg\:\!h-\[181px\] {
    height: 181px !important;
  }
  .lg\:h-1 {
    height: 0.25rem;
  }
  .lg\:h-10 {
    height: 2.5rem;
  }
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:h-14 {
    height: 3.5rem;
  }
  .lg\:h-16 {
    height: 4rem;
  }
  .lg\:h-20 {
    height: 5rem;
  }
  .lg\:h-28 {
    height: 7rem;
  }
  .lg\:h-4 {
    height: 1rem;
  }
  .lg\:h-5 {
    height: 1.25rem;
  }
  .lg\:h-6 {
    height: 1.5rem;
  }
  .lg\:h-7 {
    height: 1.75rem;
  }
  .lg\:h-8 {
    height: 2rem;
  }
  .lg\:h-9 {
    height: 2.25rem;
  }
  .lg\:h-\[133px\] {
    height: 133px;
  }
  .lg\:h-\[20px\] {
    height: 20px;
  }
  .lg\:h-\[22px\] {
    height: 22px;
  }
  .lg\:h-\[23px\] {
    height: 23px;
  }
  .lg\:h-\[260px\] {
    height: 260px;
  }
  .lg\:h-\[300px\] {
    height: 300px;
  }
  .lg\:h-\[30px\] {
    height: 30px;
  }
  .lg\:h-\[37px\] {
    height: 37px;
  }
  .lg\:h-\[38px\] {
    height: 38px;
  }
  .lg\:h-\[408px\] {
    height: 408px;
  }
  .lg\:h-\[46px\] {
    height: 46px;
  }
  .lg\:h-\[47px\] {
    height: 47px;
  }
  .lg\:h-\[48px\] {
    height: 48px;
  }
  .lg\:h-\[52px\] {
    height: 52px;
  }
  .lg\:h-\[54px\] {
    height: 54px;
  }
  .lg\:h-\[592px\] {
    height: 592px;
  }
  .lg\:h-\[60px\] {
    height: 60px;
  }
  .lg\:h-\[72px\] {
    height: 72px;
  }
  .lg\:h-\[75px\] {
    height: 75px;
  }
  .lg\:h-\[76px\] {
    height: 76px;
  }
  .lg\:h-\[80px\] {
    height: 80px;
  }
  .lg\:h-\[calc\(100\%-36px\)\] {
    height: calc(100% - 36px);
  }
  .lg\:h-\[calc\(100\%-60px\)\] {
    height: calc(100% - 60px);
  }
  .lg\:h-accountSubNav {
    height: var(--pc-account-sub-nav-height);
  }
  .lg\:max-h-\[574px\] {
    max-height: 574px;
  }
  .lg\:max-h-\[692px\] {
    max-height: 692px;
  }
  .lg\:max-h-\[767px\] {
    max-height: 767px;
  }
  .lg\:min-h-0 {
    min-height: 0;
  }
  .lg\:min-h-10 {
    min-height: 2.5rem;
  }
  .lg\:min-h-12 {
    min-height: 3rem;
  }
  .lg\:min-h-6 {
    min-height: 1.5rem;
  }
  .lg\:min-h-9 {
    min-height: 2.25rem;
  }
  .lg\:min-h-\[114px\] {
    min-height: 114px;
  }
  .lg\:min-h-\[180px\] {
    min-height: 180px;
  }
  .lg\:min-h-\[34px\] {
    min-height: 34px;
  }
  .lg\:min-h-\[36px\] {
    min-height: 36px;
  }
  .lg\:min-h-\[76px\] {
    min-height: 76px;
  }
  .lg\:min-h-\[calc\(100dvh-\(386px\+108px\)\)\] {
    min-height: calc(100dvh - 494px);
  }
  .lg\:\!w-\[181px\] {
    width: 181px !important;
  }
  .lg\:w-12 {
    width: 3rem;
  }
  .lg\:w-20 {
    width: 5rem;
  }
  .lg\:w-28 {
    width: 7rem;
  }
  .lg\:w-40 {
    width: 10rem;
  }
  .lg\:w-8 {
    width: 2rem;
  }
  .lg\:w-80 {
    width: 20rem;
  }
  .lg\:w-\[101px\] {
    width: 101px;
  }
  .lg\:w-\[102px\] {
    width: 102px;
  }
  .lg\:w-\[107px\] {
    width: 107px;
  }
  .lg\:w-\[118px\] {
    width: 118px;
  }
  .lg\:w-\[121px\] {
    width: 121px;
  }
  .lg\:w-\[126px\] {
    width: 126px;
  }
  .lg\:w-\[140px\] {
    width: 140px;
  }
  .lg\:w-\[200px\] {
    width: 200px;
  }
  .lg\:w-\[272px\] {
    width: 272px;
  }
  .lg\:w-\[410px\] {
    width: 410px;
  }
  .lg\:w-\[450px\] {
    width: 450px;
  }
  .lg\:w-\[500px\] {
    width: 500px;
  }
  .lg\:w-\[565px\] {
    width: 565px;
  }
  .lg\:w-\[566px\] {
    width: 566px;
  }
  .lg\:w-\[618px\] {
    width: 618px;
  }
  .lg\:w-\[62px\] {
    width: 62px;
  }
  .lg\:w-\[850px\] {
    width: 850px;
  }
  .lg\:w-\[92px\] {
    width: 92px;
  }
  .lg\:w-\[97px\] {
    width: 97px;
  }
  .lg\:w-\[calc\(100\%\+16px\)\] {
    width: calc(100% + 16px);
  }
  .lg\:w-\[calc\(100\%\+48px\)\] {
    width: calc(100% + 48px);
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:min-w-\[120px\] {
    min-width: 120px;
  }
  .lg\:min-w-\[168px\] {
    min-width: 168px;
  }
  .lg\:min-w-\[180px\] {
    min-width: 180px;
  }
  .lg\:min-w-\[400px\] {
    min-width: 400px;
  }
  .lg\:min-w-\[42px\] {
    min-width: 42px;
  }
  .lg\:min-w-min {
    min-width: -moz-min-content;
    min-width: min-content;
  }
  .lg\:max-w-\[274px\] {
    max-width: 274px;
  }
  .lg\:max-w-\[500px\] {
    max-width: 500px;
  }
  .lg\:max-w-\[566px\] {
    max-width: 566px;
  }
  .lg\:max-w-\[85\%\] {
    max-width: 85%;
  }
  .lg\:max-w-\[var\(--pc-search-dialog-width\)\] {
    max-width: var(--pc-search-dialog-width);
  }
  .lg\:max-w-max {
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
  .lg\:-translate-x-1\/2,
  .lg\:translate-y-1\/3 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .lg\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
  }
  .lg\:translate-y-\[0\.5px\] {
    --tw-translate-y: 0.5px;
  }
  .lg\:translate-y-\[0\.5px\],
  .lg\:translate-y-\[17\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
      scaleY(var(--tw-scale-y));
  }
  .lg\:translate-y-\[17\%\] {
    --tw-translate-y: 17%;
  }
  .lg\:list-none {
    list-style-type: none;
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:gap-0 {
    gap: 0;
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:gap-2\.5 {
    gap: 0.625rem;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-9 {
    gap: 2.25rem;
  }
  .lg\:rounded-full {
    border-radius: 9999px;
  }
  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }
  .lg\:rounded-sm {
    border-radius: 4px;
  }
  .lg\:rounded-xl {
    border-radius: 0.75rem;
  }
  .lg\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .lg\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }
  .lg\:border-0 {
    border-width: 0;
  }
  .lg\:border-none {
    border-style: none;
  }
  .lg\:border-section-active-sub {
    --tw-border-opacity: 1;
    border-color: rgb(18 136 147 / var(--tw-border-opacity, 1));
  }
  .lg\:bg-\[\#171921\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 25 33 / var(--tw-bg-opacity, 1));
  }
  .lg\:bg-transparent {
    background-color: transparent;
  }
  .lg\:bg-\[url\(\'\/images\/404\/bg-pc\.webp\'\)\] {
    background-image: url(/images/404/bg-pc.webp?v=2cae);
  }
  .lg\:bg-\[url\(\/images\/sport\/loading-background\.webp\)\] {
    background-image: url(/images/sport/loading-background.webp?v=2cae);
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-\[50px\] {
    padding-left: 50px;
    padding-right: 50px;
  }
  .lg\:px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px;
  }
  .lg\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .lg\:py-0\.5 {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
  }
  .lg\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .lg\:py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
  .lg\:py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .lg\:py-\[5px\] {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .lg\:pb-4 {
    padding-bottom: 1rem;
  }
  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem;
  }
  .lg\:pt-1\.5 {
    padding-top: 0.375rem;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem;
  }
  .lg\:pt-3 {
    padding-top: 0.75rem;
  }
  .lg\:pt-5 {
    padding-top: 1.25rem;
  }
  .lg\:pt-6 {
    padding-top: 1.5rem;
  }
  .lg\:pt-\[calc\(75vh-180px\)\] {
    padding-top: calc(75vh - 180px);
  }
  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-2xs {
    font-size: 10px;
    line-height: 14px;
  }
  .lg\:text-4xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-5xl {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .lg\:text-\[22px\] {
    font-size: 22px;
  }
  .lg\:text-\[24px\] {
    font-size: 24px;
  }
  .lg\:text-\[40px\] {
    font-size: 40px;
  }
  .lg\:text-\[46px\] {
    font-size: 46px;
  }
  .lg\:text-\[48px\] {
    font-size: 48px;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .lg\:font-bold {
    font-weight: 700;
  }
  .lg\:font-medium {
    font-weight: 500;
  }
  .lg\:font-normal {
    font-weight: 400;
  }
  .lg\:font-semibold {
    font-weight: 600;
  }
  .lg\:leading-5 {
    line-height: 1.25rem;
  }
  .lg\:leading-7 {
    line-height: 1.75rem;
  }
  .lg\:leading-8 {
    line-height: 2rem;
  }
  .lg\:leading-\[76px\] {
    line-height: 76px;
  }
  .lg\:text-body-element-invert {
    --tw-text-opacity: 1;
    color: rgb(29 29 29 / var(--tw-text-opacity, 1));
  }
  .lg\:text-section-active-sub {
    --tw-text-opacity: 1;
    color: rgb(18 136 147 / var(--tw-text-opacity, 1));
  }
  .lg\:text-section-normal {
    --tw-text-opacity: 1;
    color: rgb(29 29 29 / var(--tw-text-opacity, 1));
  }
  .lg\:text-section-normal-element {
    --tw-text-opacity: 1;
    color: rgb(44 44 44 / var(--tw-text-opacity, 1));
  }
  .lg\:flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .lg\:first\:col-span-1:first-child {
    grid-column: span 1 / span 1;
  }
  .lg\:first\:row-span-2:first-child {
    grid-row: span 2 / span 2;
  }
  @media (hover: hover) and (pointer: fine) {
    .lg\:hover\:border-button-primary-hover:hover {
      --tw-border-opacity: 1;
      border-color: rgb(232 72 72 / var(--tw-border-opacity, 1));
    }
    .lg\:hover\:border-button-secondary-hover:hover {
      --tw-border-opacity: 1;
      border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
    }
    .lg\:hover\:bg-base-primary:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:bg-button-primary-hover:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 110 175 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:bg-button-secondary-hover:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:bg-section-section:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
    }
    .lg\:hover\:text-base-secondary:hover {
      --tw-text-opacity: 1;
      color: rgb(0 229 255 / var(--tw-text-opacity, 1));
    }
    .lg\:hover\:text-button-primary-hover:hover {
      --tw-text-opacity: 1;
      color: rgb(232 72 72 / var(--tw-text-opacity, 1));
    }
    .lg\:hover\:text-button-secondary-hover:hover {
      --tw-text-opacity: 1;
      color: rgb(0 200 255 / var(--tw-text-opacity, 1));
    }
    .lg\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .lg\:active\:border-button-primary-hover:active {
    --tw-border-opacity: 1;
    border-color: rgb(232 72 72 / var(--tw-border-opacity, 1));
  }
  .lg\:active\:border-button-secondary-hover:active {
    --tw-border-opacity: 1;
    border-color: rgb(0 200 255 / var(--tw-border-opacity, 1));
  }
  .lg\:active\:bg-base-primary:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  }
  .lg\:active\:bg-button-secondary-hover:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  }
  .lg\:active\:bg-section-section:active {
    --tw-bg-opacity: 1;
    background-color: rgb(230 241 242 / var(--tw-bg-opacity, 1));
  }
  .lg\:active\:text-button-primary-hover:active {
    --tw-text-opacity: 1;
    color: rgb(232 72 72 / var(--tw-text-opacity, 1));
  }
  .lg\:active\:text-button-secondary-hover:active {
    --tw-text-opacity: 1;
    color: rgb(0 200 255 / var(--tw-text-opacity, 1));
  }
  .lg\:active\:underline:active {
    text-decoration-line: underline;
  }
  @media (hover: hover) and (pointer: fine) {
    .lg\:hover\:disabled\:no-underline:disabled:hover {
      text-decoration-line: none;
    }
  }
  .lg\:active\:disabled\:no-underline:disabled:active {
    text-decoration-line: none;
  }
}
@media (min-width: 1312px) {
  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.\[\&\:first-child\]\:rounded-t-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.\[\&\:first-child\]\:pl-2:first-child {
  padding-left: 0.5rem;
}
.\[\&\:first-child\]\:pl-4:first-child {
  padding-left: 1rem;
}
.\[\&\:first-child\]\:font-semibold:first-child {
  font-weight: 600;
}
.\[\&\:first-child\]\:before\:left-1\/2:first-child:before {
  content: var(--tw-content);
  left: 50%;
}
.\[\&\:first-child\]\:before\:w-0:first-child:before {
  content: var(--tw-content);
  width: 0;
}
.\[\&\:first-child\]\:before\:w-full:first-child:before {
  content: var(--tw-content);
  width: 100%;
}
.\[\&\:first-child\]\:before\:rounded-xl:first-child:before {
  border-radius: 0.75rem;
  content: var(--tw-content);
}
.\[\&\:last-child\]\:pr-3\.5:last-child {
  padding-right: 0.875rem;
}
.\[\&\:last-child\]\:pr-4:last-child {
  padding-right: 1rem;
}
.\[\&\:last-child\]\:text-right:last-child {
  text-align: right;
}
.\[\&\:last-child\]\:font-bold:last-child {
  font-weight: 700;
}
.\[\&\:last-child\]\:after\:w-0:last-child:after {
  content: var(--tw-content);
  width: 0;
}
.\[\&\>\*\]\:shrink-0 > * {
  flex-shrink: 0;
}
.\[\&\>\.prefix\]\:pr-0 > .prefix {
  padding-right: 0;
}
@media (min-width: 1016px) {
  .lg\:\[\&\>p\]\:h-\[22px\] > p {
    height: 22px;
  }
}
.\[\&\>svg\]\:size-4 > svg {
  height: 1rem;
  width: 1rem;
}
.\[\&\>svg\]\:shrink-0 > svg {
  flex-shrink: 0;
}
.\[\&\>video\]\:\!w-\[101\%\] > video {
  width: 101% !important;
}
.\[\&_\.countdown\]\:stroke-accent-danger-toast .countdown {
  stroke: #f04c44;
}
.\[\&_\.countdown\]\:stroke-accent-positive-toast .countdown {
  stroke: #2eb055;
}
.\[\&_\.countdown\]\:stroke-accent-warning-toast .countdown {
  stroke: #f48b13;
}
.\[\&_path\]\:fill-\[\#F9A62E\] path {
  fill: #f9a62e;
}
.\[\&_svg\]\:size-5 svg {
  height: 1.25rem;
  width: 1.25rem;
}
body.desktop {
  min-width: 1330px;
}
.customScrollbar::-webkit-scrollbar {
  background: transparent;
  height: 6px;
  width: 6px;
}
.customScrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.customScrollbar::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 16px;
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
  display: none;
}
.nuxt-icon {
  height: 1em;
  margin-bottom: 0.125em;
  vertical-align: middle;
  width: 1em;
}
.nuxt-icon--fill,
.nuxt-icon--fill * {
  fill: currentColor;
}
@keyframes countdown {
  to {
    stroke-dashoffset: 0px;
  }
}
input[data-v-84118224]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@keyframes mirror-52ecda7e {
  0% {
    left: -75%;
  }
  to {
    left: 125%;
  }
}
.mirror[data-v-52ecda7e]:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 50%;
  z-index: 40;
  --tw-skew-x: -25deg;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.3));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.mirror[data-v-52ecda7e]:hover:before {
  animation: mirror-52ecda7e 0.8s forwards;
  visibility: visible;
}
@charset "UTF-8";
.bullet-item[data-v-5b2e786d] {
  padding-left: 0.75rem;
  position: relative;
}
.bullet-item[data-v-5b2e786d]:before {
  font-size: 1.75rem;
  height: 100%;
  left: -0.25rem;
  line-height: 1.25rem;
  position: absolute;
  top: 0;
  --tw-text-opacity: 1;
  color: rgb(61 185 196 / var(--tw-text-opacity, 1));
  --tw-content: '•';
  content: var(--tw-content);
}
@media (min-width: 1016px) {
  .bullet-item[data-v-5b2e786d]:before {
    line-height: 1.5rem;
  }
}
.gradient-border-mask[data-v-7475430f] {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: relative;
}
.gradient-border-mask[data-v-7475430f]:before {
  background: linear-gradient(137.73deg, #2eb055 36.55%, rgba(4, 65, 70, 0.36) 44.86%) border-box;
  border: 3px solid transparent;
  border-radius: 12px;
  content: '';
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  z-index: 30;
}
.mobile-gradient-border-mask[data-v-7475430f]:before {
  border-radius: 8px;
}
[data-v-064e448b]::-webkit-scrollbar {
  width: 6px;
}
[data-v-064e448b]::-webkit-scrollbar,
[data-v-064e448b]::-webkit-scrollbar-track {
  background: transparent;
}
[data-v-064e448b]::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  border-radius: 8px;
}
@media screen and (max-width: 1023px) {
  .scrollListGame[data-v-064e448b]::-webkit-scrollbar {
    width: 0;
  }
  .scrollListGame[data-v-064e448b]::-webkit-scrollbar,
  .scrollListGame[data-v-064e448b]::-webkit-scrollbar-track {
    background: transparent;
    display: none;
    visibility: hidden;
  }
  .scrollListGame[data-v-064e448b]::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 8px;
  }
}
[data-v-7d8092f4]::-webkit-scrollbar {
  width: 8px;
}
[data-v-7d8092f4]::-webkit-scrollbar,
[data-v-7d8092f4]::-webkit-scrollbar-track {
  background: transparent;
}
[data-v-7d8092f4]::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(0 200 255 / var(--tw-bg-opacity, 1));
  border-radius: 8px;
}
@media screen and (max-width: 1023px) {
  .scrollListGame[data-v-7d8092f4]::-webkit-scrollbar {
    width: 0;
  }
  .scrollListGame[data-v-7d8092f4]::-webkit-scrollbar,
  .scrollListGame[data-v-7d8092f4]::-webkit-scrollbar-track {
    background: transparent;
    display: none;
    visibility: hidden;
  }
  .scrollListGame[data-v-7d8092f4]::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 8px;
  }
}
.active[data-v-c3b3821f],
.navbar[data-v-c3b3821f]:hover {
  background-size: 100% 100%;
}
.active[data-v-c3b3821f]:after,
.navbar[data-v-c3b3821f]:hover:after {
  content: '';
  height: 2px;
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  bottom: 0;
  opacity: 1;
  width: 100%;
}
.search-button[data-v-c3b3821f]:before {
  background-color: rgba(10, 143, 155, 0.102);
  content: '';
  height: 19.5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.primary-linear[data-v-c3b3821f] {
  background: linear-gradient(270.16deg, rgba(57, 98, 102, 0) -26.19%, #3ea1aa 81.91%);
}
.customSwiper[data-v-8785228c] .swiper-pagination {
  display: none;
  justify-content: center;
}
@media (min-width: 1016px) {
  .customSwiper[data-v-8785228c] .swiper-pagination {
    display: flex;
  }
}
.swiper-button-disabled[data-v-f0645013] {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-v-f0645013] .swiper-pagination {
  bottom: 0.625rem;
  display: flex;
  gap: 0.25rem;
  justify-content: flex-start;
  left: -3px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}
@media (min-width: 1016px) {
  [data-v-f0645013] .swiper-pagination {
    bottom: 1.25rem !important;
    gap: 0.5rem;
    left: 0;
  }
}
[data-v-f0645013] .swiper-pagination {
  max-width: 1312px;
}
[data-v-f0645013] .swiper-pagination-bullet {
  border-radius: 9999px;
  height: 0.125rem;
  width: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(214 232 232 / var(--tw-bg-opacity, 1));
  opacity: 1;
}
@media (min-width: 1016px) {
  [data-v-f0645013] .swiper-pagination-bullet {
    height: 0.25rem;
    width: 1.5rem;
  }
}
[data-v-f0645013] .swiper-pagination-bullet {
  margin: 0 !important;
}
[data-v-f0645013] .swiper-pagination-bullet-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 229 255 / var(--tw-bg-opacity, 1));
  opacity: 1;
}