@charset "UTF-8";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-bold: 700;
    --radius-xl: .75rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

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

@layer components;

@layer utilities {
  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-9 {
    top: calc(var(--spacing) * 9);
  }

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

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

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

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

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-7 {
    bottom: calc(var(--spacing) * 7);
  }

  .bottom-\[-3rem\] {
    bottom: -3rem;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

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

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

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

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

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

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

  .isolate {
    isolation: isolate;
  }

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

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

  .col-3 {
    grid-column: 3;
  }

  .col-4 {
    grid-column: 4;
  }

  .col-5 {
    grid-column: 5;
  }

  .col-6 {
    grid-column: 6;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .table {
    display: table;
  }

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

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

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

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

  .h-screen {
    height: 100vh;
  }

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

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

  .w-3\/4 {
    width: 75%;
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

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

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

  .w-full {
    width: 100%;
  }

  .w-screen {
    width: 100vw;
  }

  .flex-1 {
    flex: 1;
  }

  .grow {
    flex-grow: 1;
  }

  .table-auto {
    table-layout: auto;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .scale-1 {
    --tw-scale-x: 1%;
    --tw-scale-y: 1%;
    --tw-scale-z: 1%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-2 {
    --tw-scale-x: 2%;
    --tw-scale-y: 2%;
    --tw-scale-z: 2%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-3 {
    --tw-scale-x: 3%;
    --tw-scale-y: 3%;
    --tw-scale-z: 3%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

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

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

  .flex-row {
    flex-direction: row;
  }

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

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

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

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

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

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

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

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

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

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

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-slate-500 {
    border-color: var(--color-slate-500);
  }

  .border-slate-600 {
    border-color: var(--color-slate-600);
  }

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

  .bg-\[\#531919\] {
    background-color: #531919;
  }

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

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

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

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

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

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

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

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .text-\[\#907676\] {
    color: #907676;
  }

  .text-cyan-500 {
    color: var(--color-cyan-500);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-300 {
    color: var(--color-yellow-300);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

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

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

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

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}
@font-face {
  font-family: japanese-3017;
  src: url(/common/fonts/japanese-3017/japanese-3017.ttf);
}
@font-face {
  font-family: Constantia;
  src: url(/lobby/fonts/constan.ttf);
}
/* @font-face {
    font-family: planewalker-dings;
    src: url(/common/fonts/planewalker-dings/PlanewalkerDings-Pl9d.ttf);
} */
@font-face {
  font-family: horsemen;
  src: url(/common/fonts/horsemen/horsemen.otf);
}
@font-face {
  font-family: samurai-slot-game-cbdt;
  src: url(/common/fonts/samurai-slot-game/samurai-slot-game-cbdt.ttf);
}
@font-face {
  font-family: samurai-slot-game-sbix;
  src: url(/common/fonts/samurai-slot-game/samurai-slot-game-sbix.ttf);
}
.font-cinzel {
  font-family: Cinzel !important;
}

:root {
  --adjust-spd: 1;
  --user-spd: 1;
  --game-spd: calc(var(--adjust-spd) * var(--user-spd));
  --spin-spd: 1000ms;
  --menu-text: #8066FF;
  --content-background: #111318;
  --content-color: #8066FF;
}

body {
  font-size: 20px;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
}

.disable-select-text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#root {
  min-width: 100vw;
  min-height: 100vh;
}

.game-loading .react-layer {
  display: none;
}
.game-loading .setting-section {
  display: none;
}
.game-loading .hide-on-loading {
  display: none;
}

.toast-item {
  background: rgba(0, 0, 0, 0.75) !important;
  padding: 0.5rem 1rem 0;
  font-family: "samurai-slot-game-sbix";
  font-size: 2rem;
}

div:where(.swal2-container) .swal2-html-container {
  margin: 0 !important;
}

.swal2-container {
  padding: 5rem !important;
}

.swal2-popup {
  font-family: "Roboto", sans-serif !important;
  border-radius: 24px !important;
  background: #262440 !important;
}

.swal2-icon {
  margin: 0.5em auto !important;
}

.swal2-title {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 500 !important;
  color: #fff !important;
  margin: 0 !important;
}

.swal2-popup .swal2-actions {
  width: 100%;
  flex-direction: row-reverse;
  justify-content: center !important;
}
.swal2-popup .swal2-actions button {
  max-width: 50% !important;
}

.swal2-popup .swal2-styled {
  margin: 0 0.5 rem !important;
  padding: 0.2rem 0.5rem !important;
}

.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled.swal2-cancel {
  flex: 1;
  border-radius: 8px;
}

.progress-bar {
  display: none;
}

.game-loading .progress-bar {
  display: flex;
  cursor: wait;
}
.game-loading.game-creating .progress-bar {
  display: none;
}

.shake-animation {
  animation: shake 0.3s;
  animation-iteration-count: 3;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
.lobby-layout .button:active {
  display: block;
}
.lobby-layout button:active,
.lobby-layout .button:active {
  transform: translateY(4px);
}

.home-page {
  overflow-x: hidden;
  overflow-y: auto;
  height: 747px;
  margin-left: -1rem;
  margin-right: -1rem;
}
.home-page .slick-slide {
  transition: opacity 0.75s linear;
  opacity: 0.25;
}
.home-page .slick-slide .game-name {
  opacity: 0;
}
.home-page .slick-current {
  opacity: 1;
}
.home-page .slick-current .game-name,
.home-page .slick-current .btn-play-now {
  transition: opacity 1.5s linear;
  opacity: 1 !important;
}
.home-page .slick-slide img.btn-play-now {
  opacity: 0;
}
.home-page .slick-prev,
.home-page .slick-next {
  z-index: 1;
}
.home-page .slick-prev:before,
.home-page .slick-next:before {
  width: 58px;
  height: 83px;
  display: block;
  position: absolute;
}
.home-page .slick-prev:before {
  content: " ";
  background: url(/lobby/left.png) center center no-repeat;
  left: 1rem;
}
.home-page .slick-next:before {
  content: " ";
  background: url(/lobby/right.png) center center no-repeat;
  right: 1rem;
}

.game-loading .btn-goto-home {
  display: none;
}

.btn-goto-home {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  font-size: 1.75rem;
  cursor: pointer;
}
.btn-goto-home svg {
  fill: #ffaf01;
  font-size: 2.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4588235294);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.golden-material {
  background: linear-gradient(to bottom, #cfc09f 22%, #634f2c 24%, #cfc09f 26%, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  position: relative;
  margin: 0;
}
.golden-material:after {
  background: none;
  content: attr(data-heading);
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  text-shadow: -1px 0 1px #c6bb9f, 0 1px 1px #c6bb9f, 5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 10px rgba(0, 0, 0, 0.4);
}

.MuiAccordion-root {
  background-color: transparent !important;
  box-shadow: none !important;
}

.MuiAccordionDetails-root {
  border-radius: 8px !important;
  background: #CC9F72 !important;
}

.three-d-text {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  text-transform: uppercase;
  font-family: verdana;
  font-size: 12em;
  font-weight: 700;
  color: #f5f5f5;
  text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: rgba(173, 111, 111, 0.4509803922);
}

::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(173, 111, 111, 0.4509803922);
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #f7cf74;
  opacity: 0.25;
}

@media (min-width: 781px) {
  ::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  ::-webkit-scrollbar {
    width: 12px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}@-webkit-keyframes animateBubble {
  0% {
    margin-top: 1000px;
  }
  100% {
    margin-top: -100%;
  }
}
@-moz-keyframes animateBubble {
  0% {
    margin-top: 1000px;
  }
  100% {
    margin-top: -100%;
  }
}
@keyframes animateBubble {
  0% {
    margin-top: 1000px;
  }
  100% {
    margin-top: -100%;
  }
}
@-webkit-keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 50px;
  }
}
@-moz-keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 50px;
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 50px;
  }
}
/* ANIMATIONS */
.bubbles {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: 0.75;
  /* OBJECTS */
}
.bubbles .bubble {
  opacity: 0.5;
}
.bubbles .x1 {
  -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: -5%;
  top: 5%;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}
.bubbles .x2 {
  -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 5%;
  top: 80%;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.bubbles .x3 {
  -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 10%;
  top: 40%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
}
.bubbles .x4 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  left: 20%;
  top: 0;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.bubbles .x5 {
  -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 30%;
  top: 50%;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.bubbles .x6 {
  -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 50%;
  top: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
}
.bubbles .x7 {
  -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 65%;
  top: 70%;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.bubbles .x8 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  left: 80%;
  top: 10%;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.bubbles .x9 {
  -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 90%;
  top: 50%;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}
.bubbles .x10 {
  -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 80%;
  top: 80%;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.bubbles .bubble {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgb(255, 255, 255);
  -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgb(255, 255, 255);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgb(255, 255, 255);
  height: 200px;
  position: absolute;
  width: 200px;
}
.bubbles .bubble:after {
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80ffffff", endColorstr="#00ffffff", GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
  content: "";
  height: 180px;
  left: 10px;
  position: absolute;
  width: 180px;
}

.smallBubble .bubble {
  height: 20px;
  width: 20px;
}
.smallBubble .bubble:after {
  height: 18px;
  left: 1px;
  width: 18px;
}@reference "../../global.css";
._dialog_78w83_2 {
  font-family: Rajdhani;
  color: #FFECBB;
}
._dialog_78w83_2 .MuiPaper-rounded {
  border-radius: 24px;
  overflow: visible;
}
._dialog_78w83_2 .MuiBackdrop-root {
  background: url(/lobby/dialog-bg.png) top center no-repeat;
  background-color: #000;
}

._dialogContent_78w83_15 {
  font-family: Constantia;
  padding: 1rem;
  width: 365px;
  border-radius: 24px;
  color: #531919;
  border: 1px solid #6B3434;
  background: linear-gradient(180deg, #EEC7A1 0%, #C39365 100%);
  box-shadow: 0px 4px 32px 0px rgba(255, 255, 255, 0.8) inset;
  backdrop-filter: blur(4px);
}
._dialogContent_78w83_15.shop-content {
  height: 100vh;
}

._formTitle_78w83_30 {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
}
._formTitle_78w83_30.shop-title {
  top: -10px;
}

._formTextTitle_78w83_42 {
  font-family: Constantia;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

._btnClose_78w83_50 {
  position: absolute;
  right: -12px;
  top: -12px;
  z-index: 1;
}

._formContent_78w83_57 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
}
._formContent_78w83_57 label,
._formContent_78w83_57 input {
  font-size: var(--text-base);
}
._formContent_78w83_57 button {
  font-family: Cinzel;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-black);
  border-radius: calc(infinity * 1px);
}

._formSection_78w83_73 {
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 12px;
  border: 1px solid #FFE8D2;
  background: rgba(176, 124, 73, 0.1);
  box-shadow: 0px 0px 8px 0px #A86C31 inset;
}

._formLink_78w83_82 {
  color: #8d3f25;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}

._formElementGroup_78w83_89 {
  display: flex;
  flex-direction: column;
}
._formElementGroup_78w83_89 input,
._formElementGroup_78w83_89 select {
  color: #000;
  height: 2rem;
  background-color: #C68B6A;
  border-radius: 8px;
  border: solid 1px #E3C87C;
  padding-inline: calc(var(--spacing) * 3);
}

._dialogContent_78w83_15.shop-content {
  max-height: 90vh;
}

._shopItemBox_78w83_107 {
  border-radius: 12px;
  border: 1px solid #FFE8D2;
  background: #BA6B49;
  box-shadow: 0px 4px 16px 0px rgba(255, 221, 187, 0.4) inset, 0px 4px 12px 0px rgba(135, 58, 24, 0.8), 0px 2px 3px 0px #723114;
  flex: 1;
  padding: calc(var(--spacing) * 1);
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
}
._shopItemBox_78w83_107.MuiButtonBase-root {
  border-radius: 12px !important;
}

._shopItemValue_78w83_122 {
  border-radius: 8px;
  border: 1px solid #C68B6A;
  background: #783930;
  box-shadow: 0px 0px 12px 0px rgba(66, 0, 0, 0.65) inset;
  backdrop-filter: blur(18px);
  color: #FFECBB;
  font-family: "LEMON MILK";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}

._avatar_78w83_140,
._avatarForChoose_78w83_141 {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

._avatar_78w83_140 {
  width: 82px;
}

._avatarForChoose_78w83_141 {
  width: 60px;
}

._input_78w83_154 {
  border-radius: 4px;
  border: 1px solid #DAC0C0;
  background: #F0DFC5;
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

._tableHistory_78w83_167 td {
  padding: calc(var(--spacing) * 1);
}
._tableHistory_78w83_167 thead th {
  padding-block: calc(var(--spacing) * 3);
  position: sticky;
  top: -1px;
  z-index: 100;
  /* Ensures the header stays on top of other content */
}
._tableHistory_78w83_167 tfoot td {
  padding-block: calc(var(--spacing) * 3);
  position: sticky;
  bottom: -1px;
  z-index: 100;
  /* Ensures the header stays on top of other content */
}

.table-container {
  margin-right: -1rem;
  margin-left: -1rem;
  scrollbar-color: #531919 #ddb184;
  scrollbar-width: thin;
}._fire_1ntv5_1 {
  font-size: 24px;
  filter: blur(0.02em);
  -webkit-filter: blur(0.02em);
  margin: 3em auto 0 auto;
  position: relative;
  width: 7em;
  height: 12em;
}

._particle_1ntv5_11 {
  animation: _rise_1ntv5_1 1s ease-in infinite;
  background-image: radial-gradient(rgb(255, 80, 0) 20%, rgba(255, 80, 0, 0) 70%);
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: 0;
  position: absolute;
  bottom: 0;
  width: 5em;
  height: 5em;
}
._particle_1ntv5_11:nth-of-type(1) {
  animation-delay: 0.6897572035s;
  left: calc((100% - 5em) * 0);
}
._particle_1ntv5_11:nth-of-type(2) {
  animation-delay: 0.8920518479s;
  left: calc((100% - 5em) * 0.02);
}
._particle_1ntv5_11:nth-of-type(3) {
  animation-delay: 0.7252566325s;
  left: calc((100% - 5em) * 0.04);
}
._particle_1ntv5_11:nth-of-type(4) {
  animation-delay: 0.5905904995s;
  left: calc((100% - 5em) * 0.06);
}
._particle_1ntv5_11:nth-of-type(5) {
  animation-delay: 0.3983762721s;
  left: calc((100% - 5em) * 0.08);
}
._particle_1ntv5_11:nth-of-type(6) {
  animation-delay: 0.8818812603s;
  left: calc((100% - 5em) * 0.1);
}
._particle_1ntv5_11:nth-of-type(7) {
  animation-delay: 0.653633191s;
  left: calc((100% - 5em) * 0.12);
}
._particle_1ntv5_11:nth-of-type(8) {
  animation-delay: 0.0828983788s;
  left: calc((100% - 5em) * 0.14);
}
._particle_1ntv5_11:nth-of-type(9) {
  animation-delay: 0.077012289s;
  left: calc((100% - 5em) * 0.16);
}
._particle_1ntv5_11:nth-of-type(10) {
  animation-delay: 0.9901977986s;
  left: calc((100% - 5em) * 0.18);
}
._particle_1ntv5_11:nth-of-type(11) {
  animation-delay: 0.4915421322s;
  left: calc((100% - 5em) * 0.2);
}
._particle_1ntv5_11:nth-of-type(12) {
  animation-delay: 0.2989358237s;
  left: calc((100% - 5em) * 0.22);
}
._particle_1ntv5_11:nth-of-type(13) {
  animation-delay: 0.5612922626s;
  left: calc((100% - 5em) * 0.24);
}
._particle_1ntv5_11:nth-of-type(14) {
  animation-delay: 0.0464281119s;
  left: calc((100% - 5em) * 0.26);
}
._particle_1ntv5_11:nth-of-type(15) {
  animation-delay: 0.2626614635s;
  left: calc((100% - 5em) * 0.28);
}
._particle_1ntv5_11:nth-of-type(16) {
  animation-delay: 0.1131362536s;
  left: calc((100% - 5em) * 0.3);
}
._particle_1ntv5_11:nth-of-type(17) {
  animation-delay: 0.2807583545s;
  left: calc((100% - 5em) * 0.32);
}
._particle_1ntv5_11:nth-of-type(18) {
  animation-delay: 0.2593337464s;
  left: calc((100% - 5em) * 0.34);
}
._particle_1ntv5_11:nth-of-type(19) {
  animation-delay: 0.0281813084s;
  left: calc((100% - 5em) * 0.36);
}
._particle_1ntv5_11:nth-of-type(20) {
  animation-delay: 0.5184298067s;
  left: calc((100% - 5em) * 0.38);
}
._particle_1ntv5_11:nth-of-type(21) {
  animation-delay: 0.7914505392s;
  left: calc((100% - 5em) * 0.4);
}
._particle_1ntv5_11:nth-of-type(22) {
  animation-delay: 0.6043076951s;
  left: calc((100% - 5em) * 0.42);
}
._particle_1ntv5_11:nth-of-type(23) {
  animation-delay: 0.2291054791s;
  left: calc((100% - 5em) * 0.44);
}
._particle_1ntv5_11:nth-of-type(24) {
  animation-delay: 0.8690139927s;
  left: calc((100% - 5em) * 0.46);
}
._particle_1ntv5_11:nth-of-type(25) {
  animation-delay: 0.6227075369s;
  left: calc((100% - 5em) * 0.48);
}
._particle_1ntv5_11:nth-of-type(26) {
  animation-delay: 0.3155884532s;
  left: calc((100% - 5em) * 0.5);
}
._particle_1ntv5_11:nth-of-type(27) {
  animation-delay: 0.3434697636s;
  left: calc((100% - 5em) * 0.52);
}
._particle_1ntv5_11:nth-of-type(28) {
  animation-delay: 0.349606142s;
  left: calc((100% - 5em) * 0.54);
}
._particle_1ntv5_11:nth-of-type(29) {
  animation-delay: 0.3393087289s;
  left: calc((100% - 5em) * 0.56);
}
._particle_1ntv5_11:nth-of-type(30) {
  animation-delay: 0.7840150308s;
  left: calc((100% - 5em) * 0.58);
}
._particle_1ntv5_11:nth-of-type(31) {
  animation-delay: 0.255048307s;
  left: calc((100% - 5em) * 0.6);
}
._particle_1ntv5_11:nth-of-type(32) {
  animation-delay: 0.7114044475s;
  left: calc((100% - 5em) * 0.62);
}
._particle_1ntv5_11:nth-of-type(33) {
  animation-delay: 0.5945904781s;
  left: calc((100% - 5em) * 0.64);
}
._particle_1ntv5_11:nth-of-type(34) {
  animation-delay: 0.0515193173s;
  left: calc((100% - 5em) * 0.66);
}
._particle_1ntv5_11:nth-of-type(35) {
  animation-delay: 0.8766912834s;
  left: calc((100% - 5em) * 0.68);
}
._particle_1ntv5_11:nth-of-type(36) {
  animation-delay: 0.2094614034s;
  left: calc((100% - 5em) * 0.7);
}
._particle_1ntv5_11:nth-of-type(37) {
  animation-delay: 0.6755533274s;
  left: calc((100% - 5em) * 0.72);
}
._particle_1ntv5_11:nth-of-type(38) {
  animation-delay: 0.2364096905s;
  left: calc((100% - 5em) * 0.74);
}
._particle_1ntv5_11:nth-of-type(39) {
  animation-delay: 0.3363408315s;
  left: calc((100% - 5em) * 0.76);
}
._particle_1ntv5_11:nth-of-type(40) {
  animation-delay: 0.8269829907s;
  left: calc((100% - 5em) * 0.78);
}
._particle_1ntv5_11:nth-of-type(41) {
  animation-delay: 0.6257118569s;
  left: calc((100% - 5em) * 0.8);
}
._particle_1ntv5_11:nth-of-type(42) {
  animation-delay: 0.3245316001s;
  left: calc((100% - 5em) * 0.82);
}
._particle_1ntv5_11:nth-of-type(43) {
  animation-delay: 0.3097947369s;
  left: calc((100% - 5em) * 0.84);
}
._particle_1ntv5_11:nth-of-type(44) {
  animation-delay: 0.6606938479s;
  left: calc((100% - 5em) * 0.86);
}
._particle_1ntv5_11:nth-of-type(45) {
  animation-delay: 0.9632474577s;
  left: calc((100% - 5em) * 0.88);
}
._particle_1ntv5_11:nth-of-type(46) {
  animation-delay: 0.964896198s;
  left: calc((100% - 5em) * 0.9);
}
._particle_1ntv5_11:nth-of-type(47) {
  animation-delay: 0.4459103119s;
  left: calc((100% - 5em) * 0.92);
}
._particle_1ntv5_11:nth-of-type(48) {
  animation-delay: 0.5179593414s;
  left: calc((100% - 5em) * 0.94);
}
._particle_1ntv5_11:nth-of-type(49) {
  animation-delay: 0.3022924394s;
  left: calc((100% - 5em) * 0.96);
}
._particle_1ntv5_11:nth-of-type(50) {
  animation-delay: 0.493942208s;
  left: calc((100% - 5em) * 0.98);
}

@keyframes _rise_1ntv5_1 {
  from {
    opacity: 0;
    transform: translateY(0) scale(1);
  }
  25% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-10em) scale(0);
  }
}._fire_1n5he_1 {
  display: block;
  height: 250px;
  width: 127px;
  background-image: url("/raider-janes/images/img-005.png");
  animation: _moveX_1n5he_1 3s steps(24) infinite;
}

@keyframes _moveX_1n5he_1 {
  to {
    background-position: -2976px;
  }
}._container_3f021_1 {
  position: absolute;
  z-index: 1;
  top: var(--react-root-container_top);
  left: var(--react-root-container_left);
  height: var(--react-root-container_height, 100%);
  width: var(--react-root-container_width, 100%);
}

._content_3f021_10 {
  transform-origin: 0 0;
  transform: scale(var(--canvas-scale));
  height: 100%;
  overflow: hidden;
}._container_bb1m0_1 {
  height: 100vh;
  width: 100vw;
  user-select: none;
  position: relative;
  overflow: hidden;
}._ball_1pd4c_1 {
  position: relative;
  width: 100px;
  height: 100px;
  max-width: 100%;
  max-height: 100%;
  transform: scale(0.75);
}
._ball_1pd4c_1 span {
  position: absolute;
  left: -10px;
  width: calc(100px + var(--i));
  height: calc(100px + var(--i));
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  transform-origin: calc(50px + var(--i));
  background-color: var(--color);
  animation: _ball-animation_1pd4c_1 5s linear infinite;
  animation-duration: calc(var(--d));
  mix-blend-mode: plus-lighter;
  filter: blur(15px);
}
._ball_1pd4c_1 span:nth-child(even) {
  animation-direction: reverse;
}

@keyframes _ball-animation_1pd4c_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}._container_15snf_1 {
  font-family: "ferrum";
  font-size: 2rem;
  font-weight: 700;
  padding-top: 30px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  bottom: 72px;
  right: 0;
  left: 0;
}
._container_15snf_1:before {
  content: " ";
  position: absolute;
  top: 69px;
  height: 3px;
  width: 170%;
  background: url(/lobby/menu-icon/menu-bar.png) center bottom no-repeat;
  background-size: cover;
  z-index: 0;
}
._container_15snf_1:has(.active) button:not(.active) {
  filter: grayscale(0.75);
}
._container_15snf_1 button {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  text-transform: capitalize;
  font-size: 1.5rem;
  flex: 1;
}
._container_15snf_1 button.active {
  transform: translateY(-10px);
}
._container_c1a81_2 {
  position: absolute;
  display: flex;
}

._ticker_c1a81_7 {
  width: 100%;
  /* Đảm bảo dòng văn bản chạy trên toàn bộ chiều rộng của phần tử cha */
  overflow: hidden;
  /* Ẩn phần văn bản vượt ra ngoài khu vực hiển thị */
  display: flex;
}

._ticker_c1a81_7 span {
  white-space: nowrap;
  /* Ngăn chặn văn bản quá dài từ việc xuống dòng */
  display: inline-block;
  /* Hiển thị dòng văn bản liên tục */
  animation: _ticker_c1a81_7 30s linear infinite;
  /* Áp dụng animation với tên 'ticker', thời gian 10s, kiểu linear, và lặp vô hạn */
}

@keyframes _ticker_c1a81_7 {
  0% {
    /* Di chuyển văn bản từ phải sang trái */
    transform: translateX(100%);
  }
  100% {
    /* Dịch chuyển văn bản từ trái qua phải */
    transform: translateX(-100%);
  }
}._headerContainer_1s75m_1 {
  padding-top: 30px;
  display: flex;
  width: 100%;
  z-index: 1;
}

._content_1s75m_8 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._profileContainer_1s75m_15 {
  width: 233px;
  height: 85px;
  background: url(/lobby/profile.png) center center no-repeat;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 6rem;
  position: relative;
}

._balanceContainer_1s75m_26 {
  width: 233px;
  height: 85px;
  background: url(/lobby/coins.png) center center no-repeat;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 5rem;
}

._publicName_1s75m_36 {
  text-transform: uppercase;
}

._userId_1s75m_40 {
  font-size: 0.75rem;
}._pageWrapper_ck7yf_1 {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}._pageWrapper_1wdws_1 {
  display: flex;
  justify-content: center;
}._pageWrapper_1wdws_1 {
  display: flex;
  justify-content: center;
}._page_6wgxo_1 {
  background-color: #0a060a;
}

._pageWrapper_6wgxo_5 {
  transform-origin: 0px 0px;
  color: #e8dea0;
  width: 608px;
  height: 1080px;
  background: url(/lobby/background.png) center center no-repeat;
}

._container_6wgxo_13 {
  padding: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media (min-width: 780px) {
  ._page_6wgxo_1 {
    background: url(/lobby/full-background.png) center center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
  }
}@font-face {
  font-family: ferrum;
  src: url(/lobby/fonts/ferrum.otf);
}
._container_1n9og_5 {
  margin-top: 30px;
}

._slideItem_1n9og_9 {
  position: relative;
  display: flex;
  justify-content: center;
  zoom: 1.5;
}

._itemThumb_1n9og_16 {
  width: 109px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._frame_1n9og_23 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
._frame_1n9og_23 > img {
  mix-blend-mode: color-dodge;
  max-width: unset;
  margin-top: 35px;
  margin-left: -20px;
}

._playNow_1n9og_38 {
  position: absolute;
  bottom: -24px;
  z-index: 1;
  left: 0;
}

._gameName_1n9og_45 {
  position: absolute;
  bottom: 5px;
  width: 100%;
  z-index: 1;
  left: 0;
}

._btnShop_1n9og_53 {
  position: absolute;
  top: 100px;
  right: 2rem;
  z-index: 2;
}
._btnShop_1n9og_53 img {
  width: 150px;
}._buyFeatureWarper_jn5zv_1 {
  position: absolute;
  width: 100%;
}

.display-pick-bonus ._buyFeatureWarper_jn5zv_1,
.free-spin-animation-displayed ._buyFeatureWarper_jn5zv_1,
.win-animation-displayed ._buyFeatureWarper_jn5zv_1 {
  display: none;
}

._buyFeaturePosition_jn5zv_12 {
  cursor: pointer;
  position: absolute;
  top: 883px;
  left: 5px;
  z-index: 2;
}

._buyFeatureText_jn5zv_20 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_jn5zv_1 1.5s linear infinite;
  display: inline-block;
}

.free-spin-running ._buyFeatureText_jn5zv_20 {
  display: none;
}

@keyframes _textclip_jn5zv_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_jn5zv_49 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_jn5zv_56 {
  background: url(/aztec-bonus-hunt/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_jn5zv_56 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_jn5zv_56 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_jn5zv_78 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_jn5zv_1,
.free-spin-running ._buyFeatureText_jn5zv_20 {
  display: none;
}._coinStatisticWarper_8vc92_1 {
  z-index: 0;
  position: absolute;
  bottom: 162px;
  width: 100%;
  height: 78px;
  background: url(/aztec-bonus-hunt/images/number-display.png) center center no-repeat;
}

._coinStatisticContainer_8vc92_10 {
  position: relative;
}

._coinWin_8vc92_14,
._coinBalance_8vc92_15,
._coinBet_8vc92_16 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}

._coinWin_8vc92_14 {
  top: -2px;
  width: 222px;
  font-size: 1.5rem;
  right: 12px;
  text-align: center;
}

._coinBalance_8vc92_15 {
  top: -2px;
  left: 68px;
  font-size: 1.5rem;
  width: 222px;
  display: block;
  text-align: center;
}

._coinBet_8vc92_16 {
  top: 41px;
  left: 172px;
  font-size: 1.5rem;
  width: 265px;
  display: block;
  text-align: center;
}

._coinWinLarger_8vc92_50 {
  position: absolute;
  top: -365px;
  width: 100%;
  opacity: 0;
}
._coinWinLarger_8vc92_50._isWin_8vc92_56 {
  opacity: 1;
}

.free-spin-running ._coinWinLarger_8vc92_50 {
  transition: opacity 333ms linear;
  opacity: 1;
}
.free-spin-running.fast-spin ._coinWinLarger_8vc92_50 {
  opacity: 0.125;
}

._coinLarger_8vc92_68,
._coinWinLarger_8vc92_50 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
}

._coinLarger_8vc92_68 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_8vc92_81 {
  position: absolute;
  margin-top: -550px;
}

._coinLarger2_8vc92_86 {
  top: -666px;
}

._balanceIcon_8vc92_90,
._winIcon_8vc92_91 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

.display-pick-bonus ._coinStatisticWarper_8vc92_1,
.free-spin-animation-displayed ._coinStatisticWarper_8vc92_1 {
  display: none;
}

.win-animation-displayed ._coinStatisticWarper_8vc92_1 {
  background: none;
}
.win-animation-displayed ._coinWin_8vc92_14,
.win-animation-displayed ._coinBalance_8vc92_15,
.win-animation-displayed ._coinBet_8vc92_16 {
  display: none;
}
.win-animation-displayed:not(.win-pick-bonus-animation-displayed) ._coinWinLarger_8vc92_50 {
  opacity: 1 !important;
}._menuContainer_1pu28_1 {
  position: absolute;
  bottom: 0;
  z-index: 3;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_1pu28_1 img {
  filter: brightness(3);
}

._overlay_1pu28_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_1pu28_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}@reference "../../../../global.css";
._controllerWarper_pn50u_2 {
  z-index: 2;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

.display-pick-bonus ._controllerWarper_pn50u_2,
.free-spin-animation-displayed ._controllerWarper_pn50u_2,
.win-animation-displayed ._controllerWarper_pn50u_2 {
  display: none;
}

._controllerContainer_pn50u_16 {
  position: relative;
}

._btnAuto_pn50u_20,
._btnMaxBet_pn50u_21,
._btnSpeedUp_pn50u_22,
._btnMenu_pn50u_23 {
  position: absolute;
}
._btnAuto_pn50u_20._btnActive_pn50u_26, ._btnAuto_pn50u_20:active,
._btnMaxBet_pn50u_21._btnActive_pn50u_26,
._btnMaxBet_pn50u_21:active,
._btnSpeedUp_pn50u_22._btnActive_pn50u_26,
._btnSpeedUp_pn50u_22:active,
._btnMenu_pn50u_23._btnActive_pn50u_26,
._btnMenu_pn50u_23:active {
  transform: translateY(4px);
}

._btnAuto_pn50u_20,
._btnMaxBet_pn50u_21 {
  width: 102px;
  height: 113px;
}
._btnAuto_pn50u_20::before,
._btnMaxBet_pn50u_21::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnMenu_pn50u_23 {
  width: 79px;
  height: 79px;
}
._btnMenu_pn50u_23::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_pn50u_22 {
  width: 50px;
  height: 54px;
  transition: top 1s;
  top: 0;
  left: 1rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/aztec-bonus-hunt/images/btn-speed-up-1.png);
}
._btnSpeedUp_pn50u_22.x2 {
  background-image: url(/aztec-bonus-hunt/images/btn-speed-up-2.png);
}
._btnSpeedUp_pn50u_22.x3 {
  background-image: url(/aztec-bonus-hunt/images/btn-speed-up-3.png);
}

._btnAuto_pn50u_20 {
  left: 7rem;
  top: -2rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/aztec-bonus-hunt/images/btn-auto.png) center center no-repeat;
}

._remainder_pn50u_88 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_pn50u_88 >span {
  display: block;
  text-align: center;
}
._remainder_pn50u_88 ._infinity_pn50u_106 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_pn50u_88 {
  background: rgba(11, 25, 11, 0.5);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_pn50u_20 {
  cursor: not-allowed;
  background: url(/aztec-bonus-hunt/images/btn-auto.png) center center no-repeat;
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
}

._btnMaxBet_pn50u_21 {
  right: 7rem;
  top: -2rem;
  background: url(/aztec-bonus-hunt/images/btn-max-bet.png) center center no-repeat;
}

._btnMenu_pn50u_23 {
  top: -14px;
  right: 1rem;
  background: url(/aztec-bonus-hunt/images/btn-menu.png) center center no-repeat;
}

._btnSpin_pn50u_144 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/aztec-bonus-hunt/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_pn50u_144::before {
  content: " ";
  position: absolute;
  width: 145px;
  height: 145px;
  top: 0;
  right: 0;
  background: url(/aztec-bonus-hunt/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_pn50u_144::after {
  content: " ";
  position: absolute;
  width: 150px;
  height: 150px;
  top: -2px;
  right: -2px;
  background: url(/aztec-bonus-hunt/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_pn50u_144:active::before, ._btnSpin_pn50u_144:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnSpin_pn50u_144:hover::after {
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_pn50u_144::after,
.spinning ._btnSpin_pn50u_144::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_pn50u_144::after,
.fast-spin ._btnSpin_pn50u_144:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_pn50u_193,
._btnAdd_pn50u_194 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_pn50u_193:active,
._btnAdd_pn50u_194:active {
  transform: translateY(5px);
}

._btnSub_pn50u_193 {
  top: -88px;
  left: 123px;
  background: url(/aztec-bonus-hunt/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_pn50u_193._disabled_pn50u_210 {
  cursor: not-allowed;
  background: url(/aztec-bonus-hunt/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_pn50u_194 {
  top: -88px;
  right: 123px;
  background: url(/aztec-bonus-hunt/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_pn50u_194._disabled_pn50u_210 {
  background: url(/aztec-bonus-hunt/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_pn50u_227 {
  filter: hue-rotate(169deg);
  position: absolute;
  background: url(/aztec-bonus-hunt/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
}

._btnAuto10_pn50u_239,
._btnAuto50_pn50u_240,
._btnAuto100_pn50u_241,
._btnAuto300_pn50u_242,
._btnAutoInfinity_pn50u_243 {
  filter: hue-rotate(169deg);
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_pn50u_239 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/aztec-bonus-hunt/images/auto/10.png) center center no-repeat;
}

._btnAuto50_pn50u_240 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/aztec-bonus-hunt/images/auto/50.png) center center no-repeat;
}

._btnAuto100_pn50u_241 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/aztec-bonus-hunt/images/auto/100.png) center center no-repeat;
}

._btnAuto300_pn50u_242 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/aztec-bonus-hunt/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_pn50u_243 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/aztec-bonus-hunt/images/auto/infinity.png) center center no-repeat;
}

._overlay_pn50u_279 {
  transition: opacity 0.25s;
}

._active_pn50u_283 ._overlay_pn50u_279 {
  opacity: 0.75;
}
._active_pn50u_283 ._btnAuto10_pn50u_239 {
  bottom: 54px;
  left: 240px;
}
._active_pn50u_283 ._btnAuto50_pn50u_240 {
  bottom: 130px;
  left: 208px;
}
._active_pn50u_283 ._btnAuto100_pn50u_241 {
  bottom: 155px;
  left: 135px;
}
._active_pn50u_283 ._btnAuto300_pn50u_242 {
  bottom: 130px;
  left: 60px;
}
._active_pn50u_283 ._btnAutoInfinity_pn50u_243 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_pn50u_22 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnMenu_pn50u_23,
.free-spin-running ._btnAuto_pn50u_20,
.free-spin-running ._btnSub_pn50u_193,
.free-spin-running ._remainder_pn50u_88,
.free-spin-running ._btnSpin_pn50u_144,
.free-spin-running ._btnAdd_pn50u_194,
.free-spin-running ._btnMaxBet_pn50u_21 {
  display: none;
}._freeSpinWarper_4m6vs_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_4m6vs_1._hasFreeSpinRemaining_4m6vs_10 {
  display: block;
}

._freeSpinText_4m6vs_14 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_4m6vs_20 {
  position: absolute;
  bottom: 16px;
  left: 231px;
  width: 137px;
  transition: bottom 1s, left 1s;
}

._freeSpinRemaining_4m6vs_28 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
}

._giantSpin_4m6vs_44 {
  display: none;
  top: -190px;
  position: absolute;
  width: 100%;
  background-color: #000;
  height: 237px;
  margin-top: 29px;
}
._giantSpin_4m6vs_44> img {
  width: 100%;
}

.free-spin-running ._freeSpinWarper_4m6vs_1 {
  display: block;
}
.free-spin-running ._freeSpinText_4m6vs_14 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_4m6vs_20 {
  left: 466px;
}

.free-spin-animation-displayed ._giantSpin_4m6vs_44 {
  display: block;
}
.free-spin-animation-displayed ._freeSpinText_4m6vs_14 {
  display: none;
}
.free-spin-animation-displayed ._freeSpinCount_4m6vs_20 {
  bottom: 228px;
  left: 231px;
}

.display-pick-bonus ._freeSpinWarper_4m6vs_1,
.win-animation-displayed ._freeSpinWarper_4m6vs_1 {
  display: none;
}@reference "../../../../global.css";
._guideContainer_3m97w_2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_3m97w_2 h3 {
  color: var(--title-color);
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._btnSpin_3m97w_23 {
  background: url(/aztec-bonus-hunt/images/btn-spin-bg.png) center center no-repeat, url(/aztec-bonus-hunt/images/btn-spin-icon.png) center center no-repeat;
  height: 104px;
  width: 104px;
  filter: brightness(5);
}

._symbol_3m97w_30 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_3m97w_40 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_3m97w_50 {
  color: #be922c;
  font-weight: 700;
}

._title_3m97w_55 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_3m97w_61 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_3m97w_65 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_3m97w_61 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_3m97w_84 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #54cbc2 0%, #132c48 100%);
  box-shadow: 0px -4px 20px 0px #36afc3 inset;
}

._featureItem_3m97w_92 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_3m97w_92 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_3m97w_92 img {
  filter: brightness(3);
}._listHistoryContainer_18cnc_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_18cnc_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_18cnc_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_18cnc_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600);
}
._listHistoryContainer_18cnc_1 .history-list th:not(:first-child),
._listHistoryContainer_18cnc_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_18cnc_1 ._active_18cnc_22 {
  background-color: #604eb6 !important;
}._historyContainer_ihdss_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_ihdss_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_ihdss_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_ihdss_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_ihdss_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #54cbc2 0%, #132c48 100%);
  box-shadow: 0px -4px 20px 0px #36afc3 inset;
}

._historyContainer_ihdss_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_ihdss_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_ihdss_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_ihdss_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_ihdss_1 .history-list th:not(:first-child),
._historyContainer_ihdss_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_ycm8j_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_ycm8j_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_ycm8j_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_ycm8j_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_ycm8j_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #54cbc2 0%, #132c48 100%);
  box-shadow: 0px -4px 20px 0px #36afc3 inset;
}

._historyDetailsContainer_ycm8j_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_ycm8j_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_ycm8j_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_ycm8j_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_ycm8j_1 .history-list th:not(:first-child),
._historyDetailsContainer_ycm8j_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_ycm8j_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_ycm8j_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_ycm8j_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_ycm8j_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_ycm8j_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_ycm8j_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}

.big-item[data-row-index="0"] > img:nth-child(1) {
  top: -70px;
}
.big-item[data-row-index="0"] > span:nth-child(2) {
  top: 32px;
}

.big-item[data-row-index="1"] > img:nth-child(1) {
  top: -70px;
}
.big-item[data-row-index="1"] > span:nth-child(2) {
  top: 32px;
}

.big-item[data-row-index="2"] > img:nth-child(1) {
  top: -233px;
}
.big-item[data-row-index="2"] > span:nth-child(2) {
  top: -132px;
}

.big-item[data-row-index="3"] > img:nth-child(1) {
  top: -240px;
}
.big-item[data-row-index="3"] > span:nth-child(2) {
  top: -132px;
}._pickBonusContainer_ygx7y_1 {
  position: absolute;
  width: 100%;
  z-index: 2;
}

.win-animation-displayed ._dragonHeadsContainer_ygx7y_7 {
  display: none;
}

._dragonHeadsContainer_ygx7y_7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
._dragonHeadsContainer_ygx7y_7 > div > .img {
  position: absolute;
}
._dragonHeadsContainer_ygx7y_7 > div > .img.open span {
  display: block;
}
._dragonHeadsContainer_ygx7y_7 > div > div > img {
  width: 146px;
  height: 175px;
  opacity: 0.0001;
}
._dragonHeadsContainer_ygx7y_7 span {
  display: none;
  font-family: AztecRed;
  font-size: 5rem;
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
}

._wonAmount_ygx7y_39 {
  position: absolute;
  top: 520px;
  left: 0;
  right: 0;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
  text-align: center;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_1sx0l_1 canvas {
  background: url(/aztec-bonus-hunt/images/game-screen-vertical-bottom-low-quality.webp) bottom center no-repeat, url(/aztec-bonus-hunt/images/game-screen-vertical-top.webp) top center no-repeat;
  background-size: contain, contain;
}

.aztec-bonus-hunt.free-spin-running canvas {
  background: url(/aztec-bonus-hunt/images/free-spin--giant-spin--bg.webp) bottom center no-repeat;
  background-size: contain;
}._buyFeatureWarper_1ko7v_1 {
  position: absolute;
  width: 100%;
}

.win-animation-displayed ._buyFeatureWarper_1ko7v_1 {
  display: none;
}

._buyFeaturePosition_1ko7v_10 {
  cursor: pointer;
  position: absolute;
  top: 371px;
  left: 16px;
}

._buyFeatureText_1ko7v_17 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_1ko7v_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_1ko7v_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_1ko7v_42 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_1ko7v_49 {
  background: url(/football-fever/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_1ko7v_49 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_1ko7v_49 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_1ko7v_71 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_1ko7v_1,
.free-spin-running ._buyFeatureText_1ko7v_17 {
  display: none;
}._coinStatisticWarper_90a9v_1 {
  z-index: 0;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_90a9v_9 {
  position: relative;
}

._coinWin_90a9v_13,
._coinBalance_90a9v_14,
._coinBet_90a9v_15 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}

._coinWin_90a9v_13 {
  top: -70px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_90a9v_14 {
  top: -70px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_90a9v_15 {
  top: -26px;
  left: 106px;
  font-size: 1.5rem;
  width: 390px;
  display: block;
  text-align: center;
}

._coinWinLarger_90a9v_49 {
  position: absolute;
  top: -471px;
  width: 100%;
  height: 455px;
  opacity: 0;
  background: radial-gradient(circle, rgb(63, 251, 107) 0%, rgba(252, 70, 107, 0) 75%);
  display: flex;
  justify-content: center;
  align-items: center;
}
._coinWinLarger_90a9v_49._isWin_90a9v_60 {
  opacity: 1;
}

.free-spin-running ._coinWinLarger_90a9v_49 {
  transition: opacity 333ms linear;
  opacity: 1;
}
.free-spin-running.fast-spin ._coinWinLarger_90a9v_49 {
  opacity: 0.125;
}

.x-win-animation-displayed ._coinWin_90a9v_13,
.x-win-animation-displayed ._coinBalance_90a9v_14,
.x-win-animation-displayed ._coinBet_90a9v_15,
.win-animation-displayed ._coinWin_90a9v_13,
.win-animation-displayed ._coinBalance_90a9v_14,
.win-animation-displayed ._coinBet_90a9v_15 {
  display: none;
}
.x-win-animation-displayed ._coinWinLarger_90a9v_49,
.win-animation-displayed ._coinWinLarger_90a9v_49 {
  opacity: 1 !important;
}

.player-shots ._coinWinLarger_90a9v_49 {
  opacity: 0;
}

._coinLarger_90a9v_89,
._coinWinLarger_90a9v_49 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 8rem;
}

._coinLarger_90a9v_89 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_90a9v_102 {
  position: absolute;
  pointer-events: none;
  top: -882px;
  width: 100%;
}

._winTypeBottom_90a9v_109 {
  position: absolute;
  top: 98px;
  width: 100%;
  height: 100px;
  display: block;
  background: linear-gradient(0deg, rgb(4, 90, 17) 35%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

._coinLarger2_90a9v_119 {
  top: -666px;
}

._balanceIcon_90a9v_123,
._winIcon_90a9v_124 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_90a9v_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_15vz2_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_15vz2_9 {
  position: relative;
}

._btnAuto_15vz2_13,
._btnMaxBet_15vz2_14,
._btnSpeedUp_15vz2_15,
._btnMenu_15vz2_16 {
  position: absolute;
  background: url(/football-fever/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_15vz2_13._btnActive_15vz2_22, ._btnAuto_15vz2_13:active,
._btnMaxBet_15vz2_14._btnActive_15vz2_22,
._btnMaxBet_15vz2_14:active,
._btnSpeedUp_15vz2_15._btnActive_15vz2_22,
._btnSpeedUp_15vz2_15:active,
._btnMenu_15vz2_16._btnActive_15vz2_22,
._btnMenu_15vz2_16:active {
  background-image: url(/football-fever/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_15vz2_13::before,
._btnMaxBet_15vz2_14::before,
._btnSpeedUp_15vz2_15::before,
._btnMenu_15vz2_16::before {
  content: " ";
  position: absolute;
}

._btnAuto_15vz2_13,
._btnMaxBet_15vz2_14 {
  width: 102px;
  height: 113px;
}
._btnAuto_15vz2_13::before,
._btnMaxBet_15vz2_14::before {
  top: 32px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_15vz2_15,
._btnMenu_15vz2_16 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_15vz2_15::before,
._btnMenu_15vz2_16::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_15vz2_15 {
  transition: top 1s;
  top: -21px;
  left: 1rem;
}
._btnSpeedUp_15vz2_15::before {
  position: absolute;
  width: 20px;
  top: 16px;
  background: url(/football-fever/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_15vz2_15.x2 {
  width: 81px;
  height: 81px;
  background: url(/football-fever/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_15vz2_15.x2::before {
  background: url(/football-fever/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_15vz2_15.x3 {
  width: 81px;
  height: 81px;
  background: url(/football-fever/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_15vz2_15.x3::before {
  background: url(/football-fever/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_15vz2_13 {
  left: 104px;
  top: -39px;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_15vz2_13::before {
  background: url(/football-fever/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_15vz2_113 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_15vz2_113 >span {
  display: block;
  text-align: center;
}
._remainder_15vz2_113 ._infinity_15vz2_131 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_15vz2_113 {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 241px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_15vz2_13 {
  background-image: url(/football-fever/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_15vz2_14 {
  right: 104px;
  top: -39px;
}
._btnMaxBet_15vz2_14::before {
  background: url(/football-fever/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_15vz2_16 {
  top: -21px;
  right: 1rem;
}
._btnMenu_15vz2_16::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 18px;
  background: url(/football-fever/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_15vz2_174 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 231px;
  background: url(/football-fever/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_15vz2_174::before {
  content: " ";
  position: absolute;
  width: 145px;
  height: 145px;
  top: 0;
  right: 0;
  background: url(/football-fever/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_15vz2_174::after {
  content: " ";
  position: absolute;
  width: 77px;
  height: 85px;
  top: 28px;
  right: 34px;
  background: url(/football-fever/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_15vz2_174:active::before, ._btnSpin_15vz2_174:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_15vz2_13:hover,
  ._btnMaxBet_15vz2_14:hover {
    background-image: url(/football-fever/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_15vz2_174:hover::after {
    animation: _spin_15vz2_220 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_15vz2_174::after,
.spinning ._btnSpin_15vz2_174::after {
  animation: _spin_15vz2_220 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_15vz2_174::after,
.fast-spin ._btnSpin_15vz2_174:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_15vz2_230,
._btnAdd_15vz2_231 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_15vz2_230:active,
._btnAdd_15vz2_231:active {
  transform: translateY(5px);
}

._btnSub_15vz2_230 {
  top: -115px;
  left: 82px;
  background: url(/football-fever/images/sub.png) center center no-repeat;
  background-size: inherit;
}
._btnSub_15vz2_230._disabled_15vz2_247 {
  background: url(/football-fever/images/sub-disabled.png) center center no-repeat;
  background-size: inherit;
}

._btnAdd_15vz2_231 {
  top: -115px;
  right: 82px;
  background: url(/football-fever/images/add.png) center center no-repeat;
  background-size: inherit;
}
._btnAdd_15vz2_231._disabled_15vz2_247 {
  background: url(/football-fever/images/add-disabled.png) center center no-repeat;
  background-size: inherit;
}

._btnCloseAuto_15vz2_263 {
  filter: hue-rotate(227deg);
  position: absolute;
  background: url(/football-fever/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
}

._btnAuto10_15vz2_275,
._btnAuto50_15vz2_276,
._btnAuto100_15vz2_277,
._btnAuto300_15vz2_278,
._btnAutoInfinity_15vz2_279 {
  filter: hue-rotate(227deg);
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_15vz2_275 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/football-fever/images/auto/10.png) center center no-repeat;
}

._btnAuto50_15vz2_276 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/football-fever/images/auto/50.png) center center no-repeat;
}

._btnAuto100_15vz2_277 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/football-fever/images/auto/100.png) center center no-repeat;
}

._btnAuto300_15vz2_278 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/football-fever/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_15vz2_279 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/football-fever/images/auto/infinity.png) center center no-repeat;
}

._overlay_15vz2_315 {
  transition: opacity 0.25s;
}

._active_15vz2_319 ._overlay_15vz2_315 {
  opacity: 0.75;
}
._active_15vz2_319 ._btnAuto10_15vz2_275 {
  bottom: 54px;
  left: 240px;
}
._active_15vz2_319 ._btnAuto50_15vz2_276 {
  bottom: 130px;
  left: 208px;
}
._active_15vz2_319 ._btnAuto100_15vz2_277 {
  bottom: 155px;
  left: 135px;
}
._active_15vz2_319 ._btnAuto300_15vz2_278 {
  bottom: 130px;
  left: 60px;
}
._active_15vz2_319 ._btnAutoInfinity_15vz2_279 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_15vz2_15 {
  left: 1rem;
  top: -197px;
}
.free-spin-running ._btnMenu_15vz2_16,
.free-spin-running ._btnAuto_15vz2_13,
.free-spin-running ._btnSub_15vz2_230,
.free-spin-running ._remainder_15vz2_113,
.free-spin-running ._btnSpin_15vz2_174,
.free-spin-running ._btnAdd_15vz2_231,
.free-spin-running ._btnMaxBet_15vz2_14 {
  display: none;
}

.win-animation-displayed ._controllerWarper_15vz2_1 {
  display: none;
}._freeSpinWarper_1en6l_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_1en6l_1._hasFreeSpinRemaining_1en6l_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1en6l_1 {
  display: block;
}

._freeSpinText_1en6l_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_1en6l_24 {
  position: absolute;
  bottom: 62px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_1en6l_32 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #2eddff 33%, #2b8597);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.5rem;
}

.free-spin-running ._freeSpinText_1en6l_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_1en6l_24 {
  left: 466px;
}

.win-animation-displayed ._freeSpinWarper_1en6l_1 {
  display: none;
}._guideContainer_3sm5i_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_3sm5i_1 h3 {
  color: #ffc158;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_3sm5i_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_3sm5i_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_3sm5i_42 {
  color: #ffc158;
  font-weight: 700;
}

._title_3sm5i_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_3sm5i_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_3sm5i_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_3sm5i_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_3sm5i_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #0e3827;
  background: linear-gradient(180deg, #4aff57 0%, #008b1f 100%);
  box-shadow: 0px -4px 20px 0px #009468 inset;
}

._featureItem_3sm5i_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_3sm5i_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_3sm5i_84 img {
  filter: brightness(5);
}

.line-bet {
  filter: hue-rotate(203deg);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_bdp4o_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_bdp4o_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_bdp4o_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_bdp4o_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_bdp4o_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_bdp4o_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_bdp4o_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_bdp4o_1 .history-list th:not(:first-child),
._historyDetailsContainer_bdp4o_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_bdp4o_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_bdp4o_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_16quc_1 {
  z-index: 5;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}

._spinner_16quc_14 {
  position: relative;
  width: 480px;
  height: 560px;
}

._layer1Container_16quc_20,
._layer2Container_16quc_21,
._layer3_16quc_22,
._layer4_16quc_23,
._layer5_16quc_24,
._layer6_16quc_25,
._layer7_16quc_26 {
  position: absolute;
}

._layer1Container_16quc_20 {
  width: 297px;
  height: 297px;
  top: 118px;
  left: 95px;
}

._layer2Container_16quc_21 {
  width: 408px;
  height: 408px;
  top: 62px;
  left: 38px;
}

._layer1_16quc_20,
._layer2_16quc_21 {
  rotate: unset;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}

._layer1_16quc_20 {
  transition-duration: 4s;
}

._layer2_16quc_21 {
  transition-duration: 6s;
}

._startRolling_16quc_59 ._layer1_16quc_20 {
  transform: rotate(calc(var(--rotate-layer-1)));
}
._startRolling_16quc_59 ._layer2_16quc_21 {
  transform: rotate(calc(var(--rotate-layer-2)));
}

._layer1_16quc_20 {
  background: url(/football-fever/images/spin-before-free-spin/img-03.png) center center no-repeat;
  background-size: contain;
  width: 297px;
  height: 297px;
}

._layer2_16quc_21 {
  background: url(/football-fever/images/spin-before-free-spin/img-02.png) center center no-repeat;
  background-size: contain;
  width: 408px;
  height: 408px;
}

._layer3_16quc_22 {
  background: url(/football-fever/images/spin-before-free-spin/img-01.png) center center no-repeat;
  background-size: contain;
  width: 484px;
  height: 551px;
}

._layer4_16quc_23 {
  background: url(/football-fever/images/spin-before-free-spin/img-04.png) center center no-repeat;
  background-size: contain;
  width: 83px;
  height: 88px;
  top: 223px;
  left: 201px;
  z-index: 1;
  transition: transform 0.3s;
}

._layer5_16quc_24 {
  background: url(/football-fever/images/spin-before-free-spin/img-05.png) center center no-repeat;
  background-size: contain;
  width: 73px;
  height: 73px;
  top: 230px;
  left: 206px;
}

._layer4_16quc_23:active + ._layer5_16quc_24._canRolling_16quc_107 {
  transform: translateY(3px);
}

._layer6_16quc_25 {
  background: url(/football-fever/images/spin-before-free-spin/img-06.png) center center no-repeat;
  background-size: contain;
  width: 57px;
  height: 99px;
  top: 350px;
  left: 223px;
}

._layer7_16quc_26 {
  background: url(/football-fever/images/spin-before-free-spin/img-07.png) center center no-repeat;
  background-size: contain;
  width: 80px;
  height: 75px;
  top: 10px;
  left: 203px;
}

@keyframes _rotating_16quc_145 {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
._waitRolling_16quc_145 ._rotatingDuration1_16quc_145 {
  animation-duration: 4.5s;
}
._waitRolling_16quc_145 ._rotatingDuration2_16quc_148 {
  animation-duration: 6s;
  animation-direction: reverse;
}
._waitRolling_16quc_145 ._rotating_16quc_145 {
  animation-name: _rotating_16quc_145;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}._container_i99gp_1 canvas {
  background: url(/football-fever/images/game-screen-vertical-top.webp) top center no-repeat, url(/football-fever/images/game-screen-vertical-bottom-low-quality.webp) bottom center no-repeat;
  background-size: contain, contain;
}._buyFeatureWarper_4o56b_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_4o56b_6 {
  cursor: pointer;
  position: absolute;
  top: 135px;
  left: 16px;
}

.free-spin-running ._buyFeaturePosition_4o56b_6 {
  display: none;
}

._buyFeatureText_4o56b_17 {
  cursor: pointer;
  font-family: "green-fuz";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_4o56b_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_4o56b_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_4o56b_42 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_4o56b_49 {
  background: url(/hungry-slime/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_4o56b_49 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_4o56b_49 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_4o56b_71 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_4o56b_1,
.free-spin-running ._buyFeatureText_4o56b_17 {
  display: none;
}._coinStatisticWarper_ubpof_1 {
  z-index: 0;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_ubpof_9 {
  position: relative;
}

._coinWin_ubpof_13,
._coinBalance_ubpof_14,
._coinBet_ubpof_15 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}

._coinWin_ubpof_13,
._coinBalance_ubpof_14 {
  top: -65px;
}
._coinWin_ubpof_13 img,
._coinBalance_ubpof_14 img {
  display: none;
}

._coinWin_ubpof_13 {
  width: 224px;
  font-size: 1.5rem;
  right: 12px;
  text-align: center;
}

._coinBalance_ubpof_14 {
  left: 69px;
  font-size: 1.5rem;
  width: 220px;
  display: block;
  text-align: center;
}

._coinBet_ubpof_15 {
  top: -18px;
  left: 170px;
  font-size: 1.5rem;
  width: 265px;
  display: block;
  text-align: center;
}

._coinWinLarger_ubpof_56 {
  position: absolute;
  top: -540px;
  width: 100%;
  opacity: 0;
}
._coinWinLarger_ubpof_56._isWin_ubpof_62 {
  opacity: 1;
}

.free-spin-running ._coinWinLarger_ubpof_56 {
  transition: opacity 333ms linear;
  opacity: 1;
}
.free-spin-running.fast-spin ._coinWinLarger_ubpof_56 {
  opacity: 0.125;
}

.x-win-animation-displayed ._coinWinLarger_ubpof_56,
.win-animation-displayed ._coinWinLarger_ubpof_56 {
  opacity: 1 !important;
}

._coinLarger_ubpof_79,
._coinWinLarger_ubpof_56 {
  text-align: center;
  font-family: "green-fuz";
  font-size: 9rem;
  color: #16c80f;
  text-shadow: 2px 0 #000, -3px 0 #000, 0 9px #000, 0 -3px #000, 2px 6px #000, -2px -2px #000, 6px -2px #000, -2px 9px #000;
}

._coinLarger_ubpof_79 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_ubpof_94 {
  position: absolute;
  margin-top: -733px;
}

._coinLarger2_ubpof_99 {
  top: -666px;
}

._comboContainer_ubpof_103 {
  display: none;
  position: absolute;
  top: -750px;
  right: 1rem;
  width: 150px;
  text-align: center;
}
._comboContainer_ubpof_103 span {
  position: relative;
  text-align: center;
  font-family: "samurai-slot-game-cbdt";
  font-size: 4rem;
}

._balanceIcon_ubpof_118,
._winIcon_ubpof_119 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_ubpof_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_1ywwy_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_1ywwy_9 {
  position: relative;
}

._btnAuto_1ywwy_13,
._btnMaxBet_1ywwy_14,
._btnSpeedUp_1ywwy_15,
._btnMenu_1ywwy_16 {
  position: absolute;
  background: url(/hungry-slime/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_1ywwy_13._btnActive_1ywwy_22, ._btnAuto_1ywwy_13:active,
._btnMaxBet_1ywwy_14._btnActive_1ywwy_22,
._btnMaxBet_1ywwy_14:active,
._btnSpeedUp_1ywwy_15._btnActive_1ywwy_22,
._btnSpeedUp_1ywwy_15:active,
._btnMenu_1ywwy_16._btnActive_1ywwy_22,
._btnMenu_1ywwy_16:active {
  background-image: url(/hungry-slime/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_1ywwy_13::before,
._btnMaxBet_1ywwy_14::before,
._btnSpeedUp_1ywwy_15::before,
._btnMenu_1ywwy_16::before {
  content: " ";
  position: absolute;
}

._btnAuto_1ywwy_13,
._btnMaxBet_1ywwy_14 {
  width: 102px;
  height: 113px;
}
._btnAuto_1ywwy_13::before,
._btnMaxBet_1ywwy_14::before {
  top: 34px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1ywwy_15,
._btnMenu_1ywwy_16 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_1ywwy_15::before,
._btnMenu_1ywwy_16::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1ywwy_15 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_1ywwy_15::before {
  position: absolute;
  width: 20px;
  top: 16px;
  background: url(/hungry-slime/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1ywwy_15.x2 {
  width: 81px;
  height: 81px;
  background: url(/hungry-slime/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1ywwy_15.x2::before {
  background: url(/hungry-slime/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1ywwy_15.x3 {
  width: 81px;
  height: 81px;
  background: url(/hungry-slime/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1ywwy_15.x3::before {
  background: url(/hungry-slime/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_1ywwy_13 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_1ywwy_13::before {
  background: url(/hungry-slime/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_1ywwy_113 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_1ywwy_113 >span {
  display: block;
  text-align: center;
}
._remainder_1ywwy_113 ._infinity_1ywwy_131 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_1ywwy_113 {
  background: rgba(39, 42, 119, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_1ywwy_13 {
  background-image: url(/hungry-slime/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_1ywwy_14 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_1ywwy_14::before {
  background: url(/hungry-slime/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_1ywwy_16 {
  right: 1rem;
}
._btnMenu_1ywwy_16::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 16px;
  background: url(/hungry-slime/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_1ywwy_173 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/hungry-slime/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_1ywwy_173::before {
  content: " ";
  position: absolute;
  width: 145px;
  height: 145px;
  top: 0;
  right: 0;
  background: url(/hungry-slime/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_1ywwy_173::after {
  content: " ";
  position: absolute;
  width: 77px;
  height: 85px;
  top: 28px;
  right: 34px;
  background: url(/hungry-slime/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_1ywwy_173:active::before, ._btnSpin_1ywwy_173:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_1ywwy_13:hover,
  ._btnMaxBet_1ywwy_14:hover {
    background-image: url(/hungry-slime/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_1ywwy_173:hover::after {
    animation: _spin_1ywwy_219 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_1ywwy_173::after,
.spinning ._btnSpin_1ywwy_173::after {
  animation: _spin_1ywwy_219 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

@keyframes _spin_1ywwy_219 {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0);
  }
}
.fast-spin ._btnSpin_1ywwy_173::after,
.fast-spin ._btnSpin_1ywwy_173:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_1ywwy_237,
._btnAdd_1ywwy_238 {
  position: absolute;
  top: -106px;
  background-size: contain;
  width: 91px;
  height: 41px;
}
._btnSub_1ywwy_237:active,
._btnAdd_1ywwy_238:active {
  transform: translateY(5px);
}
._btnSub_1ywwy_237._disabled_1ywwy_249,
._btnAdd_1ywwy_238._disabled_1ywwy_249 {
  background-size: contain;
}

._btnSub_1ywwy_237 {
  left: 82px;
  background: url(/hungry-slime/images/sub.png) center center no-repeat;
}
._btnSub_1ywwy_237._disabled_1ywwy_249 {
  background: url(/hungry-slime/images/sub-disabled.png) center center no-repeat;
}

._btnAdd_1ywwy_238 {
  right: 82px;
  background: url(/hungry-slime/images/add.png) center center no-repeat;
}
._btnAdd_1ywwy_238._disabled_1ywwy_249 {
  background: url(/hungry-slime/images/add-disabled.png) center center no-repeat;
}

._btnCloseAuto_1ywwy_270 {
  position: absolute;
  background: url(/hungry-slime/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
  filter: hue-rotate(330deg);
}

._btnAuto10_1ywwy_282,
._btnAuto50_1ywwy_283,
._btnAuto100_1ywwy_284,
._btnAuto300_1ywwy_285,
._btnAutoInfinity_1ywwy_286 {
  filter: hue-rotate(330deg);
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_1ywwy_282 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/hungry-slime/images/auto/10.png) center center no-repeat;
}

._btnAuto50_1ywwy_283 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/hungry-slime/images/auto/50.png) center center no-repeat;
}

._btnAuto100_1ywwy_284 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/hungry-slime/images/auto/100.png) center center no-repeat;
}

._btnAuto300_1ywwy_285 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/hungry-slime/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_1ywwy_286 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/hungry-slime/images/auto/infinity.png) center center no-repeat;
}

._overlay_1ywwy_322 {
  transition: opacity 0.25s;
}

._active_1ywwy_326 ._overlay_1ywwy_322 {
  opacity: 0.75;
}
._active_1ywwy_326 ._btnAuto10_1ywwy_282 {
  bottom: 54px;
  left: 240px;
}
._active_1ywwy_326 ._btnAuto50_1ywwy_283 {
  bottom: 130px;
  left: 208px;
}
._active_1ywwy_326 ._btnAuto100_1ywwy_284 {
  bottom: 155px;
  left: 135px;
}
._active_1ywwy_326 ._btnAuto300_1ywwy_285 {
  bottom: 130px;
  left: 60px;
}
._active_1ywwy_326 ._btnAutoInfinity_1ywwy_286 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_1ywwy_15 {
  left: 1rem;
  top: -140px;
}
.free-spin-running ._btnMenu_1ywwy_16,
.free-spin-running ._btnAuto_1ywwy_13,
.free-spin-running ._btnSub_1ywwy_237,
.free-spin-running ._remainder_1ywwy_113,
.free-spin-running ._btnSpin_1ywwy_173,
.free-spin-running ._btnAdd_1ywwy_238,
.free-spin-running ._btnMaxBet_1ywwy_14 {
  display: none;
}

.win-animation-displayed ._controllerWarper_1ywwy_1 {
  display: none;
}._freeSpinWarper_gt8vh_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_gt8vh_1._hasFreeSpinRemaining_gt8vh_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_gt8vh_1 {
  display: block;
}

._topScreen_gt8vh_18 {
  background: url(/hungry-slime/images/game-screen-vertical-top.png) center center no-repeat;
  height: 223px;
  position: absolute;
  top: -1010px;
  left: 0;
  right: 0;
}

._freeSpinText_gt8vh_27 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_gt8vh_33 {
  position: absolute;
  bottom: 16px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_gt8vh_41 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3rem;
}

.free-spin-running ._freeSpinText_gt8vh_27 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_gt8vh_33 {
  left: 466px;
}._guideContainer_1ty99_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_1ty99_1 h3 {
  color: #00a6aa;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_1ty99_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_1ty99_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_1ty99_42 {
  color: #00ff5a;
  font-weight: 700;
}

._title_1ty99_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_1ty99_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_1ty99_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_1ty99_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_1ty99_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #28fff9 0%, #004862 100%);
  box-shadow: 0px -4px 20px 0px #007fa0 inset;
}

._featureItem_1ty99_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_1ty99_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_1ty99_84 img {
  filter: brightness(3);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_bdp4o_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_bdp4o_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_bdp4o_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_bdp4o_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_bdp4o_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_bdp4o_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_bdp4o_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_bdp4o_1 .history-list th:not(:first-child),
._historyDetailsContainer_bdp4o_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_bdp4o_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_bdp4o_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_15f5u_1 canvas {
  background: url(/hungry-slime/images/game-screen-vertical-bottom-low-quality.webp) bottom center no-repeat;
  background-size: cover;
}._container_2h1d1_1 {
  transition: all 1s;
}

.normal-spin-background {
  display: block;
}

.free-spin-background {
  display: none;
}

.free-spin-running .normal-spin-background {
  display: none;
}
.free-spin-running .free-spin-background {
  display: block;
}

.win-animation-displayed .normal-spin-background {
  display: block;
}
.win-animation-displayed .free-spin-background {
  display: none;
}

.display-ex-col-1 ._container_2h1d1_1 {
  transform: translateY(-58px);
}

.display-ex-col-2 ._container_2h1d1_1 {
  transform: translateY(-116px);
}

.display-ex-col-3 ._container_2h1d1_1 {
  transform: translateY(-174px);
}

.display-ex-col-4 ._container_2h1d1_1 {
  transform: translateY(-232px);
}

.display-ex-col-5 ._container_2h1d1_1 {
  transform: translateY(-290px);
}

.display-ex-col-6 ._container_2h1d1_1 {
  transform: translateY(-348px);
}

.display-ex-col-7 ._container_2h1d1_1 {
  transform: translateY(-406px);
}

.display-ex-col-8 ._container_2h1d1_1 {
  transform: translateY(-464px);
}

.display-ex-col-9 ._container_2h1d1_1 {
  transform: translateY(-522px);
}

.display-ex-col-10 ._container_2h1d1_1 {
  transform: translateY(-580px);
}

._bgImg_2h1d1_67 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}

._boat_2h1d1_75 {
  position: absolute;
  top: 72px;
  right: 0;
  animation-name: _floating_2h1d1_87;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
}

._floating_2h1d1_87 {
  animation-name: _floating_2h1d1_87;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
}

@keyframes _floating_2h1d1_87 {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(-10px, 10px);
  }
  100% {
    transform: translate(0, 0px);
  }
}._buyFeatureWarper_1hj1w_1 {
  position: absolute;
  width: 100%;
  z-index: 14;
}

.win-animation-displayed ._buyFeatureWarper_1hj1w_1 {
  display: none;
}

._buyFeaturePosition_1hj1w_11 {
  cursor: pointer;
  position: absolute;
  top: 135px;
  left: 16px;
}

._buyFeatureText_1hj1w_18 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_1hj1w_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_1hj1w_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_1hj1w_43 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_1hj1w_50 {
  background: url(/infinity-ocean/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_1hj1w_50 img {
  width: 70px;
  position: absolute;
  top: 12px;
  left: 12px;
}
._ticket_1hj1w_50 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_1hj1w_72 {
  font-family: "AquaWow";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 20px;
  width: 90px;
  right: 5px;
  text-align: center;
  color: #921919;
}

.free-spin-running ._buyFeatureWarper_1hj1w_1,
.free-spin-running ._buyFeatureText_1hj1w_18 {
  display: none;
}._coinStatisticWarper_1inhw_1 {
  z-index: 12;
  position: absolute;
  bottom: 174px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_1inhw_9 {
  position: relative;
  background: url(/infinity-ocean/images/point-statistic.png) center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 76px;
}

._coinWin_1inhw_17,
._coinBalance_1inhw_18,
._coinBet_1inhw_19 {
  position: absolute;
  font-weight: 500;
  color: #FFDA58;
  font-family: AquaWow;
}

._coinWin_1inhw_17,
._coinBalance_1inhw_18 {
  padding-left: 42px;
  padding-top: 12px;
  padding-bottom: 8px;
  font-size: 1.5rem;
  text-align: center;
  top: -11px;
  width: 250px;
}

._coinWin_1inhw_17 {
  right: 32px;
}

._coinBalance_1inhw_18 {
  left: 32px;
}

._coinBet_1inhw_19 {
  top: 34px;
  left: 106px;
  padding-top: 8px;
  font-size: 1.5rem;
  width: 390px;
  height: 38px;
  display: block;
  text-align: center;
}

._coinWinLarger_1inhw_56 {
  position: absolute;
  top: -650px;
  width: 100%;
  opacity: 0;
}
._coinWinLarger_1inhw_56._isWin_1inhw_62 {
  opacity: 1;
}

.free-spin-running ._coinWinLarger_1inhw_56 {
  transition: opacity 333ms linear;
  opacity: 1;
}
.free-spin-running.fast-spin ._coinWinLarger_1inhw_56 {
  opacity: 0.125;
}

.x-win-animation-displayed ._coinStatisticContainer_1inhw_9,
.win-animation-displayed ._coinStatisticContainer_1inhw_9 {
  background: none;
}
.x-win-animation-displayed ._coinWin_1inhw_17,
.x-win-animation-displayed ._coinBalance_1inhw_18,
.x-win-animation-displayed ._coinBet_1inhw_19,
.win-animation-displayed ._coinWin_1inhw_17,
.win-animation-displayed ._coinBalance_1inhw_18,
.win-animation-displayed ._coinBet_1inhw_19 {
  display: none;
}
.x-win-animation-displayed ._coinWinLarger_1inhw_56,
.win-animation-displayed ._coinWinLarger_1inhw_56 {
  top: -350px;
  opacity: 1 !important;
}

._coinWinLarger_1inhw_56 {
  text-align: center;
  font-family: "OceanAnimal";
  font-size: 5rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
  text-shadow: 3px 6px 12px #160e0e;
}

._coinLarger2_1inhw_103 {
  top: -666px;
}

._comboContainer_1inhw_107 {
  position: absolute;
  top: -580px;
  left: 0;
  width: 150px;
}

.x-win-animation-displayed ._comboContainer_1inhw_107,
.win-animation-displayed ._comboContainer_1inhw_107 {
  display: none;
}

._comboItem_1inhw_119 {
  position: relative;
  color: #ffda58;
  font-family: AquaWow;
  letter-spacing: 0.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._comboItem_1inhw_119 img:nth-child(2) {
  position: absolute;
  top: -15px;
}
._comboItem_1inhw_119 div > span:nth-child(1) {
  font-size: 2rem;
}
._comboItem_1inhw_119 div > span:nth-child(2) {
  font-size: 3rem;
}

._itemIcon_1inhw_140 {
  display: block;
  width: 66px;
  height: 60px;
  margin-top: -8px;
  border-radius: 8px;
}

._itemIconWarper_1inhw_148 {
  height: 100%;
  width: 100%;
}

._balanceIcon_1inhw_153,
._winIcon_1inhw_154 {
  position: absolute;
  width: 32px;
  top: 5px;
  left: 6px;
}

@keyframes _reverseSpin_1inhw_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_s1l6m_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 164px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgb(15, 10, 27) 25.5%);
}
._menuContainer_s1l6m_1 [type="button"] {
  z-index: 1;
}
._menuContainer_s1l6m_1 img {
  filter: brightness(3);
}

._overlay_s1l6m_16 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_s1l6m_26 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerContainer_o0dpy_1 {
  position: absolute;
  bottom: 115px;
  width: 100%;
  z-index: 12;
}

._btnAuto_o0dpy_8,
._btnMaxBet_o0dpy_9,
._btnSpeedUp_o0dpy_10,
._btnMenu_o0dpy_11 {
  position: absolute;
  background: url(/infinity-ocean/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_o0dpy_8._btnActive_o0dpy_17, ._btnAuto_o0dpy_8:active,
._btnMaxBet_o0dpy_9._btnActive_o0dpy_17,
._btnMaxBet_o0dpy_9:active,
._btnSpeedUp_o0dpy_10._btnActive_o0dpy_17,
._btnSpeedUp_o0dpy_10:active,
._btnMenu_o0dpy_11._btnActive_o0dpy_17,
._btnMenu_o0dpy_11:active {
  background-image: url(/infinity-ocean/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_o0dpy_8::before,
._btnMaxBet_o0dpy_9::before,
._btnSpeedUp_o0dpy_10::before,
._btnMenu_o0dpy_11::before {
  content: " ";
  position: absolute;
}

._btnAuto_o0dpy_8,
._btnMaxBet_o0dpy_9 {
  width: 102px;
  height: 113px;
}
._btnAuto_o0dpy_8::before,
._btnMaxBet_o0dpy_9::before {
  top: 27px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_o0dpy_10,
._btnMenu_o0dpy_11 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_o0dpy_10::before,
._btnMenu_o0dpy_11::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_o0dpy_10 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_o0dpy_10::before {
  position: absolute;
  width: 20px;
  top: 12px;
  background: url(/infinity-ocean/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_o0dpy_10.x2 {
  width: 81px;
  height: 81px;
  background: url(/infinity-ocean/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_o0dpy_10.x2::before {
  background: url(/infinity-ocean/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_o0dpy_10.x3 {
  width: 81px;
  height: 81px;
  background: url(/infinity-ocean/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_o0dpy_10.x3::before {
  background: url(/infinity-ocean/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_o0dpy_8 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_o0dpy_8::before {
  background: url(/infinity-ocean/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_o0dpy_108 {
  font-size: 3rem;
  color: #fff;
  font-family: AquaWow;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
._remainder_o0dpy_108 >span {
  display: block;
  width: 100%;
  text-align: center;
}
._remainder_o0dpy_108 ._infinity_o0dpy_124 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auto-spin ._btnAuto_o0dpy_8 {
  background-image: url(/infinity-ocean/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_o0dpy_9 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_o0dpy_9::before {
  background: url(/infinity-ocean/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_o0dpy_11 {
  right: 1rem;
}
._btnMenu_o0dpy_11::before {
  position: absolute;
  width: 28px;
  left: 26px;
  top: 14px;
  background: url(/infinity-ocean/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_o0dpy_164,
._remainder_o0dpy_108 {
  position: absolute;
  width: 145px;
  left: 234px;
}

._btnSpin_o0dpy_164 {
  height: 145px;
  top: -46px;
}

._remainder_o0dpy_108 {
  background: rgba(0, 16, 64, 0.75);
  border-radius: 8px;
  width: 92px;
  height: 87px;
  top: -22px;
  left: 258px;
  border: solid 1px #fff;
}

._btnSpin_o0dpy_164 {
  background: url(/infinity-ocean/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_o0dpy_164::after {
  content: " ";
  position: absolute;
  width: 63px;
  height: 80px;
  top: 28px;
  right: 41px;
  background: url(/infinity-ocean/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_o0dpy_164:active::before, ._btnSpin_o0dpy_164:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_o0dpy_8:hover,
  ._btnMaxBet_o0dpy_9:hover {
    background-image: url(/infinity-ocean/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_o0dpy_164:hover::after {
    animation: _spin_o0dpy_217 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_o0dpy_164::before,
.spinning ._btnSpin_o0dpy_164::before {
  display: none;
}
.auto-spin ._btnSpin_o0dpy_164::after,
.spinning ._btnSpin_o0dpy_164::after {
  animation: _spin_o0dpy_217 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_o0dpy_164::after,
.fast-spin ._btnSpin_o0dpy_164:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_o0dpy_231,
._btnAdd_o0dpy_232 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_o0dpy_231:active,
._btnAdd_o0dpy_232:active {
  transform: translateY(5px);
}

._btnSub_o0dpy_231,
._btnAdd_o0dpy_232 {
  top: -95px;
  height: 34px;
  background-size: contain;
}

._btnSub_o0dpy_231 {
  left: 106px;
  background: url(/infinity-ocean/images/sub.png) center center no-repeat;
}
._btnSub_o0dpy_231._disabled_o0dpy_253 {
  background: url(/infinity-ocean/images/sub-disabled.png) center center no-repeat;
}

._btnAdd_o0dpy_232 {
  right: 106px;
  background: url(/infinity-ocean/images/add.png) center center no-repeat;
}
._btnAdd_o0dpy_232._disabled_o0dpy_253 {
  background: url(/infinity-ocean/images/add-disabled.png) center center no-repeat;
}

._btnCloseAuto_o0dpy_265 {
  filter: hue-rotate(333deg);
  position: absolute;
  background: url(/infinity-ocean/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 12;
  bottom: 35px;
  left: 119px;
}

._btnAuto10_o0dpy_277,
._btnAuto50_o0dpy_278,
._btnAuto100_o0dpy_279,
._btnAuto300_o0dpy_280,
._btnAutoInfinity_o0dpy_281 {
  filter: hue-rotate(333deg);
  position: absolute;
  background-size: contain;
  z-index: 13;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_o0dpy_277 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/infinity-ocean/images/auto/10.png) center center no-repeat;
}

._btnAuto50_o0dpy_278 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/infinity-ocean/images/auto/50.png) center center no-repeat;
}

._btnAuto100_o0dpy_279 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/infinity-ocean/images/auto/100.png) center center no-repeat;
}

._btnAuto300_o0dpy_280 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/infinity-ocean/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_o0dpy_281 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/infinity-ocean/images/auto/infinity.png) center center no-repeat;
}

._overlay_o0dpy_317 {
  transition: opacity 0.25s;
}

._active_o0dpy_321 ._overlay_o0dpy_317 {
  opacity: 0.75;
}
._active_o0dpy_321 ._btnAuto10_o0dpy_277 {
  bottom: 49px;
  left: 240px;
}
._active_o0dpy_321 ._btnAuto50_o0dpy_278 {
  bottom: 130px;
  left: 208px;
}
._active_o0dpy_321 ._btnAuto100_o0dpy_279 {
  bottom: 155px;
  left: 135px;
}
._active_o0dpy_321 ._btnAuto300_o0dpy_280 {
  bottom: 130px;
  left: 60px;
}
._active_o0dpy_321 ._btnAutoInfinity_o0dpy_281 {
  bottom: 49px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_o0dpy_10 {
  left: 1rem;
  top: -225px;
}
.free-spin-running ._btnAuto_o0dpy_8,
.free-spin-running ._btnSub_o0dpy_231,
.free-spin-running ._remainder_o0dpy_108,
.free-spin-running ._btnSpin_o0dpy_164,
.free-spin-running ._btnAdd_o0dpy_232,
.free-spin-running ._btnMaxBet_o0dpy_9,
.free-spin-running ._btnMenu_o0dpy_11 {
  display: none;
}

.win-animation-displayed ._btnSpeedUp_o0dpy_10 {
  display: none;
}
.win-animation-displayed ._controllerContainer_o0dpy_1 {
  background: none;
}._freeSpinWarper_1ihsx_1 {
  z-index: 20;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_1ihsx_1._hasFreeSpinRemaining_1ihsx_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1ihsx_1 {
  display: block;
}

._freeSpinText_1ihsx_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_1ihsx_24 {
  position: absolute;
  bottom: -33px;
  left: 231px;
  width: 137px;
  transition: left 1s;
  display: block;
  height: 224px;
}

._freeSpinRemaining_1ihsx_34 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "OceanAnimal";
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 8rem;
}

.free-spin-running ._freeSpinText_1ihsx_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_1ihsx_24 {
  left: 466px;
}

.win-animation-displayed ._freeSpinWarper_1ihsx_1 {
  display: none;
}._guideContainer_la5pk_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_la5pk_1 h3 {
  color: #ff8747;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_la5pk_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_la5pk_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_la5pk_42 {
  color: #ff8747;
  font-weight: 700;
}

._title_la5pk_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_la5pk_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_la5pk_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_la5pk_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_la5pk_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #6a76ff;
  background: linear-gradient(180deg, hsl(234, 100%, 66%) 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px hsl(241, 100%, 65%) inset;
}

._featureItem_la5pk_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_la5pk_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_la5pk_84 img {
  filter: brightness(3);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_ojw60_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_ojw60_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_ojw60_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_ojw60_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_ojw60_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #00239f 0%, #005cfc 100%);
  box-shadow: 0px -4px 20px 0px #5761ff inset;
}

._historyContainer_ojw60_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_ojw60_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_ojw60_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_ojw60_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_ojw60_1 .history-list th:not(:first-child),
._historyContainer_ojw60_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_18e4b_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 16;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_18e4b_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_18e4b_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_18e4b_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_18e4b_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_18e4b_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_18e4b_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_18e4b_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_18e4b_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_18e4b_1 .history-list th:not(:first-child),
._historyDetailsContainer_18e4b_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_18e4b_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_18e4b_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_18e4b_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_18e4b_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_18e4b_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_18e4b_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._winLinesContainer_i2r13_1 {
  position: absolute;
  top: 358px;
  right: 0;
  bottom: 275px;
  left: 0;
  overflow: hidden;
  transition: right 1s linear;
}

._line_i2r13_11 {
  background-size: cover !important;
  width: 610px;
  display: block;
  position: absolute;
}

._line1_i2r13_18,
._line2_i2r13_19,
._line3_i2r13_20 {
  background: url("/infinity-ocean/images/win-lines/line-01-02-03.png") 0 center no-repeat;
  height: 100px;
}

._line1_i2r13_18 {
  top: 180px;
}

._line2_i2r13_19 {
  top: 50px;
}

._line3_i2r13_20 {
  top: 310px;
}

._line4_i2r13_37,
._line5_i2r13_38 {
  background: url("/infinity-ocean/images/win-lines/line-04-05.png") 0 center no-repeat;
  height: 299px;
}

._line4_i2r13_37 {
  top: 92px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line5_i2r13_38 {
  top: 70px;
}

._line6_i2r13_57,
._line7_i2r13_58 {
  background: url("/infinity-ocean/images/win-lines/line-06-07.png") 0 center no-repeat;
  height: 200px;
}

._line6_i2r13_57 {
  top: 200px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line7_i2r13_58 {
  top: 60px;
}

._line8_i2r13_77,
._line9_i2r13_78,
._line10_i2r13_79,
._line11_i2r13_80 {
  background: url("/infinity-ocean/images/win-lines/line-08-09-10-11.png") 0 center no-repeat;
  height: 199px;
}

._line8_i2r13_77 {
  top: 190px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line9_i2r13_78 {
  top: 70px;
}

._line10_i2r13_79 {
  top: 200px;
}

._line11_i2r13_80 {
  top: 60px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line12_i2r13_113,
._line13_i2r13_114,
._line14_i2r13_115,
._line15_i2r13_116 {
  background: url("/infinity-ocean/images/win-lines/line-12-13-14-15.png") 0 center no-repeat;
  height: 201px;
}

._line12_i2r13_113 {
  top: 200px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line13_i2r13_114 {
  top: 60px;
}

._line14_i2r13_115 {
  top: 190px;
}

._line15_i2r13_116 {
  top: 70px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line16_i2r13_149,
._line17_i2r13_150 {
  background: url("/infinity-ocean/images/win-lines/line-16-17.png") 0 center no-repeat;
  height: 200px;
}

._line16_i2r13_149 {
  top: 190px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line17_i2r13_150 {
  top: 70px;
}

._line18_i2r13_169,
._line19_i2r13_170 {
  background: url("/infinity-ocean/images/win-lines/line-18-19.png") 0 center no-repeat;
  height: 302px;
}

._line18_i2r13_169 {
  top: 90px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line19_i2r13_170 {
  top: 70px;
}

._line20_i2r13_189 {
  background: url("/infinity-ocean/images/win-lines/line-20.png") 0 center no-repeat;
  height: 301px;
  top: 80px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}._winTypeDisplayContainer_1azmz_1 {
  z-index: 12;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinLarger_1azmz_9 {
  text-align: center;
  font-family: "AquaWow";
  font-size: 12rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_1azmz_1 {
  position: absolute;
  margin-top: -550px;
}

._coinLarger2_1azmz_27 {
  top: -666px;
}.bubbles {
  top: 126px;
}

.free-spin-running .bubbles {
  top: 0;
}._buyFeatureWarper_13set_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_13set_6 {
  cursor: pointer;
  position: absolute;
  top: 135px;
  left: 16px;
}

._buyFeatureText_13set_13 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_13set_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_13set_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_13set_38 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_13set_45 {
  background: url(/last-samurai/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_13set_45 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_13set_45 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_13set_67 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_13set_1,
.free-spin-running ._buyFeatureText_13set_13 {
  display: none;
}._coinStatisticWarper_167x1_1 {
  z-index: 0;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_167x1_9 {
  position: relative;
}

._coinWin_167x1_13,
._coinBalance_167x1_14,
._coinBet_167x1_15 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}

._coinWin_167x1_13 {
  top: -55px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_167x1_14 {
  top: -55px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_167x1_15 {
  top: -8px;
  left: 106px;
  font-size: 1.5rem;
  width: 390px;
  display: block;
  text-align: center;
}

._coinWinLarger_167x1_49 {
  position: absolute;
  top: -660px;
  width: 100%;
}

._coinLarger_167x1_55,
._coinWinLarger_167x1_49 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
}

._coinLarger_167x1_55 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_167x1_68 {
  position: absolute;
  margin-top: -550px;
}

._coinLarger2_167x1_73 {
  top: -666px;
}

._comboContainer_167x1_77 {
  position: absolute;
  top: -750px;
  right: 1rem;
  width: 150px;
  text-align: center;
}
._comboContainer_167x1_77::before {
  content: " ";
  position: absolute;
  top: calc(50% - 75px);
  right: calc(50% - 75px);
  display: block;
  width: 150px;
  height: 150px;
  background: url(/last-samurai/images/combo-bg.webp) center center no-repeat;
  background-size: contain;
}
._comboContainer_167x1_77.spin::before {
  animation: _reverseSpin_167x1_1;
  animation-duration: calc(2000ms / var(--game-spd));
}
._comboContainer_167x1_77 span {
  position: relative;
  text-align: center;
  font-family: "samurai-slot-game-cbdt";
  font-size: 4rem;
}

._balanceIcon_167x1_106,
._winIcon_167x1_107 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_167x1_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_191dv_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}

._overlay_191dv_10 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_191dv_20 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_19ibk_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_19ibk_9 {
  position: relative;
}

._btnAuto_19ibk_13,
._btnMaxBet_19ibk_14,
._btnSpeedUp_19ibk_15,
._btnMenu_19ibk_16 {
  position: absolute;
  background: url(/last-samurai/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_19ibk_13._btnActive_19ibk_22, ._btnAuto_19ibk_13:active,
._btnMaxBet_19ibk_14._btnActive_19ibk_22,
._btnMaxBet_19ibk_14:active,
._btnSpeedUp_19ibk_15._btnActive_19ibk_22,
._btnSpeedUp_19ibk_15:active,
._btnMenu_19ibk_16._btnActive_19ibk_22,
._btnMenu_19ibk_16:active {
  background-image: url(/last-samurai/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_19ibk_13::before,
._btnMaxBet_19ibk_14::before,
._btnSpeedUp_19ibk_15::before,
._btnMenu_19ibk_16::before {
  content: " ";
  position: absolute;
}

._btnAuto_19ibk_13,
._btnMaxBet_19ibk_14 {
  width: 102px;
  height: 113px;
}
._btnAuto_19ibk_13::before,
._btnMaxBet_19ibk_14::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_19ibk_15,
._btnMenu_19ibk_16 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_19ibk_15::before,
._btnMenu_19ibk_16::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_19ibk_15 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_19ibk_15::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/last-samurai/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_19ibk_15.x2 {
  width: 81px;
  height: 81px;
  background: url(/last-samurai/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_19ibk_15.x2::before {
  background: url(/last-samurai/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_19ibk_15.x3 {
  width: 81px;
  height: 81px;
  background: url(/last-samurai/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_19ibk_15.x3::before {
  background: url(/last-samurai/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_19ibk_13 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_19ibk_13::before {
  background: url(/last-samurai/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_19ibk_113 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_19ibk_113 >span {
  display: block;
  text-align: center;
}
._remainder_19ibk_113 ._infinity_19ibk_131 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_19ibk_113 {
  background: rgba(39, 42, 119, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_19ibk_13 {
  background-image: url(/last-samurai/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_19ibk_14 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_19ibk_14::before {
  background: url(/last-samurai/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_19ibk_16 {
  right: 1rem;
}
._btnMenu_19ibk_16::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background: url(/last-samurai/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_19ibk_173 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/last-samurai/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_19ibk_173::before {
  content: " ";
  position: absolute;
  width: 145px;
  height: 145px;
  top: 0;
  right: 0;
  background: url(/last-samurai/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_19ibk_173::after {
  content: " ";
  position: absolute;
  width: 77px;
  height: 85px;
  top: 28px;
  right: 34px;
  background: url(/last-samurai/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_19ibk_173:active::before, ._btnSpin_19ibk_173:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_19ibk_13:hover,
  ._btnMaxBet_19ibk_14:hover {
    background-image: url(/last-samurai/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_19ibk_173:hover::after {
    animation: _spin_19ibk_219 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_19ibk_173::after,
.spinning ._btnSpin_19ibk_173::after {
  animation: _spin_19ibk_219 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_19ibk_173::after,
.fast-spin ._btnSpin_19ibk_173:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_19ibk_229,
._btnAdd_19ibk_230 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_19ibk_229:active,
._btnAdd_19ibk_230:active {
  transform: translateY(5px);
}

._btnSub_19ibk_229 {
  top: -94px;
  left: 82px;
  background: url(/last-samurai/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_19ibk_229._disabled_19ibk_246 {
  background: url(/last-samurai/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_19ibk_230 {
  top: -94px;
  right: 82px;
  background: url(/last-samurai/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_19ibk_230._disabled_19ibk_246 {
  background: url(/last-samurai/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_19ibk_262 {
  position: absolute;
  background: url(/last-samurai/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
}

._btnAuto10_19ibk_273,
._btnAuto50_19ibk_274,
._btnAuto100_19ibk_275,
._btnAuto300_19ibk_276,
._btnAutoInfinity_19ibk_277 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_19ibk_273 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/last-samurai/images/auto/10.png) center center no-repeat;
}

._btnAuto50_19ibk_274 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/last-samurai/images/auto/50.png) center center no-repeat;
}

._btnAuto100_19ibk_275 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/last-samurai/images/auto/100.png) center center no-repeat;
}

._btnAuto300_19ibk_276 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/last-samurai/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_19ibk_277 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/last-samurai/images/auto/infinity.png) center center no-repeat;
}

._overlay_19ibk_312 {
  transition: opacity 0.25s;
}

._active_19ibk_316 ._overlay_19ibk_312 {
  opacity: 0.75;
}
._active_19ibk_316 ._btnAuto10_19ibk_273 {
  bottom: 54px;
  left: 240px;
}
._active_19ibk_316 ._btnAuto50_19ibk_274 {
  bottom: 130px;
  left: 208px;
}
._active_19ibk_316 ._btnAuto100_19ibk_275 {
  bottom: 155px;
  left: 135px;
}
._active_19ibk_316 ._btnAuto300_19ibk_276 {
  bottom: 130px;
  left: 60px;
}
._active_19ibk_316 ._btnAutoInfinity_19ibk_277 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_19ibk_15 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnAuto_19ibk_13,
.free-spin-running ._btnSub_19ibk_229,
.free-spin-running ._remainder_19ibk_113,
.free-spin-running ._btnSpin_19ibk_173,
.free-spin-running ._btnAdd_19ibk_230,
.free-spin-running ._btnMaxBet_19ibk_14 {
  display: none;
}._freeSpinWarper_dr26g_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_dr26g_1._hasFreeSpinRemaining_dr26g_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_dr26g_1 {
  display: block;
}

._freeSpinText_dr26g_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_dr26g_24 {
  position: absolute;
  bottom: 16px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_dr26g_32 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3rem;
}

.free-spin-running ._freeSpinText_dr26g_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_dr26g_24 {
  left: 466px;
}._guideContainer_9tyvz_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_9tyvz_1 h3 {
  color: #D67DFF;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_9tyvz_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_9tyvz_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_9tyvz_42 {
  color: #D67DFF;
  font-weight: 700;
}

._title_9tyvz_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_9tyvz_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_9tyvz_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_9tyvz_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_9tyvz_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._featureItem_9tyvz_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_9tyvz_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_bdp4o_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_bdp4o_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_bdp4o_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_bdp4o_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_bdp4o_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_bdp4o_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_bdp4o_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_bdp4o_1 .history-list th:not(:first-child),
._historyDetailsContainer_bdp4o_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_bdp4o_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_bdp4o_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_wn97e_1 canvas {
  background: url(/last-samurai/images/game-screen-vertical-bottom-low-quality.webp) bottom center no-repeat, url(/last-samurai/images/game-screen-vertical-top.webp) top center no-repeat;
  background-size: contain, contain;
}._buyFeatureWarper_1okb7_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_1okb7_6 {
  cursor: pointer;
  position: absolute;
  top: 108px;
  left: 16px;
}

._buyFeatureText_1okb7_13 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_1okb7_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_1okb7_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_1okb7_38 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_1okb7_45 {
  background: url(/mahjong-ways/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_1okb7_45 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_1okb7_45 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_1okb7_67 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_1okb7_1,
.free-spin-running ._buyFeatureText_1okb7_13 {
  display: none;
}._img1_1y27y_1 {
  position: absolute;
  top: 188px;
  left: 64px;
  filter: brightness(2.5);
  opacity: 1;
  animation: _highlight_1y27y_1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img2_1y27y_13 {
  position: absolute;
  top: 228px;
  left: 10px;
  position: absolute;
  top: 65px;
  left: 68px;
  filter: brightness(2.5);
  opacity: 0.75;
  animation: _reverseSpin_1y27y_1;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img3_1y27y_28 {
  position: absolute;
  top: 228px;
  left: 10px;
}

._img4_1y27y_34 {
  position: absolute;
  top: 245px;
  left: 10px;
  rotate: -25deg;
}

._img5_1y27y_41 {
  position: absolute;
  top: 245px;
  right: 10px;
  rotate: 25deg;
  transform: scaleX(-1);
}

._img6_1y27y_49 {
  position: absolute;
  top: 249px;
  left: 10px;
  rotate: -39deg;
}

._img7_1y27y_56 {
  position: absolute;
  top: 249px;
  right: 10px;
  rotate: 39deg;
  transform: scaleX(-1);
}

._bigWin_1y27y_64 {
  position: absolute;
  top: 444px;
  left: 90px;
}

._megaWin_1y27y_70 {
  position: absolute;
  top: 444px;
  left: 4px;
}

._superWin_1y27y_76 {
  position: absolute;
  top: 352px;
  left: 4px;
}

@keyframes _highlight_1y27y_1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _reverseSpin_1y27y_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}._coinStatisticWarper_1b8fy_1 {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.x-win-animation-displayed ._coinStatisticWarper_1b8fy_1 {
  z-index: 2;
}

._coinStatisticContainer_1b8fy_14 {
  position: relative;
  bottom: -881px;
}

._coinWin_1b8fy_19,
._coinBalance_1b8fy_20,
._coinBet_1b8fy_21 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}
._coinWin_1b8fy_19::before,
._coinBalance_1b8fy_20::before,
._coinBet_1b8fy_21::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 38px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  z-index: -1;
}

._coinWin_1b8fy_19::before,
._coinBalance_1b8fy_20::before {
  left: -38px;
}

._coinBet_1b8fy_21::before {
  left: 0;
}

._coinWin_1b8fy_19 {
  top: -55px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_1b8fy_20 {
  top: -55px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_1b8fy_21 {
  top: -8px;
  left: 106px;
  font-size: 1.5rem;
  width: 397px;
  display: block;
  text-align: center;
}

._coinWinLarger_1b8fy_77 {
  position: absolute;
  top: -512px;
  width: 100%;
}

._coinLarger_1b8fy_83,
._coinWinLarger_1b8fy_77 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
}

._coinLarger_1b8fy_83 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

.x-win-animation-displayed ._coinLarger_1b8fy_83 {
  position: fixed;
  z-index: 10;
  top: 590px;
  font-size: 8rem;
}

._winType_1b8fy_103 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

._coinLarger2_1b8fy_115 {
  top: -666px;
}

._balanceIcon_1b8fy_119,
._winIcon_1b8fy_120 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_1b8fy_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_1tjh8_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

.x-win-animation-displayed ._controllerWarper_1tjh8_1 {
  z-index: 0;
}

._controllerContainer_1tjh8_13 {
  position: relative;
}

._btnAuto_1tjh8_17,
._btnMaxBet_1tjh8_18,
._btnSpeedUp_1tjh8_19,
._btnMenu_1tjh8_20 {
  position: absolute;
  background: url(/mahjong-ways/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_1tjh8_17._btnActive_1tjh8_26, ._btnAuto_1tjh8_17:active,
._btnMaxBet_1tjh8_18._btnActive_1tjh8_26,
._btnMaxBet_1tjh8_18:active,
._btnSpeedUp_1tjh8_19._btnActive_1tjh8_26,
._btnSpeedUp_1tjh8_19:active,
._btnMenu_1tjh8_20._btnActive_1tjh8_26,
._btnMenu_1tjh8_20:active {
  background-image: url(/mahjong-ways/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_1tjh8_17::before,
._btnMaxBet_1tjh8_18::before,
._btnSpeedUp_1tjh8_19::before,
._btnMenu_1tjh8_20::before {
  content: " ";
  position: absolute;
}

._btnAuto_1tjh8_17,
._btnMaxBet_1tjh8_18 {
  width: 102px;
  height: 113px;
}
._btnAuto_1tjh8_17::before,
._btnMaxBet_1tjh8_18::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1tjh8_19,
._btnMenu_1tjh8_20 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_1tjh8_19::before,
._btnMenu_1tjh8_20::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1tjh8_19 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_1tjh8_19::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/mahjong-ways/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1tjh8_19.x2 {
  width: 81px;
  height: 81px;
  background: url(/mahjong-ways/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1tjh8_19.x2::before {
  background: url(/mahjong-ways/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1tjh8_19.x3 {
  width: 81px;
  height: 81px;
  background: url(/mahjong-ways/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1tjh8_19.x3::before {
  background: url(/mahjong-ways/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_1tjh8_17 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_1tjh8_17::before {
  background: url(/mahjong-ways/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_1tjh8_117 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_1tjh8_117 >span {
  display: block;
  text-align: center;
  color: #fadd52;
}
._remainder_1tjh8_117 ._infinity_1tjh8_136 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_1tjh8_117 {
  background: rgba(108, 180, 60, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_1tjh8_17 {
  background-image: url(/mahjong-ways/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_1tjh8_18 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_1tjh8_18::before {
  background: url(/mahjong-ways/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_1tjh8_20 {
  right: 1rem;
}
._btnMenu_1tjh8_20::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background: url(/mahjong-ways/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_1tjh8_178 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/mahjong-ways/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpinActive_1tjh8_188 ._lightEffect_1tjh8_188 {
  display: block;
  width: 144px;
  height: 144px;
  background-image: url(/mahjong-ways/images/light-effect.png);
  animation: _moveH_1tjh8_1 0.3s steps(11) infinite;
  opacity: 0;
  transform: scale(1.5);
  position: absolute;
  top: -2px;
  left: -20px;
}

@keyframes _moveH_1tjh8_1 {
  0% {
    background-position-x: 0px;
    opacity: 1;
  }
  100% {
    background-position-x: 100%;
    opacity: 0;
  }
}
._btnSpin_1tjh8_178::after {
  content: " ";
  position: absolute;
  width: 98px;
  height: 98px;
  top: 21px;
  right: 24px;
  background: url(/mahjong-ways/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_1tjh8_178:active::before, ._btnSpin_1tjh8_178:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_1tjh8_17:hover,
  ._btnMaxBet_1tjh8_18:hover {
    background-image: url(/mahjong-ways/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_1tjh8_178:hover::after {
    animation: _spin_1tjh8_237 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_1tjh8_178::after,
.spinning ._btnSpin_1tjh8_178::after {
  animation: _spin_1tjh8_237 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_1tjh8_178::after,
.fast-spin ._btnSpin_1tjh8_178:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_1tjh8_247,
._btnAdd_1tjh8_248 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_1tjh8_247:active,
._btnAdd_1tjh8_248:active {
  transform: translateY(5px);
}

._btnSub_1tjh8_247 {
  top: -94px;
  left: 106px;
  background: url(/mahjong-ways/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_1tjh8_247._disabled_1tjh8_264 {
  background: url(/mahjong-ways/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_1tjh8_248 {
  top: -94px;
  right: 106px;
  background: url(/mahjong-ways/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_1tjh8_248._disabled_1tjh8_264 {
  background: url(/mahjong-ways/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_1tjh8_280 {
  position: absolute;
  background: url(/mahjong-ways/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
  filter: hue-rotate(250deg);
}

._btnAuto10_1tjh8_292,
._btnAuto50_1tjh8_293,
._btnAuto100_1tjh8_294,
._btnAuto300_1tjh8_295,
._btnAutoInfinity_1tjh8_296 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
  filter: hue-rotate(250deg);
}

._btnAuto10_1tjh8_292 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/mahjong-ways/images/auto/10.png) center center no-repeat;
}

._btnAuto50_1tjh8_293 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/mahjong-ways/images/auto/50.png) center center no-repeat;
}

._btnAuto100_1tjh8_294 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/mahjong-ways/images/auto/100.png) center center no-repeat;
}

._btnAuto300_1tjh8_295 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/mahjong-ways/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_1tjh8_296 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/mahjong-ways/images/auto/infinity.png) center center no-repeat;
}

._overlay_1tjh8_332 {
  transition: opacity 0.25s;
}

._active_1tjh8_336 ._overlay_1tjh8_332 {
  opacity: 0.75;
}
._active_1tjh8_336 ._btnAuto10_1tjh8_292 {
  bottom: 54px;
  left: 240px;
}
._active_1tjh8_336 ._btnAuto50_1tjh8_293 {
  bottom: 130px;
  left: 208px;
}
._active_1tjh8_336 ._btnAuto100_1tjh8_294 {
  bottom: 155px;
  left: 135px;
}
._active_1tjh8_336 ._btnAuto300_1tjh8_295 {
  bottom: 130px;
  left: 60px;
}
._active_1tjh8_336 ._btnAutoInfinity_1tjh8_296 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_1tjh8_19 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnAuto_1tjh8_17,
.free-spin-running ._btnSub_1tjh8_247,
.free-spin-running ._remainder_1tjh8_117,
.free-spin-running ._btnSpin_1tjh8_178,
.free-spin-running ._btnAdd_1tjh8_248,
.free-spin-running ._btnMaxBet_1tjh8_18 {
  display: none;
}._container_15phv_1 {
  position: relative;
}

._ways_15phv_5,
._topBg1_15phv_6,
._topBg2_15phv_7,
._bottomBg_15phv_8 {
  position: absolute;
  content: " ";
  display: block;
}

._topBg1_15phv_6,
._topBg2_15phv_7,
._bottomBg_15phv_8 {
  width: 100%;
}

._topBg2_15phv_7 {
  display: none;
}

._multiple_15phv_24 {
  z-index: 1;
  position: absolute;
  top: 70px;
  transform: scale(0.6);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
._multiple_15phv_24 ._x1_15phv_33,
._multiple_15phv_24 ._x2_15phv_34,
._multiple_15phv_24 ._x3_15phv_35,
._multiple_15phv_24 ._x4_15phv_36,
._multiple_15phv_24 ._x5_15phv_37,
._multiple_15phv_24 ._x6_15phv_38,
._multiple_15phv_24 ._x10_15phv_39 {
  background-image: url(/mahjong-ways/images/img-002.png);
  background-repeat: no-repeat;
  display: block;
  height: 94px;
  width: 166px;
}
._multiple_15phv_24 ._x1_15phv_33 {
  background-position: -1004px 0px;
}
._multiple_15phv_24 ._x2_15phv_34 {
  background-position: -838px 0px;
}
._multiple_15phv_24 ._x3_15phv_35 {
  background-position: -672px 0px;
}
._multiple_15phv_24 ._x4_15phv_36 {
  background-position: -506px 0px;
}
._multiple_15phv_24 ._x5_15phv_37 {
  background-position: -340px 0px;
}
._multiple_15phv_24 ._x6_15phv_38 {
  background-position: -174px 0px;
}
._multiple_15phv_24 ._x10_15phv_39 {
  background-position: -8px 0px;
}
._multiple_15phv_24 ._active_15phv_67._x1_15phv_33, ._multiple_15phv_24 ._active_15phv_67._x2_15phv_34, ._multiple_15phv_24 ._active_15phv_67._x3_15phv_35, ._multiple_15phv_24 ._active_15phv_67._x4_15phv_36, ._multiple_15phv_24 ._active_15phv_67._x5_15phv_37, ._multiple_15phv_24 ._active_15phv_67._x6_15phv_38, ._multiple_15phv_24 ._active_15phv_67._x10_15phv_39 {
  background-position-y: -94px;
}

._ways_15phv_5 {
  background: url(/mahjong-ways/images/img-006.png) center center no-repeat;
  background-size: cover;
  top: 25px;
  left: 152px;
  height: 57px;
  width: 313px;
  z-index: 1;
  transform: scale(0.75);
}

._topBg1_15phv_6 {
  background: url(/mahjong-ways/images/img-003.png) center center no-repeat;
  background-size: cover;
  height: 99px;
  top: 8px;
  z-index: -1;
}

._topBg2_15phv_7 {
  background: url(/mahjong-ways/images/img-005.png) center center no-repeat;
  background-size: contain;
  height: 99px;
  top: 67px;
}

._bottomBg_15phv_8 {
  background: url(/mahjong-ways/images/img-004.png) center center no-repeat;
  background-size: cover;
  height: 119px;
  top: 705px;
}

.free-spin-running ._topBg2_15phv_7 {
  display: block;
}._freeSpinWarper_1joj4_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_1joj4_1._hasFreeSpinRemaining_1joj4_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1joj4_1 {
  display: block;
}

._freeSpinText_1joj4_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_1joj4_24 {
  position: absolute;
  bottom: 116px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_1joj4_32 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #61ff3e 33%, #507d56);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  height: fit-content;
}

.free-spin-running ._freeSpinText_1joj4_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_1joj4_24 {
  left: 466px;
}._guideContainer_th3kp_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_th3kp_1 h3 {
  color: #fff700;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_th3kp_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
  margin-top: 2rem;
}
._symbol_th3kp_22::before {
  content: " ";
  background: url(/mahjong-ways/images/symbols/bg-1.png) center center no-repeat;
  width: 157px;
  height: 193px;
  display: block;
  background-size: contain;
  position: absolute;
  z-index: -1;
  transform: scale(0.75);
}
._symbol_th3kp_22.no-bg::before {
  display: none;
}

._symbolInfo_th3kp_47 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_th3kp_57 {
  color: #fff700;
  font-weight: 700;
}

._title_th3kp_62 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #fff700;
}

._tabHeaderContainer_th3kp_69 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_th3kp_73 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_th3kp_69 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_th3kp_92 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #f9ff5e 0%, #ff3100 100%);
  box-shadow: 0px -4px 20px 0px #d1bc3c inset;
}

._featureItem_th3kp_100 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_th3kp_100 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_th3kp_100 img {
  filter: brightness(5);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_1levf_1 {
  position: relative;
}
._container_1levf_1 canvas {
  background: url(/mahjong-ways/images/game-screen.png) center center no-repeat;
  background-size: cover;
}

.game-loading ._container_1levf_1 canvas {
  background: url(/mahjong-ways/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}._buyFeatureWarper_136x2_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_136x2_6 {
  cursor: pointer;
  position: absolute;
  top: 135px;
  left: 16px;
}

._buyFeatureText_136x2_13 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_136x2_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_136x2_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_136x2_38 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_136x2_45 {
  background: url(/pubg/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_136x2_45 img {
  width: 70px;
  position: absolute;
  top: 12px;
  left: 12px;
}
._ticket_136x2_45 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_136x2_67 {
  font-family: "WesternBangBang";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 20px;
  width: 90px;
  right: 5px;
  text-align: center;
  color: #921919;
}

.free-spin-running ._buyFeatureWarper_136x2_1,
.free-spin-running ._buyFeatureText_136x2_13 {
  display: none;
}._chooseWeaponContainer_tagpg_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: url(/pubg/images/free-spin/bg.png) center no-repeat;
  background-size: cover;
  z-index: 20;
}

._timeLeft_tagpg_13 {
  position: absolute;
  top: -12px;
  right: 126px;
  font-size: 6rem;
  font-family: "WesternBangBang";
  font-weight: 400;
  color: #dea53c;
  width: 100px;
  text-align: center;
}

._weapon1_tagpg_25,
._weapon2_tagpg_26,
._weapon3_tagpg_27,
._weapon4_tagpg_28,
._weapon5_tagpg_29 {
  position: absolute;
  cursor: pointer;
  filter: grayscale(0%);
  transition: all linear 1s;
}
._weapon1_tagpg_25 b,
._weapon2_tagpg_26 b,
._weapon3_tagpg_27 b,
._weapon4_tagpg_28 b,
._weapon5_tagpg_29 b {
  font-size: 6rem;
  font-family: "WesternBangBang";
  font-weight: 400;
  color: #fff;
  position: absolute;
  width: 100px;
  text-align: center;
}

._weapon1_tagpg_25 {
  background: url(/pubg/images/free-spin/choose-01.png) center no-repeat;
  width: 232px;
  height: 336px;
  top: 200px;
}
._weapon1_tagpg_25 b {
  transform: rotate(15deg);
  bottom: 32px;
  left: 33px;
}

._weapon2_tagpg_26 {
  background: url(/pubg/images/free-spin/choose-02.png) center no-repeat;
  width: 232px;
  height: 336px;
  top: 200px;
  right: -2px;
}
._weapon2_tagpg_26 b {
  transform: rotate(-12deg);
  bottom: 43px;
  left: 110px;
}

._weapon3_tagpg_27 {
  background: url(/pubg/images/free-spin/choose-03.png) center no-repeat;
  width: 252px;
  height: 334px;
  top: 400px;
  left: 30%;
}
._weapon3_tagpg_27 b {
  transform: rotate(10deg);
  bottom: 22px;
  left: 69px;
}

._weapon4_tagpg_28 {
  background: url(/pubg/images/free-spin/choose-04.png) center no-repeat;
  width: 232px;
  height: 336px;
  bottom: 150px;
  left: -8px;
}
._weapon4_tagpg_28 b {
  transform: rotate(-9deg);
  bottom: 23px;
  left: 65px;
}

._weapon5_tagpg_29 {
  background: url(/pubg/images/free-spin/choose-05.png) center no-repeat;
  width: 232px;
  height: 336px;
  bottom: 150px;
  right: -1px;
}
._weapon5_tagpg_29 b {
  transform: rotate(15deg);
  bottom: 26px;
  left: 72px;
}

.weapon-has-been-selected ._weapon1_tagpg_25,
.weapon-has-been-selected ._weapon2_tagpg_26,
.weapon-has-been-selected ._weapon3_tagpg_27,
.weapon-has-been-selected ._weapon4_tagpg_28,
.weapon-has-been-selected ._weapon5_tagpg_29 {
  filter: grayscale(100%);
}

._weapon_tagpg_25:hover,
._selected_tagpg_122 {
  filter: grayscale(0) !important;
  z-index: 1;
}
._weapon_tagpg_25:hover::before,
._selected_tagpg_122::before {
  content: " ";
  display: block;
  position: absolute;
}

._weapon1_tagpg_25:hover::before,
._weapon1_tagpg_25._selected_tagpg_122::before {
  background: url(/pubg/images/free-spin/flame-01.png) center no-repeat;
  width: 299px;
  height: 395px;
  top: -60px;
  left: -68px;
}

._weapon2_tagpg_26:hover::before,
._weapon2_tagpg_26._selected_tagpg_122::before {
  background: url(/pubg/images/free-spin/flame-02.png) center no-repeat;
  width: 299px;
  height: 395px;
  top: -52px;
  left: -45px;
}

._weapon3_tagpg_27:hover::before,
._weapon3_tagpg_27._selected_tagpg_122::before {
  background: url(/pubg/images/free-spin/flame-03.png) center no-repeat;
  width: 299px;
  height: 395px;
  top: -60px;
  left: -49px;
}

._weapon4_tagpg_28:hover::before,
._weapon4_tagpg_28._selected_tagpg_122::before {
  background: url(/pubg/images/free-spin/flame-04.png) center no-repeat;
  width: 299px;
  height: 395px;
  top: -46px;
  left: -78px;
}

._weapon5_tagpg_29:hover::before,
._weapon5_tagpg_29._selected_tagpg_122::before {
  background: url(/pubg/images/free-spin/flame-05.png) center no-repeat;
  width: 299px;
  height: 395px;
  top: -49px;
  left: -34px;
}._coinStatisticWarper_yd8gm_1 {
  z-index: 12;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_yd8gm_9 {
  position: relative;
}

._coinWin_yd8gm_13,
._coinBalance_yd8gm_14,
._coinBet_yd8gm_15 {
  position: absolute;
  font-weight: 500;
  color: #FFDA58;
  font-family: GimmeDanger;
}

._coinWin_yd8gm_13,
._coinBalance_yd8gm_14 {
  background: #22232D;
  border-radius: 4px;
  padding-left: 42px;
  padding-top: 12px;
  padding-bottom: 8px;
  font-size: 1rem;
  text-align: center;
  top: -64px;
  width: 250px;
}

._coinWin_yd8gm_13 {
  right: 32px;
}

._coinBalance_yd8gm_14 {
  left: 32px;
}

._coinBet_yd8gm_15 {
  top: -9px;
  left: 106px;
  padding-top: 8px;
  font-size: 1rem;
  width: 390px;
  height: 38px;
  display: block;
  text-align: center;
  background-color: #22232D;
}

._coinWinLarger_yd8gm_55 {
  position: absolute;
  top: -352px;
  width: 100%;
  opacity: 0;
}
._coinWinLarger_yd8gm_55._isWin_yd8gm_61 {
  opacity: 1;
}

.free-spin-running ._coinWinLarger_yd8gm_55 {
  transition: opacity 333ms linear;
  opacity: 1;
}
.free-spin-running.fast-spin ._coinWinLarger_yd8gm_55 {
  opacity: 0.125;
}

._coinWinLarger_yd8gm_55 {
  text-align: center;
  font-family: "GimmeDanger";
  font-size: 4rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
}

.x-win-animation-displayed ._coinWinLarger_yd8gm_55,
.win-animation-displayed ._coinWinLarger_yd8gm_55 {
  opacity: 1 !important;
}

._coinLarger2_yd8gm_88 {
  top: -666px;
}

._comboContainer_yd8gm_92 {
  opacity: 0;
  position: absolute;
  top: -750px;
  right: 1rem;
  width: 150px;
  text-align: center;
}
._comboContainer_yd8gm_92::before {
  content: " ";
  position: absolute;
  top: calc(50% - 75px);
  right: calc(50% - 75px);
  display: block;
  width: 150px;
  height: 150px;
  background: url(/pubg/images/combo-bg.webp) center center no-repeat;
  background-size: contain;
}
._comboContainer_yd8gm_92.spin::before {
  animation: _reverseSpin_yd8gm_1;
  animation-duration: calc(2000ms / var(--game-spd));
}
._comboContainer_yd8gm_92 span {
  position: relative;
  text-align: center;
  font-family: "samurai-slot-game-cbdt";
  font-size: 4rem;
}

._balanceIcon_yd8gm_122,
._winIcon_yd8gm_123 {
  position: absolute;
  width: 32px;
  top: 5px;
  left: 6px;
}

@keyframes _reverseSpin_yd8gm_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_s1l6m_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 164px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgb(15, 10, 27) 25.5%);
}
._menuContainer_s1l6m_1 [type="button"] {
  z-index: 1;
}
._menuContainer_s1l6m_1 img {
  filter: brightness(3);
}

._overlay_s1l6m_16 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_s1l6m_26 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._machineWarper_rv35q_1 {
  z-index: 11;
  position: absolute;
  bottom: 36px;
  width: 100%;
}

._controllerWarper_rv35q_8 {
  z-index: 13;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_rv35q_16 {
  position: relative;
}

._btnAuto_rv35q_20,
._btnMaxBet_rv35q_21,
._btnSpeedUp_rv35q_22,
._btnMenu_rv35q_23 {
  position: absolute;
  background: url(/pubg/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_rv35q_20._btnActive_rv35q_29, ._btnAuto_rv35q_20:active,
._btnMaxBet_rv35q_21._btnActive_rv35q_29,
._btnMaxBet_rv35q_21:active,
._btnSpeedUp_rv35q_22._btnActive_rv35q_29,
._btnSpeedUp_rv35q_22:active,
._btnMenu_rv35q_23._btnActive_rv35q_29,
._btnMenu_rv35q_23:active {
  background-image: url(/pubg/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_rv35q_20::before,
._btnMaxBet_rv35q_21::before,
._btnSpeedUp_rv35q_22::before,
._btnMenu_rv35q_23::before {
  content: " ";
  position: absolute;
}

._btnAuto_rv35q_20,
._btnMaxBet_rv35q_21 {
  width: 102px;
  height: 113px;
}
._btnAuto_rv35q_20::before,
._btnMaxBet_rv35q_21::before {
  top: 27px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_rv35q_22,
._btnMenu_rv35q_23 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_rv35q_22::before,
._btnMenu_rv35q_23::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_rv35q_22 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_rv35q_22::before {
  position: absolute;
  width: 20px;
  top: 12px;
  background: url(/pubg/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_rv35q_22.x2 {
  width: 81px;
  height: 81px;
  background: url(/pubg/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_rv35q_22.x2::before {
  background: url(/pubg/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_rv35q_22.x3 {
  width: 81px;
  height: 81px;
  background: url(/pubg/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_rv35q_22.x3::before {
  background: url(/pubg/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_rv35q_20 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_rv35q_20::before {
  background: url(/pubg/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_rv35q_120 {
  font-size: 6rem;
  color: #fff;
  font-family: WesternBangBang;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
._remainder_rv35q_120 >span {
  display: block;
  width: 100%;
  text-align: center;
}
._remainder_rv35q_120 ._infinity_rv35q_136 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auto-spin ._btnAuto_rv35q_20 {
  background-image: url(/pubg/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_rv35q_21 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_rv35q_21::before {
  background: url(/pubg/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_rv35q_23 {
  right: 1rem;
}
._btnMenu_rv35q_23::before {
  position: absolute;
  width: 28px;
  left: 26px;
  top: 14px;
  background: url(/pubg/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_rv35q_176,
._remainder_rv35q_120 {
  position: absolute;
  width: 145px;
  left: 234px;
}

._btnSpin_rv35q_176 {
  height: 145px;
  top: -46px;
}

._remainder_rv35q_120 {
  background: rgba(39, 42, 119, 0.75);
  border-radius: 8px;
  width: 120px;
  height: 80px;
  top: -13px;
  left: 244px;
  border: solid 1px #fff;
}

._btnSpin_rv35q_176 {
  background: url(/pubg/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_rv35q_176::before {
  content: " ";
  position: absolute;
  width: 63px;
  height: 80px;
  top: 30px;
  right: 40px;
  background: url(/pubg/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_rv35q_176::after {
  content: " ";
  position: absolute;
  width: 140px;
  height: 140px;
  top: 2px;
  right: 2px;
  background: url(/pubg/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_rv35q_176:active::before, ._btnSpin_rv35q_176:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_rv35q_20:hover,
  ._btnMaxBet_rv35q_21:hover {
    background-image: url(/pubg/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_rv35q_176:hover::after {
    animation: _spin_rv35q_239 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_rv35q_176::before,
.spinning ._btnSpin_rv35q_176::before {
  display: none;
}
.auto-spin ._btnSpin_rv35q_176::after,
.spinning ._btnSpin_rv35q_176::after {
  animation: _spin_rv35q_239 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_rv35q_176::after,
.fast-spin ._btnSpin_rv35q_176:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_rv35q_253,
._btnAdd_rv35q_254 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_rv35q_253:active,
._btnAdd_rv35q_254:active {
  transform: translateY(5px);
}

._btnSub_rv35q_253 {
  top: -94px;
  left: 82px;
  background: url(/pubg/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_rv35q_253._disabled_rv35q_270 {
  background: url(/pubg/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_rv35q_254 {
  top: -94px;
  right: 82px;
  background: url(/pubg/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_rv35q_254._disabled_rv35q_270 {
  background: url(/pubg/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_rv35q_286 {
  filter: hue-rotate(327deg) brightness(1.25) grayscale(0.5);
  position: absolute;
  background: url(/pubg/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 12;
  bottom: 35px;
  left: 119px;
}

._btnAuto10_rv35q_298,
._btnAuto50_rv35q_299,
._btnAuto100_rv35q_300,
._btnAuto300_rv35q_301,
._btnAutoInfinity_rv35q_302 {
  filter: hue-rotate(327deg) brightness(1.25) grayscale(0.5);
  position: absolute;
  background-size: contain;
  z-index: 13;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_rv35q_298 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/pubg/images/auto/10.png) center center no-repeat;
}

._btnAuto50_rv35q_299 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/pubg/images/auto/50.png) center center no-repeat;
}

._btnAuto100_rv35q_300 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/pubg/images/auto/100.png) center center no-repeat;
}

._btnAuto300_rv35q_301 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/pubg/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_rv35q_302 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/pubg/images/auto/infinity.png) center center no-repeat;
}

._overlay_rv35q_338 {
  transition: opacity 0.25s;
}

._active_rv35q_342 ._overlay_rv35q_338 {
  opacity: 0.75;
}
._active_rv35q_342 ._btnAuto10_rv35q_298 {
  bottom: 48px;
  left: 240px;
}
._active_rv35q_342 ._btnAuto50_rv35q_299 {
  bottom: 130px;
  left: 208px;
}
._active_rv35q_342 ._btnAuto100_rv35q_300 {
  bottom: 155px;
  left: 135px;
}
._active_rv35q_342 ._btnAuto300_rv35q_301 {
  bottom: 130px;
  left: 60px;
}
._active_rv35q_342 ._btnAutoInfinity_rv35q_302 {
  bottom: 48px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_rv35q_22 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnAuto_rv35q_20,
.free-spin-running ._btnSub_rv35q_253,
.free-spin-running ._remainder_rv35q_120,
.free-spin-running ._btnSpin_rv35q_176,
.free-spin-running ._btnAdd_rv35q_254,
.free-spin-running ._btnMaxBet_rv35q_21,
.free-spin-running ._btnMenu_rv35q_23 {
  display: none;
}._freeSpinWarper_1fhe0_1 {
  z-index: 13;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_1fhe0_1._hasFreeSpinRemaining_1fhe0_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1fhe0_1 {
  display: block;
}

._freeSpinText_1fhe0_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_1fhe0_24 {
  position: absolute;
  bottom: 16px;
  left: 231px;
  width: 137px;
  height: 124px;
  transition: left 1s;
}

._freeSpinRemaining_1fhe0_33 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: WesternBangBang;
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12rem;
}

.free-spin-running ._freeSpinText_1fhe0_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_1fhe0_24 {
  left: 430px;
}

._chooseWeaponContainer_1fhe0_58 {
  position: absolute;
  top: 240px;
  left: 85px;
  width: 455px;
  height: 107px;
  background: url(/pubg/images/select-weapon-bg.png) center no-repeat;
  padding-inline: calc(var(--spacing) * 2);
  transition: opacity linear 500ms;
  opacity: 0.5;
  cursor: not-allowed;
  z-index: 11;
}
._chooseWeaponContainer_1fhe0_58::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
  display: block;
  z-index: 1;
}

.free-spin-running ._chooseWeaponContainer_1fhe0_58 {
  opacity: 1;
}

._chooseWeapon_1fhe0_58 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

._weapon_1fhe0_95 {
  margin-top: 10px;
  width: 94px;
  height: 94px;
}

._selectedWeapon_1fhe0_101 {
  display: block;
  position: absolute;
  top: 7px;
  left: 179px;
  width: 99px;
  height: 99px;
  background: url(/pubg/images/select-weapon-target.png) center no-repeat;
}._flareGunContainer_u427y_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

._multiply_u427y_10 {
  position: absolute;
  top: -5px;
  width: 100%;
  text-align: center;
  font-family: "WesternBangBang";
  font-size: 16px;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
  z-index: 12;
  transition: all 500ms linear;
}

._displayMultiply_u427y_25 {
  font-size: 192px;
}._guideContainer_pd7hn_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_pd7hn_1 h3 {
  color: #9aa4d2;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_pd7hn_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_pd7hn_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_pd7hn_42 {
  color: #4264ff;
  font-weight: 700;
}

._title_pd7hn_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_pd7hn_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_pd7hn_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_pd7hn_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_pd7hn_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #6597ff 0%, #0005cf 100%);
  box-shadow: 0px -4px 20px 0px #566c92 inset;
}

._featureItem_pd7hn_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_pd7hn_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_pd7hn_84 img {
  filter: brightness(3);
}

.line-bet {
  filter: hue-rotate(293deg);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_1o53t_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_1o53t_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_1o53t_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_1o53t_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_1o53t_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_1o53t_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_1o53t_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_1o53t_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_1o53t_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_1o53t_1 .history-list th:not(:first-child),
._historyContainer_1o53t_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_bdp4o_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_bdp4o_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_bdp4o_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_bdp4o_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_bdp4o_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_bdp4o_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_bdp4o_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_bdp4o_1 .history-list th:not(:first-child),
._historyDetailsContainer_bdp4o_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_bdp4o_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_bdp4o_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}._molotovContainer_eg3ox_1 {
  z-index: 12;
  position: absolute;
  top: 359px;
  right: 0;
  bottom: 272px;
  left: 0;
}
._molotovContainer_eg3ox_1[data-col] > div {
  position: absolute;
}
._molotovContainer_eg3ox_1[data-col] > div:nth-child(1) {
  top: -191px;
}
._molotovContainer_eg3ox_1[data-col] > div:nth-child(2) {
  top: -76px;
}
._molotovContainer_eg3ox_1[data-col] > div:nth-child(3) {
  top: 70px;
}
._molotovContainer_eg3ox_1[data-col="0"] > div {
  left: -17px;
}
._molotovContainer_eg3ox_1[data-col="1"] > div {
  left: 96px;
}
._molotovContainer_eg3ox_1[data-col="2"] > div {
  left: 220px;
}
._molotovContainer_eg3ox_1[data-col="3"] > div {
  left: 340px;
}
._molotovContainer_eg3ox_1[data-col="4"] > div {
  left: 460px;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._totalWinContainer_v0iun_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._totalWinDisplay_v0iun_13 {
  position: absolute;
  z-index: 1;
  text-align: center;
  font-family: "GimmeDanger";
  font-size: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 75px;
  gap: 12px;
}
._totalWinDisplay_v0iun_13 .total-win-label {
  text-align: center;
  width: 100%;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #17253A, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #d0d0d0;
}
._totalWinDisplay_v0iun_13 .total-win-val {
  text-align: center;
  width: 100%;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #fff653, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #FFF388;
}._winLinesContainer_88iwb_1 {
  position: absolute;
  top: 358px;
  right: 0;
  bottom: 275px;
  left: 0;
  overflow: hidden;
  transition: right 1s linear;
}

._line_88iwb_11 {
  background-size: cover !important;
  width: 610px;
  display: block;
  position: absolute;
}

._line1_88iwb_18,
._line2_88iwb_19,
._line3_88iwb_20 {
  background: url("/pubg/images/win-lines/line-01-02-03.png") 0 center no-repeat;
  height: 100px;
}

._line1_88iwb_18 {
  top: 180px;
}

._line2_88iwb_19 {
  top: 50px;
}

._line3_88iwb_20 {
  top: 310px;
}

._line4_88iwb_37,
._line5_88iwb_38 {
  background: url("/pubg/images/win-lines/line-04-05.png") 0 center no-repeat;
  height: 299px;
}

._line4_88iwb_37 {
  top: 92px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line5_88iwb_38 {
  top: 70px;
}

._line6_88iwb_57,
._line7_88iwb_58 {
  background: url("/pubg/images/win-lines/line-06-07.png") 0 center no-repeat;
  height: 200px;
}

._line6_88iwb_57 {
  top: 200px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line7_88iwb_58 {
  top: 60px;
}

._line8_88iwb_77,
._line9_88iwb_78,
._line10_88iwb_79,
._line11_88iwb_80 {
  background: url("/pubg/images/win-lines/line-08-09-10-11.png") 0 center no-repeat;
  height: 199px;
}

._line8_88iwb_77 {
  top: 190px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line9_88iwb_78 {
  top: 70px;
}

._line10_88iwb_79 {
  top: 200px;
}

._line11_88iwb_80 {
  top: 60px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line12_88iwb_113,
._line13_88iwb_114,
._line14_88iwb_115,
._line15_88iwb_116 {
  background: url("/pubg/images/win-lines/line-12-13-14-15.png") 0 center no-repeat;
  height: 201px;
}

._line12_88iwb_113 {
  top: 200px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line13_88iwb_114 {
  top: 60px;
}

._line14_88iwb_115 {
  top: 190px;
}

._line15_88iwb_116 {
  top: 70px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line16_88iwb_149,
._line17_88iwb_150 {
  background: url("/pubg/images/win-lines/line-16-17.png") 0 center no-repeat;
  height: 200px;
}

._line16_88iwb_149 {
  top: 190px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line17_88iwb_150 {
  top: 70px;
}

._line18_88iwb_169,
._line19_88iwb_170 {
  background: url("/pubg/images/win-lines/line-18-19.png") 0 center no-repeat;
  height: 302px;
}

._line18_88iwb_169 {
  top: 90px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line19_88iwb_170 {
  top: 70px;
}

._line20_88iwb_189 {
  background: url("/pubg/images/win-lines/line-20.png") 0 center no-repeat;
  height: 301px;
  top: 80px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}._winTypeDisplayContainer_1h7l9_1 {
  z-index: 12;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinLarger_1h7l9_9 {
  text-align: center;
  font-family: "WesternBangBang";
  font-size: 12rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_1h7l9_1 {
  position: absolute;
  margin-top: -550px;
}

._coinLarger2_1h7l9_27 {
  top: -666px;
}.game-loading ._container_ncscj_1 canvas {
  transition: all 333ms linear;
  background: url(/pubg/images/game-screen-vertical-bottom-low-quality.webp) center bottom no-repeat, url(/pubg/images/game-screen-vertical-top.webp) center 0 no-repeat;
  background-size: contain, contain;
}

._container_ncscj_1 canvas {
  background: url(/pubg/images/game-screen-vertical-top.webp) center -15px no-repeat;
  background-size: contain;
}._coinStatisticWarper_149qh_1 {
  z-index: 0;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}
._coinStatisticWarper_149qh_1::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -71px;
  left: 0;
  background: url(/rama-kien-blessing/images/controllers.png) center center no-repeat;
  background-size: contain;
  z-index: -1;
}

._coinStatisticContainer_149qh_20 {
  position: relative;
}

._coinWin_149qh_24,
._coinBalance_149qh_25,
._coinBet_149qh_26 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}

._coinWin_149qh_24 {
  top: -70px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_149qh_25 {
  top: -70px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_149qh_26 {
  top: -26px;
  left: 106px;
  font-size: 1.5rem;
  width: 390px;
  display: block;
  text-align: center;
}

._coinWinLarger_149qh_60 {
  position: absolute;
  top: -471px;
  width: 100%;
  height: 455px;
  opacity: 0;
  background: radial-gradient(circle, rgb(255, 249, 196) 0%, rgba(252, 70, 107, 0) 75%);
  display: flex;
  justify-content: center;
  align-items: center;
}
._coinWinLarger_149qh_60._isWin_149qh_71 {
  opacity: 1;
}

.x-win-animation-displayed ._coinWin_149qh_24,
.x-win-animation-displayed ._coinBalance_149qh_25,
.x-win-animation-displayed ._coinBet_149qh_26,
.win-animation-displayed ._coinWin_149qh_24,
.win-animation-displayed ._coinBalance_149qh_25,
.win-animation-displayed ._coinBet_149qh_26 {
  display: none;
}
.x-win-animation-displayed ._coinWinLarger_149qh_60,
.win-animation-displayed ._coinWinLarger_149qh_60 {
  opacity: 1 !important;
}

.player-shots ._coinWinLarger_149qh_60 {
  opacity: 0;
}

._coinLarger_149qh_92,
._coinWinLarger_149qh_60 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 8rem;
}

._coinLarger_149qh_92 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_149qh_105 {
  position: absolute;
  pointer-events: none;
  top: -617px;
  width: 100%;
}

._winTypeBottom_149qh_112 {
  position: absolute;
  top: 98px;
  width: 100%;
  height: 100px;
  display: block;
  background: linear-gradient(0deg, rgb(4, 90, 17) 35%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

._coinLarger2_149qh_122 {
  top: -666px;
}

._balanceIcon_149qh_126,
._winIcon_149qh_127 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_149qh_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_x7kf0_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_x7kf0_9 {
  position: relative;
}

._btnAuto_x7kf0_13,
._btnMaxBet_x7kf0_14,
._btnSpeedUp_x7kf0_15,
._btnMenu_x7kf0_16 {
  position: absolute;
  background: url(/rama-kien-blessing/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_x7kf0_13._btnActive_x7kf0_22, ._btnAuto_x7kf0_13:active,
._btnMaxBet_x7kf0_14._btnActive_x7kf0_22,
._btnMaxBet_x7kf0_14:active,
._btnSpeedUp_x7kf0_15._btnActive_x7kf0_22,
._btnSpeedUp_x7kf0_15:active,
._btnMenu_x7kf0_16._btnActive_x7kf0_22,
._btnMenu_x7kf0_16:active {
  background-image: url(/rama-kien-blessing/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_x7kf0_13::before,
._btnMaxBet_x7kf0_14::before,
._btnSpeedUp_x7kf0_15::before,
._btnMenu_x7kf0_16::before {
  content: " ";
  position: absolute;
}

._btnAuto_x7kf0_13,
._btnMaxBet_x7kf0_14 {
  width: 102px;
  height: 113px;
}
._btnAuto_x7kf0_13::before,
._btnMaxBet_x7kf0_14::before {
  top: 32px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_x7kf0_15,
._btnMenu_x7kf0_16 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_x7kf0_15::before,
._btnMenu_x7kf0_16::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_x7kf0_15 {
  transition: top 1s;
  top: -21px;
  left: 1rem;
}
._btnSpeedUp_x7kf0_15::before {
  position: absolute;
  width: 20px;
  top: 16px;
  background: url(/rama-kien-blessing/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_x7kf0_15.x2 {
  width: 81px;
  height: 81px;
  background: url(/rama-kien-blessing/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_x7kf0_15.x2::before {
  background: url(/rama-kien-blessing/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_x7kf0_15.x3 {
  width: 81px;
  height: 81px;
  background: url(/rama-kien-blessing/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_x7kf0_15.x3::before {
  background: url(/rama-kien-blessing/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_x7kf0_13 {
  left: 104px;
  top: -39px;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_x7kf0_13::before {
  background: url(/rama-kien-blessing/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_x7kf0_113 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_x7kf0_113 >span {
  display: block;
  text-align: center;
  color: #96e240;
}
._remainder_x7kf0_113 ._infinity_x7kf0_132 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_x7kf0_113 {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 241px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_x7kf0_13 {
  background-image: url(/rama-kien-blessing/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_x7kf0_14 {
  right: 104px;
  top: -39px;
}
._btnMaxBet_x7kf0_14::before {
  background: url(/rama-kien-blessing/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_x7kf0_16 {
  top: -21px;
  right: 1rem;
}
._btnMenu_x7kf0_16::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 18px;
  background: url(/rama-kien-blessing/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_x7kf0_175 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 231px;
  background: url(/rama-kien-blessing/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_x7kf0_175::before {
  content: " ";
  position: absolute;
  width: 145px;
  height: 145px;
  top: 0;
  right: 0;
  background: url(/rama-kien-blessing/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_x7kf0_175::after {
  content: " ";
  position: absolute;
  width: 77px;
  height: 85px;
  top: 28px;
  right: 34px;
  background: url(/rama-kien-blessing/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_x7kf0_175:active::before, ._btnSpin_x7kf0_175:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_x7kf0_13:hover,
  ._btnMaxBet_x7kf0_14:hover {
    background-image: url(/rama-kien-blessing/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_x7kf0_175:hover::after {
    animation: _spin_x7kf0_221 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_x7kf0_175::after,
.spinning ._btnSpin_x7kf0_175::after {
  animation: _spin_x7kf0_221 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_x7kf0_175::after,
.fast-spin ._btnSpin_x7kf0_175:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_x7kf0_231,
._btnAdd_x7kf0_232 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_x7kf0_231:active,
._btnAdd_x7kf0_232:active {
  transform: translateY(5px);
}

._btnSub_x7kf0_231 {
  top: -110px;
  left: 102px;
  background: url(/rama-kien-blessing/images/sub.png) center center no-repeat;
  background-size: contain;
  height: 30px;
}
._btnSub_x7kf0_231._disabled_x7kf0_249 {
  background: url(/rama-kien-blessing/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_x7kf0_232 {
  top: -110px;
  right: 102px;
  background: url(/rama-kien-blessing/images/add.png) center center no-repeat;
  background-size: contain;
  height: 30px;
}
._btnAdd_x7kf0_232._disabled_x7kf0_249 {
  background: url(/rama-kien-blessing/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_x7kf0_266 {
  filter: hue-rotate(161deg);
  position: absolute;
  background: url(/rama-kien-blessing/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
}

._btnAuto10_x7kf0_278,
._btnAuto50_x7kf0_279,
._btnAuto100_x7kf0_280,
._btnAuto300_x7kf0_281,
._btnAutoInfinity_x7kf0_282 {
  filter: hue-rotate(161deg);
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_x7kf0_278 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/rama-kien-blessing/images/auto/10.png) center center no-repeat;
}

._btnAuto50_x7kf0_279 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/rama-kien-blessing/images/auto/50.png) center center no-repeat;
}

._btnAuto100_x7kf0_280 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/rama-kien-blessing/images/auto/100.png) center center no-repeat;
}

._btnAuto300_x7kf0_281 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/rama-kien-blessing/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_x7kf0_282 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/rama-kien-blessing/images/auto/infinity.png) center center no-repeat;
}

._overlay_x7kf0_318 {
  transition: opacity 0.25s;
}

._active_x7kf0_322 ._overlay_x7kf0_318 {
  opacity: 0.75;
}
._active_x7kf0_322 ._btnAuto10_x7kf0_278 {
  bottom: 54px;
  left: 240px;
}
._active_x7kf0_322 ._btnAuto50_x7kf0_279 {
  bottom: 130px;
  left: 208px;
}
._active_x7kf0_322 ._btnAuto100_x7kf0_280 {
  bottom: 155px;
  left: 135px;
}
._active_x7kf0_322 ._btnAuto300_x7kf0_281 {
  bottom: 130px;
  left: 60px;
}
._active_x7kf0_322 ._btnAutoInfinity_x7kf0_282 {
  bottom: 54px;
  left: 23px;
}

.win-animation-displayed ._controllerWarper_x7kf0_1 {
  display: none;
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._progressBarContainer_11951_1 .symbol-items {
  display: none;
  top: 220px;
}
._progressBarContainer_11951_1 .symbol-item:nth-child(1) {
  left: -70px;
}
._progressBarContainer_11951_1 .symbol-item:nth-child(2) {
  left: 124px;
}
._progressBarContainer_11951_1 .symbol-item:nth-child(3) {
  left: 317px;
}

.game-loading .symbol-items {
  display: block;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._inforWarper_180ww_1 {
  z-index: 0;
  position: absolute;
  top: 50px;
  width: 100%;
  height: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: "samurai-slot-game-sbix";
  font-size: 3rem;
}

._inforItem_180ww_16 {
  position: relative;
  display: flex;
  align-items: center;
  width: 50%;
}
._inforItem_180ww_16 span {
  filter: hue-rotate(45deg);
}

._inforSymbols_180ww_26 {
  height: 84px;
  width: 200px;
  position: relative;
}
._inforSymbols_180ww_26 img {
  position: absolute;
}
._inforSymbols_180ww_26 img:nth-child(1) {
  top: 0;
  right: 0;
}
._inforSymbols_180ww_26 img:nth-child(2) {
  top: 0;
  right: 45px;
}
._inforSymbols_180ww_26 img:nth-child(3) {
  top: 0;
  right: 90px;
}

._inforAny_180ww_47 {
  position: absolute;
  z-index: 1;
  top: 36px;
  left: 46px;
}._guideContainer_zguoy_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_zguoy_1 h3 {
  color: #ff8747;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_zguoy_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_zguoy_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_zguoy_42 {
  color: #ff8747;
  font-weight: 700;
}

._title_zguoy_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_zguoy_53 {
  padding-inline: calc(var(--spacing) * 10);
  z-index: 1;
}

._tabContentContainer_zguoy_58 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_zguoy_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_zguoy_77 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #f7ff50;
  background: linear-gradient(180deg, hsl(60.37, 100%, 73.15%) 0%, #6b6200 100%);
  box-shadow: 0px -4px 20px 0px hsl(73.66, 52.53%, 28.39%) inset;
}

._num_zguoy_85 {
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  font-size: 3rem;
}

._featureItem_zguoy_91 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_zguoy_91 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_zguoy_91 img {
  filter: brightness(3);
}._container_mqgbe_1 canvas {
  background: url(/rama-kien-blessing/images/game-screen-vertical.png) center center no-repeat, url(/rama-kien-blessing/images/game-screen-vertical-top-1.png) center top no-repeat;
  background-size: contain, contain;
}._buyFeatureWarper_4rqnq_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_4rqnq_6 {
  cursor: pointer;
  position: absolute;
  top: 108px;
  left: 16px;
}

._buyFeatureText_4rqnq_13 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_4rqnq_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_4rqnq_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_4rqnq_38 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_4rqnq_45 {
  background: url(/raider-janes/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_4rqnq_45 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_4rqnq_45 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_4rqnq_67 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_4rqnq_1,
.free-spin-running ._buyFeatureText_4rqnq_13 {
  display: none;
}._img1_j8n33_1 {
  position: absolute;
  top: 100px;
  left: 100px;
}

._img2_j8n33_7 {
  position: absolute;
  top: 464px;
  left: 0;
}

._img3_j8n33_13 {
  position: absolute;
  top: 524px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_j8n33_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img4_j8n33_25 {
  position: absolute;
  top: 21px;
  left: 100px;
}

._img5_j8n33_31 {
  position: absolute;
  top: 375px;
  left: 0;
}

._img6_j8n33_37 {
  position: absolute;
  top: 415px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_j8n33_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img7_j8n33_49 {
  position: absolute;
  top: 5px;
  left: 183px;
  width: 300px;
}

._img8_j8n33_56 {
  position: absolute;
  top: 375px;
  left: 0;
}

._img9_j8n33_62 {
  position: absolute;
  top: 469px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_j8n33_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._bigWinFire_j8n33_74 {
  position: absolute;
  top: -40px;
  left: 307px;
}

._bigWin_j8n33_74 {
  position: absolute;
  top: 525px;
  left: 141px;
  width: 360px;
}

._megaWin_j8n33_87 {
  position: absolute;
  top: 478px;
  left: 4px;
}

._superWin_j8n33_93 {
  position: absolute;
  top: 460px;
  left: 74px;
  width: 450px;
}

@keyframes _highlight_j8n33_1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _reverseSpin_j8n33_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}._coinStatisticWarper_1xbp9_1 {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.x-win-animation-displayed ._coinStatisticWarper_1xbp9_1 {
  z-index: 2;
}

._coinStatisticContainer_1xbp9_14 {
  position: relative;
  bottom: -881px;
}

._coinWin_1xbp9_19,
._coinBalance_1xbp9_20,
._coinBet_1xbp9_21 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}
._coinWin_1xbp9_19::before,
._coinBalance_1xbp9_20::before,
._coinBet_1xbp9_21::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 38px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  z-index: -1;
}

._coinWin_1xbp9_19::before,
._coinBalance_1xbp9_20::before {
  left: -38px;
}

._coinBet_1xbp9_21::before {
  left: 0;
}

._coinWin_1xbp9_19 {
  top: -55px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_1xbp9_20 {
  top: -55px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_1xbp9_21 {
  top: -7px;
  left: 192px;
  font-size: 1.5rem;
  width: 224px;
  display: block;
  text-align: center;
}

._coinWinLarger_1xbp9_77 {
  position: absolute;
  top: -512px;
  width: 100%;
}

._coinLarger_1xbp9_83,
._coinWinLarger_1xbp9_77 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
}

._coinLarger_1xbp9_83 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

.x-win-animation-displayed ._coinLarger_1xbp9_83 {
  position: fixed;
  z-index: 10;
  top: 636px;
  font-size: 6rem;
}

._winType_1xbp9_103 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

._coinLarger2_1xbp9_115 {
  top: -666px;
}

._balanceIcon_1xbp9_119,
._winIcon_1xbp9_120 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_1xbp9_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_y1e7a_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

.x-win-animation-displayed ._controllerWarper_y1e7a_1 {
  z-index: 0;
  display: none;
}

._controllerContainer_y1e7a_14 {
  position: relative;
}

._btnAuto_y1e7a_18,
._btnMaxBet_y1e7a_19,
._btnSpeedUp_y1e7a_20,
._btnMenu_y1e7a_21 {
  position: absolute;
  background: url(/raider-janes/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_y1e7a_18._btnActive_y1e7a_27, ._btnAuto_y1e7a_18:active,
._btnMaxBet_y1e7a_19._btnActive_y1e7a_27,
._btnMaxBet_y1e7a_19:active,
._btnSpeedUp_y1e7a_20._btnActive_y1e7a_27,
._btnSpeedUp_y1e7a_20:active,
._btnMenu_y1e7a_21._btnActive_y1e7a_27,
._btnMenu_y1e7a_21:active {
  background-image: url(/raider-janes/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_y1e7a_18::before,
._btnMaxBet_y1e7a_19::before,
._btnSpeedUp_y1e7a_20::before,
._btnMenu_y1e7a_21::before {
  content: " ";
  position: absolute;
}

._btnAuto_y1e7a_18,
._btnMaxBet_y1e7a_19 {
  width: 102px;
  height: 113px;
}
._btnAuto_y1e7a_18::before,
._btnMaxBet_y1e7a_19::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_y1e7a_20,
._btnMenu_y1e7a_21 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_y1e7a_20::before,
._btnMenu_y1e7a_21::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_y1e7a_20 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_y1e7a_20::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/raider-janes/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_y1e7a_20.x2 {
  width: 81px;
  height: 81px;
  background: url(/raider-janes/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_y1e7a_20.x2::before {
  background: url(/raider-janes/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_y1e7a_20.x3 {
  width: 81px;
  height: 81px;
  background: url(/raider-janes/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_y1e7a_20.x3::before {
  background: url(/raider-janes/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_y1e7a_18 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_y1e7a_18::before {
  background-color: #271200;
  mask: url(/raider-janes/images/icons/auto.svg) center center no-repeat;
  mask-size: contain;
}

._remainder_y1e7a_119 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_y1e7a_119 >span {
  display: block;
  text-align: center;
  color: #fadd52;
}
._remainder_y1e7a_119 ._infinity_y1e7a_138 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_y1e7a_119 {
  background: rgba(111, 99, 0, 0.5);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_y1e7a_18 {
  background-image: url(/raider-janes/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_y1e7a_19 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_y1e7a_19::before {
  background-color: #271200;
  mask: url(/raider-janes/images/icons/max.svg) center center no-repeat;
  mask-size: contain;
}

._btnMenu_y1e7a_21 {
  right: 1rem;
}
._btnMenu_y1e7a_21::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background-color: #271200;
  mask: url(/raider-janes/images/icons/menu.svg) center center no-repeat;
  mask-size: contain;
}

._btnSpin_y1e7a_182 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/raider-janes/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpinActive_y1e7a_192 ._lightEffect_y1e7a_192 {
  display: block;
  width: 144px;
  height: 144px;
  background-image: url(/raider-janes/images/light-effect.png);
  animation: _moveH_y1e7a_1 0.3s steps(11) infinite;
  opacity: 0;
  transform: scale(1.5);
  position: absolute;
  top: -2px;
  left: -20px;
}

@keyframes _moveH_y1e7a_1 {
  0% {
    background-position-x: 0px;
    opacity: 1;
  }
  100% {
    background-position-x: 100%;
    opacity: 0;
  }
}
._btnSpin_y1e7a_182::after {
  content: " ";
  position: absolute;
  width: 98px;
  height: 98px;
  top: 21px;
  right: 24px;
  background: url(/raider-janes/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_y1e7a_182:active::before, ._btnSpin_y1e7a_182:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_y1e7a_18:hover,
  ._btnMaxBet_y1e7a_19:hover {
    background-image: url(/raider-janes/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_y1e7a_182:hover::after {
    animation: _spin_y1e7a_241 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_y1e7a_182::after,
.spinning ._btnSpin_y1e7a_182::after {
  animation: _spin_y1e7a_241 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_y1e7a_182::after,
.fast-spin ._btnSpin_y1e7a_182:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_y1e7a_251,
._btnAdd_y1e7a_252 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_y1e7a_251:active,
._btnAdd_y1e7a_252:active {
  transform: translateY(5px);
}

._btnSub_y1e7a_251 {
  top: -94px;
  left: 106px;
  background: url(/raider-janes/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_y1e7a_251._disabled_y1e7a_268 {
  background: url(/raider-janes/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_y1e7a_252 {
  top: -94px;
  right: 106px;
  background: url(/raider-janes/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_y1e7a_252._disabled_y1e7a_268 {
  background: url(/raider-janes/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_y1e7a_284 {
  position: absolute;
  background: url(/raider-janes/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
  filter: hue-rotate(160deg);
}

._btnAuto10_y1e7a_296,
._btnAuto50_y1e7a_297,
._btnAuto100_y1e7a_298,
._btnAuto300_y1e7a_299,
._btnAutoInfinity_y1e7a_300 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
  filter: hue-rotate(160deg);
}

._btnAuto10_y1e7a_296 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/raider-janes/images/auto/10.png) center center no-repeat;
}

._btnAuto50_y1e7a_297 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/raider-janes/images/auto/50.png) center center no-repeat;
}

._btnAuto100_y1e7a_298 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/raider-janes/images/auto/100.png) center center no-repeat;
}

._btnAuto300_y1e7a_299 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/raider-janes/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_y1e7a_300 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/raider-janes/images/auto/infinity.png) center center no-repeat;
}

._overlay_y1e7a_336 {
  transition: opacity 0.25s;
}

._active_y1e7a_340 ._overlay_y1e7a_336 {
  opacity: 0.75;
}
._active_y1e7a_340 ._btnAuto10_y1e7a_296 {
  bottom: 54px;
  left: 240px;
}
._active_y1e7a_340 ._btnAuto50_y1e7a_297 {
  bottom: 130px;
  left: 208px;
}
._active_y1e7a_340 ._btnAuto100_y1e7a_298 {
  bottom: 155px;
  left: 135px;
}
._active_y1e7a_340 ._btnAuto300_y1e7a_299 {
  bottom: 130px;
  left: 60px;
}
._active_y1e7a_340 ._btnAutoInfinity_y1e7a_300 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_y1e7a_20 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnAuto_y1e7a_18,
.free-spin-running ._btnSub_y1e7a_251,
.free-spin-running ._remainder_y1e7a_119,
.free-spin-running ._btnSpin_y1e7a_182,
.free-spin-running ._btnAdd_y1e7a_252,
.free-spin-running ._btnMaxBet_y1e7a_19 {
  display: none;
}._container_1lcrr_1 {
  position: relative;
}

._ways_1lcrr_5,
._topBg1_1lcrr_6,
._topBg2_1lcrr_7,
._bottomBg_1lcrr_8 {
  position: absolute;
  content: " ";
  display: block;
}

._topBg1_1lcrr_6,
._topBg2_1lcrr_7,
._bottomBg_1lcrr_8 {
  width: 100%;
}

._topBg2_1lcrr_7 {
  display: none;
}

._multiple_1lcrr_24 {
  z-index: 1;
  position: absolute;
  top: 740px;
  transform: scale(0.6);
  display: flex;
  justify-content: center;
  width: 100%;
}
._multiple_1lcrr_24 ._x1_1lcrr_33,
._multiple_1lcrr_24 ._x2_1lcrr_34,
._multiple_1lcrr_24 ._x3_1lcrr_35,
._multiple_1lcrr_24 ._x4_1lcrr_36,
._multiple_1lcrr_24 ._x5_1lcrr_37,
._multiple_1lcrr_24 ._x6_1lcrr_38,
._multiple_1lcrr_24 ._x10_1lcrr_39 {
  display: none;
  background-image: url(/raider-janes/images/img-002.png);
  background-repeat: no-repeat;
  height: 94px;
  width: 166px;
}
._multiple_1lcrr_24 ._x1_1lcrr_33 {
  background-position: -1004px 0px;
}
._multiple_1lcrr_24 ._x2_1lcrr_34 {
  background-position: -838px 0px;
}
._multiple_1lcrr_24 ._x3_1lcrr_35 {
  background-position: -672px 0px;
}
._multiple_1lcrr_24 ._x4_1lcrr_36 {
  background-position: -506px 0px;
}
._multiple_1lcrr_24 ._x5_1lcrr_37 {
  background-position: -340px 0px;
}
._multiple_1lcrr_24 ._x6_1lcrr_38 {
  background-position: -174px 0px;
}
._multiple_1lcrr_24 ._x10_1lcrr_39 {
  background-position: -8px 0px;
}
._multiple_1lcrr_24 ._active_1lcrr_67._x1_1lcrr_33, ._multiple_1lcrr_24 ._active_1lcrr_67._x2_1lcrr_34, ._multiple_1lcrr_24 ._active_1lcrr_67._x3_1lcrr_35, ._multiple_1lcrr_24 ._active_1lcrr_67._x4_1lcrr_36, ._multiple_1lcrr_24 ._active_1lcrr_67._x5_1lcrr_37, ._multiple_1lcrr_24 ._active_1lcrr_67._x6_1lcrr_38, ._multiple_1lcrr_24 ._active_1lcrr_67._x10_1lcrr_39 {
  display: block;
  background-position-y: -94px;
}

._ways_1lcrr_5 {
  background: url(/raider-janes/images/img-006.png) center center no-repeat;
  background-size: cover;
  top: 66px;
  left: 152px;
  height: 57px;
  width: 313px;
  z-index: 1;
  transform: scale(0.5);
}

._topBg2_1lcrr_7 {
  background: url(/raider-janes/images/img-005.png) center center no-repeat;
  background-size: contain;
  height: 99px;
  top: 67px;
}

._bottomContainer_1lcrr_90 {
  position: relative;
  top: 646px;
  height: 180px;
}

._bottomBg_1lcrr_8 {
  background: url(/raider-janes/images/img-003.png) center center no-repeat;
  background-size: contain;
  height: 180px;
}

._fire_1lcrr_102 {
  z-index: 1;
  position: absolute;
  top: -32px;
  transform: scale(0.75);
  opacity: 0.5;
}
._fire_1lcrr_102.left {
  left: 8px;
}
._fire_1lcrr_102.right {
  right: 8px;
}

.free-spin-running ._topBg2_1lcrr_7 {
  display: block;
}._container_11mmb_1 {
  position: relative;
  display: flex;
  height: 705px;
  top: -60px;
  z-index: 1;
}

._col_11mmb_9 {
  display: flex;
  flex-direction: column;
  width: 95px;
  margin-left: 5px;
}

._col1_11mmb_16,
._col6_11mmb_17 {
  margin-top: 74px;
}

._col2_11mmb_21,
._col3_11mmb_22,
._col4_11mmb_23,
._col5_11mmb_24 {
  margin-top: 10px;
}

._cell_11mmb_28 {
  position: absolute;
  display: block;
  width: 100px;
  height: 123px;
  margin-bottom: 7px;
  transition: top 1.2s, left 1.2s;
}
._cell_11mmb_28._cell11_11mmb_36 {
  top: 333px;
  left: 5px;
}
._cell_11mmb_28._cell12_11mmb_40 {
  top: 203px;
  left: 5px;
}
._cell_11mmb_28._cell13_11mmb_44 {
  top: 73px;
  left: 5px;
}
._cell_11mmb_28._cell21_11mmb_48 {
  top: 398px;
  left: 105px;
}
._cell_11mmb_28._cell22_11mmb_52 {
  top: 268px;
  left: 105px;
}
._cell_11mmb_28._cell23_11mmb_56 {
  top: 138px;
  left: 105px;
}
._cell_11mmb_28._cell24_11mmb_60 {
  top: 8px;
  left: 105px;
}
._cell_11mmb_28._cell31_11mmb_64 {
  top: 398px;
  left: 205px;
}
._cell_11mmb_28._cell32_11mmb_68 {
  top: 268px;
  left: 205px;
}
._cell_11mmb_28._cell33_11mmb_72 {
  top: 138px;
  left: 205px;
}
._cell_11mmb_28._cell34_11mmb_76 {
  top: 8px;
  left: 205px;
}
._cell_11mmb_28._cell41_11mmb_80 {
  top: 398px;
  left: 305px;
}
._cell_11mmb_28._cell42_11mmb_84 {
  top: 268px;
  left: 305px;
}
._cell_11mmb_28._cell43_11mmb_88 {
  top: 138px;
  left: 305px;
}
._cell_11mmb_28._cell44_11mmb_92 {
  top: 8px;
  left: 305px;
}
._cell_11mmb_28._cell51_11mmb_96 {
  top: 398px;
  left: 405px;
}
._cell_11mmb_28._cell52_11mmb_100 {
  top: 268px;
  left: 405px;
}
._cell_11mmb_28._cell53_11mmb_104 {
  top: 138px;
  left: 405px;
}
._cell_11mmb_28._cell54_11mmb_108 {
  top: 8px;
  left: 405px;
}
._cell_11mmb_28._cell61_11mmb_112 {
  top: 333px;
  left: 505px;
}
._cell_11mmb_28._cell62_11mmb_116 {
  top: 203px;
  left: 505px;
}
._cell_11mmb_28._cell63_11mmb_120 {
  top: 73px;
  left: 505px;
}
._cell_11mmb_28._active_11mmb_124 {
  top: 608px;
  left: 267px;
  display: block;
  background-image: url(/raider-janes/images/diamond.png), url(/raider-janes/images/img-009.png);
  background-size: 18px, 85px;
  background-position: 26px 51px, -7px 14px;
  background-repeat: no-repeat;
}._freeSpinWarper_mkvik_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_mkvik_1._hasFreeSpinRemaining_mkvik_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_mkvik_1 {
  display: block;
}

._freeSpinText_mkvik_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_mkvik_24 {
  position: absolute;
  bottom: 116px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_mkvik_32 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #b5a814 33%, #da7640, #6c1919);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  min-height: fit-content;
  padding: 0.5rem 0;
}

.free-spin-running ._freeSpinText_mkvik_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_mkvik_24 {
  left: 466px;
}._guideContainer_1th6t_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_1th6t_1 h3 {
  color: #fff700;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_1th6t_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
._symbol_1th6t_22::before {
  content: " ";
  background: url(/raider-janes/images/symbols/bg-1.png) center center no-repeat;
  width: 157px;
  height: 245px;
  display: block;
  background-size: contain;
  position: absolute;
  z-index: -1;
  transform: scale(0.75);
}
._symbol_1th6t_22.no-bg::before {
  display: none;
}

._symbolInfo_1th6t_47 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_1th6t_57 {
  color: #fff700;
  font-weight: 700;
}

._title_1th6t_62 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #fff700;
}

._tabHeaderContainer_1th6t_69 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_1th6t_73 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_1th6t_69 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_1th6t_92 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #f9ff5e 0%, #ff3100 100%);
  box-shadow: 0px -4px 20px 0px #d1bc3c inset;
}

._featureItem_1th6t_100 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_1th6t_100 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_1th6t_100 img {
  filter: brightness(5);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_vbut1_1 {
  position: relative;
}
._container_vbut1_1 canvas {
  background: url(/raider-janes/images/game-screen.png) center center no-repeat;
  background-size: cover;
}

.game-loading ._container_vbut1_1 canvas {
  background: url(/raider-janes/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}._buyFeatureWarper_t332q_1 {
  position: absolute;
  width: 100%;
  z-index: 12;
}

._buyFeaturePosition_t332q_7 {
  cursor: pointer;
  position: absolute;
  top: 560px;
  left: 3px;
}

._buyFeatureText_t332q_14 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_t332q_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_t332q_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_t332q_39 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_t332q_46 {
  background: url(/lucky-neko/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_t332q_46 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_t332q_46 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_t332q_68 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_t332q_1,
.free-spin-running ._buyFeatureText_t332q_14 {
  display: none;
}._img2_lr1il_1 {
  position: absolute;
  top: 200px;
  left: 0;
}

._img3_lr1il_7 {
  position: absolute;
  top: 370px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_lr1il_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img4_lr1il_19 {
  position: absolute;
  top: 21px;
  left: 100px;
}

._img5_lr1il_25 {
  position: absolute;
  top: 200px;
  left: 0;
}

._img6_lr1il_31 {
  position: absolute;
  top: 275px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_lr1il_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img7_lr1il_43 {
  position: absolute;
  top: 5px;
  left: 183px;
  width: 300px;
}

._img8_lr1il_50 {
  position: absolute;
  top: -16px;
  left: 0;
}

._img9_lr1il_56 {
  position: absolute;
  top: 280px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_lr1il_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._bigWinFire_lr1il_68 {
  position: absolute;
  top: -40px;
  left: 307px;
}

._bigWin_lr1il_68 {
  position: absolute;
  top: 340px;
  left: 120px;
  width: 360px;
}

._megaWin_lr1il_81 {
  position: absolute;
  top: 340px;
  left: 121px;
  width: 360px;
}

._superWin_lr1il_88 {
  position: absolute;
  top: 295px;
  left: 124px;
  width: 360px;
}

@keyframes _highlight_lr1il_1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _reverseSpin_lr1il_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}._coinStatisticWarper_47cgu_1 {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.x-win-animation-displayed ._coinStatisticWarper_47cgu_1 {
  z-index: 2;
}

._ways_47cgu_14 {
  position: absolute;
  top: 33px;
  left: 200px;
  color: #a33445;
  font-family: japanese-3017;
  font-size: 2rem;
  text-align: right;
  width: 110px;
  text-shadow: 2px 0 #fdfae3, -2px 0 #fdfae3, 0 2px #fdfae3, 0 -2px #fdfae3, 1px 1px #fdfae3, -1px -1px #fdfae3, 1px -1px #fdfae3, -1px 1px #fdfae3;
}

._coinStatisticContainer_47cgu_26 {
  position: relative;
  bottom: -740px;
}

._coinWin_47cgu_31,
._coinBalance_47cgu_32,
._coinBet_47cgu_33 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}
._coinWin_47cgu_31::before,
._coinBalance_47cgu_32::before,
._coinBet_47cgu_33::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 38px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  z-index: -1;
}

._coinWin_47cgu_31::before,
._coinBalance_47cgu_32::before {
  left: -38px;
}

._coinBet_47cgu_33::before {
  left: 0;
}

._coinWin_47cgu_31 {
  top: -55px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_47cgu_32 {
  top: -55px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_47cgu_33 {
  top: -16px;
  left: 192px;
  font-size: 1.5rem;
  width: 224px;
  display: block;
  text-align: center;
}

._coinWinLarger_47cgu_89 {
  position: absolute;
  top: -512px;
  width: 100%;
}

._coinLarger_47cgu_95,
._coinWinLarger_47cgu_89 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
}

._coinLarger_47cgu_95 {
  position: absolute;
  top: 215px;
  z-index: 1;
  transition: top 1s sease-in-out;
}

.x-win-animation-displayed ._coinLarger_47cgu_95 {
  position: fixed;
  z-index: 10;
  top: 460px;
  font-size: 6rem;
}

._winType_47cgu_116 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

._coinLarger2_47cgu_128 {
  top: -666px;
}

._balanceIcon_47cgu_132,
._winIcon_47cgu_133 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_47cgu_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_1b2uv_1 {
  z-index: 1;
  position: absolute;
  bottom: 175px;
  width: 100%;
  height: 78px;
}

.x-win-animation-displayed ._controllerWarper_1b2uv_1 {
  z-index: 0;
  display: none;
}

._controllerContainer_1b2uv_14 {
  position: relative;
}

._btnAuto_1b2uv_18,
._btnMaxBet_1b2uv_19,
._btnSpeedUp_1b2uv_20,
._btnMenu_1b2uv_21 {
  position: absolute;
  background: url(/lucky-neko/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_1b2uv_18._btnActive_1b2uv_27, ._btnAuto_1b2uv_18:active,
._btnMaxBet_1b2uv_19._btnActive_1b2uv_27,
._btnMaxBet_1b2uv_19:active,
._btnSpeedUp_1b2uv_20._btnActive_1b2uv_27,
._btnSpeedUp_1b2uv_20:active,
._btnMenu_1b2uv_21._btnActive_1b2uv_27,
._btnMenu_1b2uv_21:active {
  background-image: url(/lucky-neko/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_1b2uv_18::before,
._btnMaxBet_1b2uv_19::before,
._btnSpeedUp_1b2uv_20::before,
._btnMenu_1b2uv_21::before {
  content: " ";
  position: absolute;
}

._btnAuto_1b2uv_18,
._btnMaxBet_1b2uv_19 {
  width: 102px;
  height: 113px;
}
._btnAuto_1b2uv_18::before,
._btnMaxBet_1b2uv_19::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1b2uv_20,
._btnMenu_1b2uv_21 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_1b2uv_20::before,
._btnMenu_1b2uv_21::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1b2uv_20 {
  transition: top 1s;
  top: 12px;
  left: 1rem;
}
._btnSpeedUp_1b2uv_20::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/lucky-neko/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1b2uv_20.x2 {
  width: 81px;
  height: 81px;
  background: url(/lucky-neko/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1b2uv_20.x2::before {
  background: url(/lucky-neko/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1b2uv_20.x3 {
  width: 81px;
  height: 81px;
  background: url(/lucky-neko/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1b2uv_20.x3::before {
  background: url(/lucky-neko/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_1b2uv_18 {
  left: 7rem;
  top: 0;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_1b2uv_18::before {
  background-color: #271200;
  mask: url(/lucky-neko/images/icons/auto.svg) center center no-repeat;
  mask-size: contain;
}

._remainder_1b2uv_119 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
._remainder_1b2uv_119 >span {
  display: block;
  text-align: center;
  color: #fff;
}
._remainder_1b2uv_119 ._infinity_1b2uv_137 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_1b2uv_119 {
  background: rgba(247, 112, 126, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: 0;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_1b2uv_18 {
  background-image: url(/lucky-neko/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_1b2uv_19 {
  right: 7rem;
  top: 0;
}
._btnMaxBet_1b2uv_19::before {
  background-color: #271200;
  mask: url(/lucky-neko/images/icons/max.svg) center center no-repeat;
  mask-size: contain;
}

._btnMenu_1b2uv_21 {
  right: 1rem;
  top: 12px;
}
._btnMenu_1b2uv_21::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background-color: #271200;
  mask: url(/lucky-neko/images/icons/menu.svg) center center no-repeat;
  mask-size: contain;
}

._btnSpin_1b2uv_182 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -28px;
  right: 234px;
  background: url(/lucky-neko/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpinActive_1b2uv_192 ._lightEffect_1b2uv_192 {
  display: block;
  width: 144px;
  height: 144px;
  background-image: url(/lucky-neko/images/light-effect.png);
  animation: _moveH_1b2uv_1 0.3s steps(11) infinite;
  opacity: 0;
  transform: scale(1.5);
  position: absolute;
  top: -2px;
  left: -20px;
}

@keyframes _moveH_1b2uv_1 {
  0% {
    background-position-x: 0px;
    opacity: 1;
  }
  100% {
    background-position-x: 100%;
    opacity: 0;
  }
}
._btnSpin_1b2uv_182::after {
  content: " ";
  position: absolute;
  width: 98px;
  height: 98px;
  top: 21px;
  right: 24px;
  background: url(/lucky-neko/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_1b2uv_182:active::before, ._btnSpin_1b2uv_182:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_1b2uv_18:hover,
  ._btnMaxBet_1b2uv_19:hover {
    background-image: url(/lucky-neko/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_1b2uv_182:hover::after {
    animation: _spin_1b2uv_241 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_1b2uv_182::after,
.spinning ._btnSpin_1b2uv_182::after {
  animation: _spin_1b2uv_241 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_1b2uv_182::after,
.fast-spin ._btnSpin_1b2uv_182:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_1b2uv_251,
._btnAdd_1b2uv_252 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_1b2uv_251:active,
._btnAdd_1b2uv_252:active {
  transform: translateY(5px);
}

._btnSub_1b2uv_251 {
  top: -104px;
  left: 106px;
  background: url(/lucky-neko/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_1b2uv_251._disabled_1b2uv_268 {
  background: url(/lucky-neko/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_1b2uv_252 {
  top: -104px;
  right: 106px;
  background: url(/lucky-neko/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_1b2uv_252._disabled_1b2uv_268 {
  background: url(/lucky-neko/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_1b2uv_284 {
  position: absolute;
  background: url(/lucky-neko/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 158px;
  left: 118px;
  filter: hue-rotate(79deg);
}

._btnAuto10_1b2uv_296,
._btnAuto50_1b2uv_297,
._btnAuto100_1b2uv_298,
._btnAuto300_1b2uv_299,
._btnAutoInfinity_1b2uv_300 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 102px;
  left: 131px;
  filter: hue-rotate(79deg);
}

._btnAuto10_1b2uv_296 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/lucky-neko/images/auto/10.png) center center no-repeat;
}

._btnAuto50_1b2uv_297 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/lucky-neko/images/auto/50.png) center center no-repeat;
}

._btnAuto100_1b2uv_298 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/lucky-neko/images/auto/100.png) center center no-repeat;
}

._btnAuto300_1b2uv_299 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/lucky-neko/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_1b2uv_300 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/lucky-neko/images/auto/infinity.png) center center no-repeat;
}

._overlay_1b2uv_336 {
  transition: opacity 0.25s;
}

._active_1b2uv_340 ._overlay_1b2uv_336 {
  opacity: 0.75;
}
._active_1b2uv_340 ._btnAuto10_1b2uv_296 {
  bottom: 171px;
  left: 240px;
}
._active_1b2uv_340 ._btnAuto50_1b2uv_297 {
  bottom: 247px;
  left: 208px;
}
._active_1b2uv_340 ._btnAuto100_1b2uv_298 {
  bottom: 271px;
  left: 135px;
}
._active_1b2uv_340 ._btnAuto300_1b2uv_299 {
  bottom: 247px;
  left: 60px;
}
._active_1b2uv_340 ._btnAutoInfinity_1b2uv_300 {
  bottom: 171px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_1b2uv_20 {
  left: 1rem;
  top: 40px;
}
.free-spin-running ._btnAuto_1b2uv_18,
.free-spin-running ._btnSub_1b2uv_251,
.free-spin-running ._remainder_1b2uv_119,
.free-spin-running ._btnSpin_1b2uv_182,
.free-spin-running ._btnAdd_1b2uv_252,
.free-spin-running ._btnMaxBet_1b2uv_19 {
  display: none;
}

._rope_1b2uv_377 {
  position: absolute;
  bottom: -64px;
  background-repeat: no-repeat;
  transform-origin: 50% 0;
}
._rope_1b2uv_377._rope1_1b2uv_383 {
  background-image: url(/lucky-neko/images/rope-01.png);
  animation: _moveIt1_1b2uv_1 15s ease-in-out infinite;
  width: 40px;
  height: 86px;
  left: 45px;
}
._rope_1b2uv_377._rope2_1b2uv_390 {
  background-image: url(/lucky-neko/images/rope-02.png);
  animation: _moveIt2_1b2uv_1 10s ease-in-out infinite;
  width: 40px;
  height: 98px;
  left: 55px;
}

@keyframes _moveIt1_1b2uv_1 {
  0%, 100% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
}
@keyframes _moveIt2_1b2uv_1 {
  0%, 100% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
}._container_179dl_1 {
  position: relative;
}

._ways_179dl_5,
._topBg1_179dl_6,
._topBg2_179dl_7,
._bottomBg_179dl_8 {
  position: absolute;
  content: " ";
  display: block;
}

._topBg1_179dl_6,
._topBg2_179dl_7,
._bottomBg_179dl_8 {
  width: 100%;
}

._topBg2_179dl_7 {
  display: none;
}

._ways_179dl_5 {
  background: url(/lucky-neko/images/img-006.png) center center no-repeat;
  background-size: cover;
  top: 37px;
  right: 200px;
  height: 34px;
  width: 94px;
  z-index: 1;
}

._bottomContainer_179dl_34 {
  position: relative;
  top: 646px;
  height: 180px;
}

._rope_179dl_40 {
  position: absolute;
  width: 62px;
  height: 163px;
  background-image: url(/lucky-neko/images/rope-03.png);
  background-repeat: no-repeat;
  transform-origin: 50% 0;
  animation: _moveIt_179dl_1 6s ease-in-out infinite;
}
._rope_179dl_40:nth-child(1) {
  animation-duration: 5.75s;
}
._rope_179dl_40:nth-child(2) {
  animation-duration: 5.5s;
}
._rope_179dl_40:nth-child(3) {
  animation-duration: 6.25s;
}
._rope_179dl_40:nth-child(4) {
  animation-duration: 5.5s;
}
._rope_179dl_40:nth-child(5) {
  animation-duration: 5.25s;
}

@keyframes _moveIt_179dl_1 {
  0%, 100% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
}._container_yindw_1 {
  position: relative;
  display: flex;
  height: 705px;
  top: -60px;
  z-index: 1;
}

._col_yindw_9 {
  display: flex;
  flex-direction: column;
  width: 95px;
  margin-left: 5px;
}

._col1_yindw_16,
._col6_yindw_17 {
  margin-top: 74px;
}

._col2_yindw_21,
._col3_yindw_22,
._col4_yindw_23,
._col5_yindw_24 {
  margin-top: 10px;
}

._cell_yindw_28 {
  position: absolute;
  display: block;
  width: 100px;
  height: 123px;
  margin-bottom: 7px;
  transition: top 1.2s, left 1.2s;
}
._cell_yindw_28._cell11_yindw_36 {
  top: 333px;
  left: 5px;
}
._cell_yindw_28._cell12_yindw_40 {
  top: 203px;
  left: 5px;
}
._cell_yindw_28._cell13_yindw_44 {
  top: 73px;
  left: 5px;
}
._cell_yindw_28._cell21_yindw_48 {
  top: 398px;
  left: 105px;
}
._cell_yindw_28._cell22_yindw_52 {
  top: 268px;
  left: 105px;
}
._cell_yindw_28._cell23_yindw_56 {
  top: 138px;
  left: 105px;
}
._cell_yindw_28._cell24_yindw_60 {
  top: 8px;
  left: 105px;
}
._cell_yindw_28._cell31_yindw_64 {
  top: 398px;
  left: 205px;
}
._cell_yindw_28._cell32_yindw_68 {
  top: 268px;
  left: 205px;
}
._cell_yindw_28._cell33_yindw_72 {
  top: 138px;
  left: 205px;
}
._cell_yindw_28._cell34_yindw_76 {
  top: 8px;
  left: 205px;
}
._cell_yindw_28._cell41_yindw_80 {
  top: 398px;
  left: 305px;
}
._cell_yindw_28._cell42_yindw_84 {
  top: 268px;
  left: 305px;
}
._cell_yindw_28._cell43_yindw_88 {
  top: 138px;
  left: 305px;
}
._cell_yindw_28._cell44_yindw_92 {
  top: 8px;
  left: 305px;
}
._cell_yindw_28._cell51_yindw_96 {
  top: 398px;
  left: 405px;
}
._cell_yindw_28._cell52_yindw_100 {
  top: 268px;
  left: 405px;
}
._cell_yindw_28._cell53_yindw_104 {
  top: 138px;
  left: 405px;
}
._cell_yindw_28._cell54_yindw_108 {
  top: 8px;
  left: 405px;
}
._cell_yindw_28._cell61_yindw_112 {
  top: 333px;
  left: 505px;
}
._cell_yindw_28._cell62_yindw_116 {
  top: 203px;
  left: 505px;
}
._cell_yindw_28._cell63_yindw_120 {
  top: 73px;
  left: 505px;
}
._cell_yindw_28._active_yindw_124 {
  top: 608px;
  left: 267px;
  display: block;
  background-image: url(/lucky-neko/images/diamond.png), url(/lucky-neko/images/img-009.png);
  background-size: 18px, 85px;
  background-position: 26px 51px, -7px 14px;
  background-repeat: no-repeat;
}._freeSpinWarper_onf1t_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_onf1t_1._hasFreeSpinRemaining_onf1t_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_onf1t_1 {
  display: block;
}

._freeSpinText_onf1t_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_onf1t_24 {
  position: absolute;
  bottom: 116px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_onf1t_32 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to top, #ff0000 33%, #fdff00, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  min-height: fit-content;
  padding: 0.5rem 0;
}

.free-spin-running ._freeSpinText_onf1t_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_onf1t_24 {
  left: 466px;
}._guideContainer_cybsl_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_cybsl_1 h3 {
  color: #fff700;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_cybsl_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
._symbol_cybsl_22::before {
  content: " ";
  background: url(/lucky-neko/images/symbols/bg-1.png) center center no-repeat;
  width: 157px;
  height: 245px;
  display: block;
  background-size: contain;
  position: absolute;
  z-index: -1;
  transform: scale(0.75);
}
._symbol_cybsl_22.no-bg::before {
  display: none;
}

._symbolInfo_cybsl_47 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_cybsl_57 {
  color: #fff700;
  font-weight: 700;
}

._title_cybsl_62 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #fff700;
}

._tabHeaderContainer_cybsl_69 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_cybsl_73 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_cybsl_69 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_cybsl_92 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #f9ff5e 0%, #ff3100 100%);
  box-shadow: 0px -4px 20px 0px #d1bc3c inset;
}

._featureItem_cybsl_100 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_cybsl_100 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_cybsl_100 img {
  filter: brightness(5);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_1otqm_1 {
  position: relative;
}
._container_1otqm_1 canvas {
  background: url(/lucky-neko/images/img-021.png) bottom center no-repeat, url(/lucky-neko/images/game-screen.png) top center no-repeat;
  background-size: contain, cover;
}

.game-loading ._container_1otqm_1 canvas {
  background: url(/lucky-neko/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}._container_1i3tq_1 {
  height: 100%;
  background: url(/fruity-candy/images/game-screen.jpg) top center no-repeat;
  background-size: cover;
}

.game-loading ._container_1i3tq_1 {
  display: none;
}._buyFeatureWarper_tvgf1_1 {
  position: absolute;
  width: 100%;
  z-index: 12;
}

._buyFeaturePosition_tvgf1_7 {
  cursor: pointer;
  position: absolute;
  top: 560px;
  left: 3px;
}

._buyFeatureText_tvgf1_14 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_tvgf1_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_tvgf1_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_tvgf1_39 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_tvgf1_46 {
  background: url(/fruity-candy/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_tvgf1_46 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_tvgf1_46 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_tvgf1_68 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_tvgf1_1,
.free-spin-running ._buyFeatureText_tvgf1_14 {
  display: none;
}._img2_lr1il_1 {
  position: absolute;
  top: 200px;
  left: 0;
}

._img3_lr1il_7 {
  position: absolute;
  top: 370px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_lr1il_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img4_lr1il_19 {
  position: absolute;
  top: 21px;
  left: 100px;
}

._img5_lr1il_25 {
  position: absolute;
  top: 200px;
  left: 0;
}

._img6_lr1il_31 {
  position: absolute;
  top: 275px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_lr1il_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img7_lr1il_43 {
  position: absolute;
  top: 5px;
  left: 183px;
  width: 300px;
}

._img8_lr1il_50 {
  position: absolute;
  top: -16px;
  left: 0;
}

._img9_lr1il_56 {
  position: absolute;
  top: 280px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_lr1il_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._bigWinFire_lr1il_68 {
  position: absolute;
  top: -40px;
  left: 307px;
}

._bigWin_lr1il_68 {
  position: absolute;
  top: 340px;
  left: 120px;
  width: 360px;
}

._megaWin_lr1il_81 {
  position: absolute;
  top: 340px;
  left: 121px;
  width: 360px;
}

._superWin_lr1il_88 {
  position: absolute;
  top: 295px;
  left: 124px;
  width: 360px;
}

@keyframes _highlight_lr1il_1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _reverseSpin_lr1il_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}._coinStatisticWarper_nxc90_1 {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.x-win-animation-displayed ._coinStatisticWarper_nxc90_1 {
  z-index: 2;
}

._coinStatisticContainer_nxc90_14 {
  position: relative;
  bottom: -740px;
}

._coinWin_nxc90_19,
._coinBalance_nxc90_20,
._coinBet_nxc90_21 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}
._coinWin_nxc90_19::before,
._coinBalance_nxc90_20::before,
._coinBet_nxc90_21::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 38px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  z-index: -1;
}

._coinWin_nxc90_19::before,
._coinBalance_nxc90_20::before {
  left: -38px;
}

._coinBet_nxc90_21::before {
  height: 35px;
  top: 2px;
  left: 0;
}

._coinWin_nxc90_19 {
  top: -55px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_nxc90_20 {
  top: -55px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_nxc90_21 {
  top: -16px;
  left: 192px;
  font-size: 1.5rem;
  width: 224px;
  display: block;
  text-align: center;
}

._coinWinLarger_nxc90_79 {
  position: absolute;
  top: -512px;
  width: 100%;
}

._coinLarger_nxc90_85,
._coinWinLarger_nxc90_79 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
}

._coinLarger_nxc90_85 {
  position: absolute;
  top: 215px;
  z-index: 1;
  transition: top 1s sease-in-out;
}

.x-win-animation-displayed ._coinLarger_nxc90_85 {
  position: fixed;
  z-index: 10;
  top: 460px;
  font-size: 6rem;
}

._winType_nxc90_106 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

._coinLarger2_nxc90_118 {
  top: -666px;
}

._balanceIcon_nxc90_122,
._winIcon_nxc90_123 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_nxc90_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_17vs1_1 {
  z-index: 1;
  position: absolute;
  bottom: 175px;
  width: 100%;
  height: 78px;
}

.x-win-animation-displayed ._controllerWarper_17vs1_1 {
  z-index: 0;
  display: none;
}

._controllerContainer_17vs1_14 {
  position: relative;
}

._btnAuto_17vs1_18,
._btnMaxBet_17vs1_19,
._btnSpeedUp_17vs1_20,
._btnMenu_17vs1_21 {
  position: absolute;
  background: url(/fruity-candy/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_17vs1_18._btnActive_17vs1_27, ._btnAuto_17vs1_18:active,
._btnMaxBet_17vs1_19._btnActive_17vs1_27,
._btnMaxBet_17vs1_19:active,
._btnSpeedUp_17vs1_20._btnActive_17vs1_27,
._btnSpeedUp_17vs1_20:active,
._btnMenu_17vs1_21._btnActive_17vs1_27,
._btnMenu_17vs1_21:active {
  background-image: url(/fruity-candy/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_17vs1_18::before,
._btnMaxBet_17vs1_19::before,
._btnSpeedUp_17vs1_20::before,
._btnMenu_17vs1_21::before {
  content: " ";
  position: absolute;
}

._btnAuto_17vs1_18,
._btnMaxBet_17vs1_19 {
  width: 102px;
  height: 113px;
}
._btnAuto_17vs1_18::before,
._btnMaxBet_17vs1_19::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_17vs1_20,
._btnMenu_17vs1_21 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_17vs1_20::before,
._btnMenu_17vs1_21::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_17vs1_20 {
  transition: top 1s;
  top: 12px;
  left: 1rem;
}
._btnSpeedUp_17vs1_20::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/fruity-candy/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_17vs1_20.x2 {
  width: 81px;
  height: 81px;
  background: url(/fruity-candy/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_17vs1_20.x2::before {
  mask: url(/fruity-candy/images/icons/x2.svg) center center no-repeat;
  mask-size: contain;
  background: #ffa600;
}
._btnSpeedUp_17vs1_20.x3 {
  width: 81px;
  height: 81px;
  background: url(/fruity-candy/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_17vs1_20.x3::before {
  mask: url(/fruity-candy/images/icons/x3.svg) center center no-repeat;
  mask-size: contain;
  background: #ff4343;
}

._btnAuto_17vs1_18 {
  left: 7rem;
  top: 0;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_17vs1_18::before {
  background-color: #271200;
  mask: url(/fruity-candy/images/icons/auto.svg) center center no-repeat;
  mask-size: contain;
}

._remainder_17vs1_121 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
._remainder_17vs1_121 >span {
  display: block;
  text-align: center;
  color: #fff;
}
._remainder_17vs1_121 ._infinity_17vs1_139 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_17vs1_121 {
  background: rgba(178, 0, 255, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: 0;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_17vs1_18 {
  background-image: url(/fruity-candy/images/btn-bg--hover.png);
  background-size: contain;
}
.auto-spin ._btnAuto_17vs1_18:before {
  background-color: #fff;
}

._btnMaxBet_17vs1_19 {
  right: 7rem;
  top: 0;
}
._btnMaxBet_17vs1_19::before {
  background-color: #271200;
  mask: url(/fruity-candy/images/icons/max.svg) center center no-repeat;
  mask-size: contain;
}

._btnMenu_17vs1_21 {
  right: 1rem;
  top: 12px;
}
._btnMenu_17vs1_21::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background-color: #271200;
  mask: url(/fruity-candy/images/icons/menu.svg) center center no-repeat;
  mask-size: contain;
}

._btnSpin_17vs1_187 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -28px;
  right: 234px;
  background: url(/fruity-candy/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpinActive_17vs1_197 ._lightEffect_17vs1_197 {
  display: block;
  width: 144px;
  height: 144px;
  background-image: url(/fruity-candy/images/light-effect.png);
  animation: _moveH_17vs1_1 0.3s steps(11) infinite;
  opacity: 0;
  transform: scale(1.5);
  position: absolute;
  top: -2px;
  left: -20px;
}

@keyframes _moveH_17vs1_1 {
  0% {
    background-position-x: 0px;
    opacity: 1;
  }
  100% {
    background-position-x: 100%;
    opacity: 0;
  }
}
._btnSpin_17vs1_187::after {
  content: " ";
  position: absolute;
  width: 98px;
  height: 98px;
  top: 21px;
  right: 24px;
  background: url(/fruity-candy/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_17vs1_187:active::before, ._btnSpin_17vs1_187:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_17vs1_18:hover,
  ._btnMaxBet_17vs1_19:hover {
    background-image: url(/fruity-candy/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_17vs1_187:hover::after {
    animation: _spin_17vs1_246 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_17vs1_187::after,
.spinning ._btnSpin_17vs1_187::after {
  animation: _spin_17vs1_246 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_17vs1_187::after,
.fast-spin ._btnSpin_17vs1_187:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_17vs1_256,
._btnAdd_17vs1_257 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_17vs1_256:active,
._btnAdd_17vs1_257:active {
  transform: translateY(5px);
}

._btnSub_17vs1_256 {
  top: -104px;
  left: 106px;
  background: url(/fruity-candy/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_17vs1_256._disabled_17vs1_273 {
  background: url(/fruity-candy/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_17vs1_257 {
  top: -104px;
  right: 106px;
  background: url(/fruity-candy/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_17vs1_257._disabled_17vs1_273 {
  background: url(/fruity-candy/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_17vs1_289 {
  position: absolute;
  background: url(/fruity-candy/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 158px;
  left: 118px;
  filter: hue-rotate(345deg);
}

._btnAuto10_17vs1_301,
._btnAuto50_17vs1_302,
._btnAuto100_17vs1_303,
._btnAuto300_17vs1_304,
._btnAutoInfinity_17vs1_305 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 102px;
  left: 131px;
  filter: hue-rotate(345deg);
}

._btnAuto10_17vs1_301 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/fruity-candy/images/auto/10.png) center center no-repeat;
}

._btnAuto50_17vs1_302 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/fruity-candy/images/auto/50.png) center center no-repeat;
}

._btnAuto100_17vs1_303 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/fruity-candy/images/auto/100.png) center center no-repeat;
}

._btnAuto300_17vs1_304 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/fruity-candy/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_17vs1_305 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/fruity-candy/images/auto/infinity.png) center center no-repeat;
}

._overlay_17vs1_341 {
  transition: opacity 0.25s;
}

._active_17vs1_345 ._overlay_17vs1_341 {
  opacity: 0.75;
}
._active_17vs1_345 ._btnAuto10_17vs1_301 {
  bottom: 171px;
  left: 240px;
}
._active_17vs1_345 ._btnAuto50_17vs1_302 {
  bottom: 247px;
  left: 208px;
}
._active_17vs1_345 ._btnAuto100_17vs1_303 {
  bottom: 271px;
  left: 135px;
}
._active_17vs1_345 ._btnAuto300_17vs1_304 {
  bottom: 247px;
  left: 60px;
}
._active_17vs1_345 ._btnAutoInfinity_17vs1_305 {
  bottom: 171px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_17vs1_20 {
  left: 1rem;
  top: -60px;
}
.free-spin-running ._btnAuto_17vs1_18,
.free-spin-running ._btnSub_17vs1_256,
.free-spin-running ._remainder_17vs1_121,
.free-spin-running ._btnSpin_17vs1_187,
.free-spin-running ._btnAdd_17vs1_257,
.free-spin-running ._btnMaxBet_17vs1_19 {
  display: none;
}._container_16oao_1 {
  position: relative;
}

._multiplyContainer_16oao_5 {
  height: 100px;
  margin-top: 2rem;
  padding-inline: calc(var(--spacing) * 6);
  display: flex;
  justify-content: center;
}
._multiplyContainer_16oao_5 ._ball_16oao_12 {
  width: 114px;
  height: 80px;
}
._multiplyContainer_16oao_5 ._x1_16oao_16 i,
._multiplyContainer_16oao_5 ._x2_16oao_17 i,
._multiplyContainer_16oao_5 ._x3_16oao_18 i,
._multiplyContainer_16oao_5 ._x4_16oao_19 i,
._multiplyContainer_16oao_5 ._x5_16oao_20 i {
  position: absolute;
  top: 0;
  left: 10px;
  transition: all 0.3s;
  transform: scale(0.7);
  background: url(/fruity-candy/images/img-002.png) 0 0 no-repeat;
  display: block;
  width: 112px;
  height: 80px;
  z-index: 1;
}
._multiplyContainer_16oao_5 ._x1_16oao_16 i {
  background-position-x: -455px;
}
._multiplyContainer_16oao_5 ._x2_16oao_17 i {
  background-position-x: -344px;
}
._multiplyContainer_16oao_5 ._x3_16oao_18 i {
  background-position-x: -232px;
}
._multiplyContainer_16oao_5 ._x4_16oao_19 {
  display: none;
}
._multiplyContainer_16oao_5 ._x4_16oao_19 i {
  background-position-x: -118px;
}
._multiplyContainer_16oao_5 ._x5_16oao_20 i {
  background-position-x: 0;
}
._multiplyContainer_16oao_5 ._active_16oao_50._x1_16oao_16 i, ._multiplyContainer_16oao_5 ._active_16oao_50._x2_16oao_17 i, ._multiplyContainer_16oao_5 ._active_16oao_50._x3_16oao_18 i, ._multiplyContainer_16oao_5 ._active_16oao_50._x4_16oao_19 i, ._multiplyContainer_16oao_5 ._active_16oao_50._x5_16oao_20 i {
  background-position-y: -84px;
  transform: scale(0.75);
}

.free-spin-running ._multiplyContainer_16oao_5 ._x1_16oao_16 {
  display: none;
}
.free-spin-running ._multiplyContainer_16oao_5 ._x4_16oao_19 {
  display: block;
}

._bottomContainer_16oao_62 {
  position: relative;
  top: 646px;
  height: 180px;
}._container_wt401_1 {
  position: relative;
  display: flex;
  height: 705px;
  top: -60px;
  z-index: 1;
}

._col_wt401_9 {
  display: flex;
  flex-direction: column;
  width: 95px;
  margin-left: 5px;
}

._col1_wt401_16,
._col6_wt401_17 {
  margin-top: 74px;
}

._col2_wt401_21,
._col3_wt401_22,
._col4_wt401_23,
._col5_wt401_24 {
  margin-top: 10px;
}

._cell_wt401_28 {
  position: absolute;
  display: block;
  width: 100px;
  height: 123px;
  margin-bottom: 7px;
  transition: top 1.2s, left 1.2s;
}
._cell_wt401_28._cell11_wt401_36 {
  top: 333px;
  left: 5px;
}
._cell_wt401_28._cell12_wt401_40 {
  top: 203px;
  left: 5px;
}
._cell_wt401_28._cell13_wt401_44 {
  top: 73px;
  left: 5px;
}
._cell_wt401_28._cell21_wt401_48 {
  top: 398px;
  left: 105px;
}
._cell_wt401_28._cell22_wt401_52 {
  top: 268px;
  left: 105px;
}
._cell_wt401_28._cell23_wt401_56 {
  top: 138px;
  left: 105px;
}
._cell_wt401_28._cell24_wt401_60 {
  top: 8px;
  left: 105px;
}
._cell_wt401_28._cell31_wt401_64 {
  top: 398px;
  left: 205px;
}
._cell_wt401_28._cell32_wt401_68 {
  top: 268px;
  left: 205px;
}
._cell_wt401_28._cell33_wt401_72 {
  top: 138px;
  left: 205px;
}
._cell_wt401_28._cell34_wt401_76 {
  top: 8px;
  left: 205px;
}
._cell_wt401_28._cell41_wt401_80 {
  top: 398px;
  left: 305px;
}
._cell_wt401_28._cell42_wt401_84 {
  top: 268px;
  left: 305px;
}
._cell_wt401_28._cell43_wt401_88 {
  top: 138px;
  left: 305px;
}
._cell_wt401_28._cell44_wt401_92 {
  top: 8px;
  left: 305px;
}
._cell_wt401_28._cell51_wt401_96 {
  top: 398px;
  left: 405px;
}
._cell_wt401_28._cell52_wt401_100 {
  top: 268px;
  left: 405px;
}
._cell_wt401_28._cell53_wt401_104 {
  top: 138px;
  left: 405px;
}
._cell_wt401_28._cell54_wt401_108 {
  top: 8px;
  left: 405px;
}
._cell_wt401_28._cell61_wt401_112 {
  top: 333px;
  left: 505px;
}
._cell_wt401_28._cell62_wt401_116 {
  top: 203px;
  left: 505px;
}
._cell_wt401_28._cell63_wt401_120 {
  top: 73px;
  left: 505px;
}
._cell_wt401_28._active_wt401_124 {
  top: 608px;
  left: 267px;
  display: block;
  background-image: url(/fruity-candy/images/diamond.png), url(/fruity-candy/images/img-009.png);
  background-size: 18px, 85px;
  background-position: 26px 51px, -7px 14px;
  background-repeat: no-repeat;
}._freeSpinWarper_1y6yu_1 {
  z-index: 2;
  position: absolute;
  bottom: 100px;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_1y6yu_1._hasFreeSpinRemaining_1y6yu_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1y6yu_1 {
  display: block;
}

._freeSpinText_1y6yu_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_1y6yu_24 {
  position: absolute;
  bottom: 116px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_1y6yu_32 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to top, #ff0000 33%, #fdff00, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  min-height: fit-content;
  padding: 0.5rem 0;
}

.free-spin-running ._freeSpinText_1y6yu_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_1y6yu_24 {
  left: 466px;
}._guideContainer_1j1qj_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_1j1qj_1 h3 {
  color: #fff700;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_1j1qj_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
._symbol_1j1qj_22::before {
  content: " ";
  background: url(/fruity-candy/images/symbols/bg-1.png) center center no-repeat;
  width: 157px;
  height: 245px;
  display: block;
  background-size: contain;
  position: absolute;
  z-index: -1;
  transform: scale(0.75);
}
._symbol_1j1qj_22.no-bg::before {
  display: none;
}

._symbolInfo_1j1qj_47 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_1j1qj_57 {
  color: #fff700;
  font-weight: 700;
}

._title_1j1qj_62 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #fff700;
}

._tabHeaderContainer_1j1qj_69 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_1j1qj_73 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_1j1qj_69 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_1j1qj_92 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #5e63ff 0%, #ca00ff 100%);
  box-shadow: 0px -4px 20px 0px #5e63ff inset;
}

._featureItem_1j1qj_100 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_1j1qj_100 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_1j1qj_100 img {
  filter: brightness(5);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_1xsj9_1 {
  position: relative;
}
._container_1xsj9_1 canvas {
  background: none;
}

.game-loading ._container_1xsj9_1 canvas {
  background: url(/fruity-candy/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}._buyFeatureWarper_kbxrc_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_kbxrc_6 {
  cursor: pointer;
  position: absolute;
  top: 103px;
  left: 3px;
  z-index: 34;
  zoom: 0.75;
}

._buyFeatureText_kbxrc_15 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_kbxrc_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_kbxrc_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_kbxrc_40 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_kbxrc_47 {
  background: url(/squid-game-2/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_kbxrc_47 img {
  width: 70px;
  position: absolute;
  top: 12px;
  left: 12px;
}
._ticket_kbxrc_47 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_kbxrc_69 {
  font-family: "WesternBangBang";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 20px;
  width: 90px;
  right: 5px;
  text-align: center;
  color: #921919;
}

.start-free-spins ._buyFeatureWarper_kbxrc_1,
.start-free-spins ._buyFeatureText_kbxrc_15,
.free-spin-running ._buyFeatureWarper_kbxrc_1,
.free-spin-running ._buyFeatureText_kbxrc_15 {
  display: none;
}._coinStatisticWarper_1lmoo_1 {
  z-index: 12;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_1lmoo_9 {
  position: relative;
}

._coinWin_1lmoo_13,
._coinBalance_1lmoo_14,
._coinBet_1lmoo_15 {
  position: absolute;
  font-weight: 500;
  color: #FFDA58;
  font-family: GimmeDanger;
}

._coinWin_1lmoo_13,
._coinBalance_1lmoo_14 {
  border-radius: 4px;
  padding-left: 42px;
  padding-top: 12px;
  padding-bottom: 8px;
  font-size: 1rem;
  text-align: center;
  top: -84px;
  width: 250px;
}

._coinWin_1lmoo_13 {
  right: 32px;
}

._coinBalance_1lmoo_14 {
  left: 32px;
}

._coinBet_1lmoo_15 {
  top: -22px;
  left: 95px;
  padding-top: 8px;
  font-size: 1rem;
  width: 416px;
  height: 35px;
  display: block;
  text-align: center;
  background-color: #22232D;
}

._coinWinLarger_1lmoo_54 {
  position: absolute;
  top: -540px;
  width: 100%;
  opacity: 0;
}
._coinWinLarger_1lmoo_54._isWin_1lmoo_60 {
  opacity: 1;
}

.free-spin-running ._coinWin_1lmoo_13,
.free-spin-running ._coinBalance_1lmoo_14 {
  top: -40px;
}
.free-spin-running ._coinWinLarger_1lmoo_54 {
  transition: opacity 333ms linear;
  opacity: 1;
}
.free-spin-running.fast-spin ._coinWinLarger_1lmoo_54 {
  opacity: 0.125;
}
.free-spin-running ._coinBet_1lmoo_15 {
  display: none;
}

._coinWinLarger_1lmoo_54 {
  text-align: center;
  font-family: "GimmeDanger";
  font-size: 4rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
}

.x-win-animation-displayed ._coinWinLarger_1lmoo_54,
.win-animation-displayed ._coinWinLarger_1lmoo_54 {
  opacity: 1 !important;
}

._coinLarger2_1lmoo_94 {
  top: -666px;
}

._comboContainer_1lmoo_98 {
  opacity: 0;
  position: absolute;
  top: -750px;
  right: 1rem;
  width: 150px;
  text-align: center;
}
._comboContainer_1lmoo_98::before {
  content: " ";
  position: absolute;
  top: calc(50% - 75px);
  right: calc(50% - 75px);
  display: block;
  width: 150px;
  height: 150px;
  background: url(/squid-game-2/images/combo-bg.webp) center center no-repeat;
  background-size: contain;
}
._comboContainer_1lmoo_98.spin::before {
  animation: _reverseSpin_1lmoo_1;
  animation-duration: calc(2000ms / var(--game-spd));
}
._comboContainer_1lmoo_98 span {
  position: relative;
  text-align: center;
  font-family: "samurai-slot-game-cbdt";
  font-size: 4rem;
}

._balanceIcon_1lmoo_128,
._winIcon_1lmoo_129 {
  position: absolute;
  width: 32px;
  top: 5px;
  left: 6px;
}

._wildContainer_1lmoo_136 {
  position: absolute;
  top: -842px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._wildEL_1lmoo_144 {
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  color: #9af6a8;
  flex: 1;
}

.free-spin-running ._wildContainer_1lmoo_136 {
  gap: 2rem;
  padding: 0 4rem;
}
.free-spin-running ._miniWildEL_1lmoo_156 {
  color: #53e7d4;
}
.free-spin-running ._majorWildEL_1lmoo_159 {
  color: #fffb30;
}
.free-spin-running ._minorWildEL_1lmoo_162 {
  color: #ed95ff;
}
.free-spin-running ._miniWildEL_1lmoo_156,
.free-spin-running ._minorWildEL_1lmoo_162 {
  font-size: 2.5rem;
  margin-top: 0.5rem;
}

.start-free-spins ._coinStatisticContainer_1lmoo_9 {
  display: none;
}

@keyframes _reverseSpin_1lmoo_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_s1l6m_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 164px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgb(15, 10, 27) 25.5%);
}
._menuContainer_s1l6m_1 [type="button"] {
  z-index: 1;
}
._menuContainer_s1l6m_1 img {
  filter: brightness(3);
}

._overlay_s1l6m_16 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_s1l6m_26 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_19qrm_1 {
  z-index: 13;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_19qrm_9 {
  position: relative;
}

._btnAuto_19qrm_13,
._btnMaxBet_19qrm_14,
._btnSpeedUp_19qrm_15,
._btnMenu_19qrm_16 {
  position: absolute;
  background: url(/squid-game-2/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_19qrm_13._btnActive_19qrm_22, ._btnAuto_19qrm_13:active,
._btnMaxBet_19qrm_14._btnActive_19qrm_22,
._btnMaxBet_19qrm_14:active,
._btnSpeedUp_19qrm_15._btnActive_19qrm_22,
._btnSpeedUp_19qrm_15:active,
._btnMenu_19qrm_16._btnActive_19qrm_22,
._btnMenu_19qrm_16:active {
  background-image: url(/squid-game-2/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_19qrm_13::before,
._btnMaxBet_19qrm_14::before,
._btnSpeedUp_19qrm_15::before,
._btnMenu_19qrm_16::before {
  content: " ";
  position: absolute;
}

._btnAuto_19qrm_13,
._btnMaxBet_19qrm_14 {
  width: 102px;
  height: 113px;
}
._btnAuto_19qrm_13::before,
._btnMaxBet_19qrm_14::before {
  top: 27px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_19qrm_15,
._btnMenu_19qrm_16 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_19qrm_15::before,
._btnMenu_19qrm_16::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_19qrm_15 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_19qrm_15::before {
  position: absolute;
  width: 20px;
  top: 12px;
  background: url(/squid-game-2/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_19qrm_15.x2 {
  width: 81px;
  height: 81px;
  background: url(/squid-game-2/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_19qrm_15.x2::before {
  background: url(/squid-game-2/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_19qrm_15.x3 {
  width: 81px;
  height: 81px;
  background: url(/squid-game-2/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_19qrm_15.x3::before {
  background: url(/squid-game-2/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_19qrm_13 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_19qrm_13::before {
  background: url(/squid-game-2/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_19qrm_113 {
  font-size: 6rem;
  color: #fff;
  font-family: WesternBangBang;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
._remainder_19qrm_113 >span {
  display: block;
  width: 100%;
  text-align: center;
}
._remainder_19qrm_113 ._infinity_19qrm_129 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auto-spin ._btnAuto_19qrm_13 {
  background-image: url(/squid-game-2/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_19qrm_14 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_19qrm_14::before {
  background: url(/squid-game-2/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_19qrm_16 {
  right: 1rem;
}
._btnMenu_19qrm_16::before {
  position: absolute;
  width: 28px;
  left: 26px;
  top: 14px;
  background: url(/squid-game-2/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_19qrm_169,
._remainder_19qrm_113 {
  position: absolute;
  width: 145px;
  left: 234px;
}

._btnSpin_19qrm_169 {
  height: 145px;
  top: -46px;
}

._remainder_19qrm_113 {
  background: rgba(39, 42, 119, 0.75);
  border-radius: 8px;
  width: 120px;
  height: 80px;
  top: -13px;
  left: 244px;
  border: solid 1px #fff;
}

._btnSpin_19qrm_169 {
  background: url(/squid-game-2/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_19qrm_169::before {
  content: " ";
  position: absolute;
  width: 63px;
  height: 80px;
  top: 30px;
  right: 40px;
  background: url(/squid-game-2/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_19qrm_169::after {
  content: " ";
  position: absolute;
  width: 140px;
  height: 140px;
  top: 2px;
  right: 2px;
  background: url(/squid-game-2/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_19qrm_169:active::before, ._btnSpin_19qrm_169:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_19qrm_13:hover,
  ._btnMaxBet_19qrm_14:hover {
    background-image: url(/squid-game-2/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_19qrm_169:hover::after {
    animation: _spin_19qrm_232 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_19qrm_169::before,
.spinning ._btnSpin_19qrm_169::before {
  display: none;
}
.auto-spin ._btnSpin_19qrm_169::after,
.spinning ._btnSpin_19qrm_169::after {
  animation: _spin_19qrm_232 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_19qrm_169::after,
.fast-spin ._btnSpin_19qrm_169:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_19qrm_246,
._btnAdd_19qrm_247 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_19qrm_246:active,
._btnAdd_19qrm_247:active {
  transform: translateY(5px);
}

._btnSub_19qrm_246 {
  top: -109px;
  left: 82px;
  background: url(/squid-game-2/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_19qrm_246._disabled_19qrm_263 {
  background: url(/squid-game-2/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_19qrm_247 {
  top: -109px;
  right: 82px;
  background: url(/squid-game-2/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_19qrm_247._disabled_19qrm_263 {
  background: url(/squid-game-2/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_19qrm_279 {
  filter: hue-rotate(327deg) brightness(1.25) grayscale(0.5);
  position: absolute;
  background: url(/squid-game-2/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 12;
  bottom: 35px;
  left: 119px;
}

._btnAuto10_19qrm_291,
._btnAuto50_19qrm_292,
._btnAuto100_19qrm_293,
._btnAuto300_19qrm_294,
._btnAutoInfinity_19qrm_295 {
  filter: hue-rotate(327deg) brightness(1.25) grayscale(0.5);
  position: absolute;
  background-size: contain;
  z-index: 13;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_19qrm_291 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/squid-game-2/images/auto/10.png) center center no-repeat;
}

._btnAuto50_19qrm_292 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/squid-game-2/images/auto/50.png) center center no-repeat;
}

._btnAuto100_19qrm_293 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/squid-game-2/images/auto/100.png) center center no-repeat;
}

._btnAuto300_19qrm_294 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/squid-game-2/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_19qrm_295 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/squid-game-2/images/auto/infinity.png) center center no-repeat;
}

._overlay_19qrm_331 {
  transition: opacity 0.25s;
}

._active_19qrm_335 ._overlay_19qrm_331 {
  opacity: 0.75;
}
._active_19qrm_335 ._btnAuto10_19qrm_291 {
  bottom: 48px;
  left: 240px;
}
._active_19qrm_335 ._btnAuto50_19qrm_292 {
  bottom: 130px;
  left: 208px;
}
._active_19qrm_335 ._btnAuto100_19qrm_293 {
  bottom: 155px;
  left: 135px;
}
._active_19qrm_335 ._btnAuto300_19qrm_294 {
  bottom: 130px;
  left: 60px;
}
._active_19qrm_335 ._btnAutoInfinity_19qrm_295 {
  bottom: 48px;
  left: 23px;
}

.start-free-spins ._controllerContainer_19qrm_9 {
  display: none;
}

.free-spin-running ._btnAuto_19qrm_13,
.free-spin-running ._btnSub_19qrm_246,
.free-spin-running ._remainder_19qrm_113,
.free-spin-running ._btnSpin_19qrm_169,
.free-spin-running ._btnAdd_19qrm_247,
.free-spin-running ._btnMaxBet_19qrm_14,
.free-spin-running ._btnMenu_19qrm_16,
.free-spin-running ._btnSpeedUp_19qrm_15 {
  display: none;
}._freeSpinWarper_1rqah_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}
._freeSpinWarper_1rqah_1:before {
  opacity: 0;
  transition: opacity 1.5s;
}

._freeSpinWarper_1rqah_1._hasFreeSpinRemaining_1rqah_14 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1rqah_1 {
  display: block;
}

._freeSpinText_1rqah_22 {
  opacity: 0 !important;
  position: absolute;
  bottom: 415px;
  transition: left 1s, bottom 1s, opacity 1s;
}

._freeSpinCount_1rqah_29 {
  opacity: 0 !important;
  position: absolute;
  bottom: 413px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_1rqah_38 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to top, #ff0000 33%, #fdff00, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  min-height: fit-content;
  padding: 0.5rem 0;
}

.start-free-spins ._freeSpinCount_1rqah_29 {
  opacity: 1 !important;
}

.free-spin-running ._freeSpinText_1rqah_22 {
  bottom: 28px;
  width: 544px;
  left: -53px;
  opacity: 1 !important;
}
.free-spin-running ._freeSpinCount_1rqah_29 {
  bottom: 167px;
  left: 450px;
  opacity: 1 !important;
}
.free-spin-running ._freeSpinWarper_1rqah_1:before {
  content: " ";
  background: url(/squid-game-2/images/free-spin-screen-2.png) center 0 no-repeat;
  background-size: cover;
  opacity: 1;
  position: absolute;
  bottom: 0;
  height: var(--react-root-container_height, 100%);
  width: var(--react-root-container_width, 100%);
}._guideContainer_pd7hn_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_pd7hn_1 h3 {
  color: #9aa4d2;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_pd7hn_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_pd7hn_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_pd7hn_42 {
  color: #4264ff;
  font-weight: 700;
}

._title_pd7hn_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_pd7hn_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_pd7hn_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_pd7hn_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_pd7hn_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #6597ff 0%, #0005cf 100%);
  box-shadow: 0px -4px 20px 0px #566c92 inset;
}

._featureItem_pd7hn_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_pd7hn_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_pd7hn_84 img {
  filter: brightness(3);
}

.line-bet {
  filter: hue-rotate(293deg);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_1o53t_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_1o53t_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_1o53t_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_1o53t_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_1o53t_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_1o53t_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_1o53t_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_1o53t_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_1o53t_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_1o53t_1 .history-list th:not(:first-child),
._historyContainer_1o53t_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_bdp4o_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_bdp4o_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_bdp4o_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_bdp4o_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_bdp4o_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_bdp4o_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_bdp4o_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_bdp4o_1 .history-list th:not(:first-child),
._historyDetailsContainer_bdp4o_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_bdp4o_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_bdp4o_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._winLinesContainer_zxzth_1 {
  position: absolute;
  top: 358px;
  right: 0;
  bottom: 275px;
  left: 0;
  overflow: hidden;
  transition: right 1s linear;
}

._line_zxzth_11 {
  background-size: cover !important;
  width: 610px;
  display: block;
  position: absolute;
}

._line1_zxzth_18,
._line2_zxzth_19,
._line3_zxzth_20 {
  background: url("/squid-game-2/images/win-lines/line-01-02-03.png") 0 center no-repeat;
  height: 100px;
}

._line1_zxzth_18 {
  top: 180px;
}

._line2_zxzth_19 {
  top: 50px;
}

._line3_zxzth_20 {
  top: 310px;
}

._line4_zxzth_37,
._line5_zxzth_38 {
  background: url("/squid-game-2/images/win-lines/line-04-05.png") 0 center no-repeat;
  height: 299px;
}

._line4_zxzth_37 {
  top: 92px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line5_zxzth_38 {
  top: 70px;
}

._line6_zxzth_57,
._line7_zxzth_58 {
  background: url("/squid-game-2/images/win-lines/line-06-07.png") 0 center no-repeat;
  height: 200px;
}

._line6_zxzth_57 {
  top: 200px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line7_zxzth_58 {
  top: 60px;
}

._line8_zxzth_77,
._line9_zxzth_78,
._line10_zxzth_79,
._line11_zxzth_80 {
  background: url("/squid-game-2/images/win-lines/line-08-09-10-11.png") 0 center no-repeat;
  height: 199px;
}

._line8_zxzth_77 {
  top: 190px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line9_zxzth_78 {
  top: 70px;
}

._line10_zxzth_79 {
  top: 200px;
}

._line11_zxzth_80 {
  top: 60px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line12_zxzth_113,
._line13_zxzth_114,
._line14_zxzth_115,
._line15_zxzth_116 {
  background: url("/squid-game-2/images/win-lines/line-12-13-14-15.png") 0 center no-repeat;
  height: 201px;
}

._line12_zxzth_113 {
  top: 200px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line13_zxzth_114 {
  top: 60px;
}

._line14_zxzth_115 {
  top: 190px;
}

._line15_zxzth_116 {
  top: 70px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line16_zxzth_149,
._line17_zxzth_150 {
  background: url("/squid-game-2/images/win-lines/line-16-17.png") 0 center no-repeat;
  height: 200px;
}

._line16_zxzth_149 {
  top: 190px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line17_zxzth_150 {
  top: 70px;
}

._line18_zxzth_169,
._line19_zxzth_170 {
  background: url("/squid-game-2/images/win-lines/line-18-19.png") 0 center no-repeat;
  height: 302px;
}

._line18_zxzth_169 {
  top: 90px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

._line19_zxzth_170 {
  top: 70px;
}

._line20_zxzth_189 {
  background: url("/squid-game-2/images/win-lines/line-20.png") 0 center no-repeat;
  height: 301px;
  top: 80px;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}._winTypeDisplayContainer_vu24s_1 {
  z-index: 12;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinLarger_vu24s_9 {
  text-align: center;
  font-family: "WesternBangBang";
  font-size: 12rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_vu24s_1 {
  position: absolute;
  margin-top: -896px;
}

._coinLarger2_vu24s_27 {
  top: -394px;
}._container_o2web_1 {
  position: relative;
}
._container_o2web_1 canvas {
  background: url(/squid-game-2/images/game-screen.png) center 0 no-repeat;
  background-size: cover;
}

.game-loading ._container_o2web_1 canvas {
  background: url(/squid-game-2/images/loading-screen.jpg) center 0 no-repeat;
  background-size: cover;
}

.free-spin-running ._container_o2web_1 canvas {
  background: url(/squid-game-2/images/free-spin-screen-1.png) center 0 no-repeat;
  background-size: cover;
}

.start-free-spins ._container_o2web_1 canvas {
  background: none;
}

.swal2-html-container {
  overflow: hidden !important;
}._buyFeatureWarper_1czqk_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_1czqk_6 {
  cursor: pointer;
  position: absolute;
  top: 645px;
  left: 16px;
}

._buyFeatureText_1czqk_13 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_1czqk_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_1czqk_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_1czqk_38 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_1czqk_45 {
  background: url(/supermarket-spree/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_1czqk_45 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_1czqk_45 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_1czqk_67 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_1czqk_1,
.free-spin-running ._buyFeatureText_1czqk_13 {
  display: none;
}._coinStatisticWarper_fhttp_1 {
  z-index: 0;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_fhttp_9 {
  position: relative;
}

._coinWin_fhttp_13,
._coinBalance_fhttp_14,
._coinBet_fhttp_15 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  padding-left: 2rem;
}

._coinWin_fhttp_13 {
  top: -45px;
  width: 280px;
  font-size: 1.5rem;
  right: 15px;
  text-align: center;
}

._coinBalance_fhttp_14 {
  top: -45px;
  left: 15px;
  font-size: 1.5rem;
  width: 280px;
  display: block;
  text-align: center;
}

._coinBet_fhttp_15 {
  top: -8px;
  left: 106px;
  font-size: 1.5rem;
  width: 390px;
  display: block;
  text-align: center;
}

._coinWinLarger_fhttp_52 {
  position: absolute;
  bottom: 30px;
  width: 100%;
}

._coinLarger_fhttp_58,
._coinWinLarger_fhttp_52 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 4rem;
}

._coinLarger_fhttp_58 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_fhttp_71 {
  position: absolute;
  margin-top: -1111px;
  height: 730px;
}

._coinLarger2_fhttp_77 {
  top: -131px;
}

._balanceIcon_fhttp_81,
._winIcon_fhttp_82 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: 2px;
}._menuContainer_191dv_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}

._overlay_191dv_10 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_191dv_20 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_pyf9z_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_pyf9z_9 {
  position: relative;
}

._btnAuto_pyf9z_13,
._btnMaxBet_pyf9z_14,
._btnSpeedUp_pyf9z_15,
._btnMenu_pyf9z_16 {
  position: absolute;
  background: url(/supermarket-spree/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_pyf9z_13._btnActive_pyf9z_22, ._btnAuto_pyf9z_13:active,
._btnMaxBet_pyf9z_14._btnActive_pyf9z_22,
._btnMaxBet_pyf9z_14:active,
._btnSpeedUp_pyf9z_15._btnActive_pyf9z_22,
._btnSpeedUp_pyf9z_15:active,
._btnMenu_pyf9z_16._btnActive_pyf9z_22,
._btnMenu_pyf9z_16:active {
  background-image: url(/supermarket-spree/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_pyf9z_13::before,
._btnMaxBet_pyf9z_14::before,
._btnSpeedUp_pyf9z_15::before,
._btnMenu_pyf9z_16::before {
  content: " ";
  position: absolute;
}

._btnAuto_pyf9z_13,
._btnMaxBet_pyf9z_14 {
  width: 102px;
  height: 113px;
}
._btnAuto_pyf9z_13::before,
._btnMaxBet_pyf9z_14::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_pyf9z_15,
._btnMenu_pyf9z_16 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_pyf9z_15::before,
._btnMenu_pyf9z_16::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_pyf9z_15 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_pyf9z_15::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/supermarket-spree/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_pyf9z_15.x2 {
  width: 81px;
  height: 81px;
  background: url(/supermarket-spree/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_pyf9z_15.x2::before {
  background: url(/supermarket-spree/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_pyf9z_15.x3 {
  width: 81px;
  height: 81px;
  background: url(/supermarket-spree/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_pyf9z_15.x3::before {
  background: url(/supermarket-spree/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_pyf9z_13 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_pyf9z_13::before {
  background: url(/supermarket-spree/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_pyf9z_113 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_pyf9z_113 >span {
  display: block;
  text-align: center;
}
._remainder_pyf9z_113 ._infinity_pyf9z_131 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_pyf9z_113 {
  background: rgba(39, 42, 119, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_pyf9z_13 {
  background-image: url(/supermarket-spree/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_pyf9z_14 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_pyf9z_14::before {
  background: url(/supermarket-spree/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_pyf9z_16 {
  right: 1rem;
}
._btnMenu_pyf9z_16::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background: url(/supermarket-spree/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_pyf9z_173 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/supermarket-spree/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_pyf9z_173::before {
  content: " ";
  position: absolute;
  width: 160px;
  height: 160px;
  top: -9px;
  right: -9px;
  background: url(/supermarket-spree/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_pyf9z_173::after {
  content: " ";
  position: absolute;
  width: 120px;
  height: 120px;
  top: 13px;
  right: 11px;
  background: url(/supermarket-spree/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_pyf9z_173:active::before, ._btnSpin_pyf9z_173:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_pyf9z_13:hover,
  ._btnMaxBet_pyf9z_14:hover {
    background-image: url(/supermarket-spree/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_pyf9z_173:hover::after {
    animation: _spin_pyf9z_219 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_pyf9z_173::after,
.spinning ._btnSpin_pyf9z_173::after {
  animation: _spin_pyf9z_219 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_pyf9z_173::after,
.fast-spin ._btnSpin_pyf9z_173:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_pyf9z_229,
._btnAdd_pyf9z_230 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_pyf9z_229:active,
._btnAdd_pyf9z_230:active {
  transform: translateY(5px);
}

._btnSub_pyf9z_229 {
  top: -94px;
  left: 82px;
  background: url(/supermarket-spree/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_pyf9z_229._disabled_pyf9z_246 {
  background: url(/supermarket-spree/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_pyf9z_230 {
  top: -94px;
  right: 82px;
  background: url(/supermarket-spree/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_pyf9z_230._disabled_pyf9z_246 {
  background: url(/supermarket-spree/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_pyf9z_262 {
  position: absolute;
  background: url(/supermarket-spree/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
}

._btnAuto10_pyf9z_273,
._btnAuto50_pyf9z_274,
._btnAuto100_pyf9z_275,
._btnAuto300_pyf9z_276,
._btnAutoInfinity_pyf9z_277 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_pyf9z_273 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/supermarket-spree/images/auto/10.png) center center no-repeat;
}

._btnAuto50_pyf9z_274 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/supermarket-spree/images/auto/50.png) center center no-repeat;
}

._btnAuto100_pyf9z_275 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/supermarket-spree/images/auto/100.png) center center no-repeat;
}

._btnAuto300_pyf9z_276 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/supermarket-spree/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_pyf9z_277 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/supermarket-spree/images/auto/infinity.png) center center no-repeat;
}

._overlay_pyf9z_312 {
  transition: opacity 0.25s;
}

._active_pyf9z_316 ._overlay_pyf9z_312 {
  opacity: 0.75;
}
._active_pyf9z_316 ._btnAuto10_pyf9z_273 {
  bottom: 54px;
  left: 240px;
}
._active_pyf9z_316 ._btnAuto50_pyf9z_274 {
  bottom: 130px;
  left: 208px;
}
._active_pyf9z_316 ._btnAuto100_pyf9z_275 {
  bottom: 155px;
  left: 135px;
}
._active_pyf9z_316 ._btnAuto300_pyf9z_276 {
  bottom: 130px;
  left: 60px;
}
._active_pyf9z_316 ._btnAutoInfinity_pyf9z_277 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_pyf9z_15 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnAuto_pyf9z_13,
.free-spin-running ._btnSub_pyf9z_229,
.free-spin-running ._remainder_pyf9z_113,
.free-spin-running ._btnSpin_pyf9z_173,
.free-spin-running ._btnAdd_pyf9z_230,
.free-spin-running ._btnMaxBet_pyf9z_14,
.free-spin-running ._btnMenu_pyf9z_16 {
  display: none;
}._freeSpinWarper_bydkc_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_bydkc_1._hasFreeSpinRemaining_bydkc_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_bydkc_1 {
  display: block;
}

._freeSpinText_bydkc_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_bydkc_24 {
  position: absolute;
  bottom: 16px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_bydkc_32 {
  position: absolute;
  top: -150px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 189px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
}

.free-spin-running ._freeSpinText_bydkc_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_bydkc_24 {
  left: 466px;
}._guideContainer_9tyvz_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_9tyvz_1 h3 {
  color: #D67DFF;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_9tyvz_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_9tyvz_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_9tyvz_42 {
  color: #D67DFF;
  font-weight: 700;
}

._title_9tyvz_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_9tyvz_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_9tyvz_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_9tyvz_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_9tyvz_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._featureItem_9tyvz_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_9tyvz_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_bdp4o_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_bdp4o_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_bdp4o_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_bdp4o_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_bdp4o_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_bdp4o_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_bdp4o_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_bdp4o_1 .history-list th:not(:first-child),
._historyDetailsContainer_bdp4o_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_bdp4o_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_bdp4o_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}._warper_1uyb6_1 {
  z-index: 0;
  position: absolute;
  top: 35px;
  width: 100%;
  height: 690px;
}

._symbol_1uyb6_9 {
  position: relative;
  display: block;
  width: 105px;
  height: 105px;
  padding: 28px 0;
  font-size: 48px;
  font-weight: 700;
  font-family: japanese-3017;
  font-style: normal !important;
  color: #f12503;
  text-align: center;
  letter-spacing: 0.125rem;
  transition: top calc(666ms / var(--game-spd)), left calc(666ms / var(--game-spd));
  transition-timing-function: ease-in-out;
}
._symbol_1uyb6_9:before {
  content: " ";
  background: url(/supermarket-spree/images/symbols/multiplier.png);
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  opacity: 1;
  transition: opacity calc(888ms / var(--game-spd));
}
._symbol_1uyb6_9[data-col="0"] {
  left: 0;
}
._symbol_1uyb6_9[data-col="1"] {
  left: 103px;
}
._symbol_1uyb6_9[data-col="2"] {
  left: 201px;
}
._symbol_1uyb6_9[data-col="3"] {
  left: 300px;
}
._symbol_1uyb6_9[data-col="4"] {
  left: 400px;
}
._symbol_1uyb6_9[data-col="5"] {
  left: 499px;
}
._symbol_1uyb6_9[data-row="5"] {
  top: 0;
}
._symbol_1uyb6_9[data-row="4"] {
  top: 106px;
}
._symbol_1uyb6_9[data-row="3"] {
  top: 212px;
}
._symbol_1uyb6_9[data-row="2"] {
  top: 318px;
}
._symbol_1uyb6_9[data-row="1"] {
  top: 424px;
}
._symbol_1uyb6_9[data-row="0"] {
  top: 532px;
}
._symbol_1uyb6_9.symbol--merging {
  top: 600px;
  left: 255px;
  transform: scale(0.75);
}
._symbol_1uyb6_9.symbol--merging:before {
  opacity: 0;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_g2kyo_1 {
  position: relative;
}

.game-loading ._container_g2kyo_1 canvas {
  background: url(/supermarket-spree/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}

.btn-goto-home svg {
  fill: #0037b4;
}._buyFeatureWarper_1ng32_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_1ng32_6 {
  cursor: pointer;
  position: absolute;
  top: 645px;
  left: 16px;
}

._buyFeatureText_1ng32_13 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_1ng32_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_1ng32_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_1ng32_38 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_1ng32_45 {
  background: url(/shark-bounty/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_1ng32_45 img {
  width: 70px;
  position: absolute;
  top: 8px;
  left: 12px;
}
._ticket_1ng32_45 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_1ng32_67 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_1ng32_1,
.free-spin-running ._buyFeatureText_1ng32_13 {
  display: none;
}._coinStatisticWarper_1bzfw_1 {
  z-index: 0;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_1bzfw_9 {
  position: relative;
}

._coinWin_1bzfw_13,
._coinBalance_1bzfw_14,
._coinBet_1bzfw_15 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  padding-left: 2rem;
}

._coinWin_1bzfw_13 {
  top: -52px;
  width: 280px;
  font-size: 1.5rem;
  right: 15px;
  text-align: center;
}

._coinBalance_1bzfw_14 {
  top: -52px;
  left: 15px;
  font-size: 1.5rem;
  width: 280px;
  display: block;
  text-align: center;
}

._coinBet_1bzfw_15 {
  top: -3px;
  left: 106px;
  font-size: 1.5rem;
  width: 390px;
  height: 36px;
  display: block;
  text-align: center;
}

._coinWinLarger_1bzfw_53 {
  position: absolute;
  bottom: 100px;
  width: 100%;
}

._coinLarger_1bzfw_59,
._coinWinLarger_1bzfw_53 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 4rem;
}

._coinLarger_1bzfw_59 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_1bzfw_72 {
  position: absolute;
  margin-top: -1111px;
  height: 730px;
}

._coinLarger2_1bzfw_78 {
  top: -131px;
}

._balanceIcon_1bzfw_82,
._winIcon_1bzfw_83 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: 2px;
}._menuContainer_191dv_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}

._overlay_191dv_10 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_191dv_20 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_sk9o3_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

._controllerContainer_sk9o3_9 {
  position: relative;
}

._btnAuto_sk9o3_13,
._btnMaxBet_sk9o3_14,
._btnSpeedUp_sk9o3_15,
._btnMenu_sk9o3_16 {
  position: absolute;
  background: url(/shark-bounty/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
  filter: hue-rotate(320deg);
}
._btnAuto_sk9o3_13._btnActive_sk9o3_23, ._btnAuto_sk9o3_13:active,
._btnMaxBet_sk9o3_14._btnActive_sk9o3_23,
._btnMaxBet_sk9o3_14:active,
._btnSpeedUp_sk9o3_15._btnActive_sk9o3_23,
._btnSpeedUp_sk9o3_15:active,
._btnMenu_sk9o3_16._btnActive_sk9o3_23,
._btnMenu_sk9o3_16:active {
  background-image: url(/shark-bounty/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_sk9o3_13::before,
._btnMaxBet_sk9o3_14::before,
._btnSpeedUp_sk9o3_15::before,
._btnMenu_sk9o3_16::before {
  content: " ";
  position: absolute;
}

._btnAuto_sk9o3_13,
._btnMaxBet_sk9o3_14 {
  width: 102px;
  height: 113px;
}
._btnAuto_sk9o3_13::before,
._btnMaxBet_sk9o3_14::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_sk9o3_15,
._btnMenu_sk9o3_16 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_sk9o3_15::before,
._btnMenu_sk9o3_16::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_sk9o3_15 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_sk9o3_15::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/shark-bounty/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_sk9o3_15.x2 {
  width: 81px;
  height: 81px;
  background: url(/shark-bounty/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_sk9o3_15.x2::before {
  background: url(/shark-bounty/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_sk9o3_15.x3 {
  width: 81px;
  height: 81px;
  background: url(/shark-bounty/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_sk9o3_15.x3::before {
  background: url(/shark-bounty/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_sk9o3_13 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_sk9o3_13::before {
  background: url(/shark-bounty/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_sk9o3_114 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_sk9o3_114 >span {
  display: block;
  text-align: center;
}
._remainder_sk9o3_114 ._infinity_sk9o3_132 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_sk9o3_114 {
  background: rgba(39, 42, 119, 0.75);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_sk9o3_13 {
  background-image: url(/shark-bounty/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_sk9o3_14 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_sk9o3_14::before {
  background: url(/shark-bounty/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_sk9o3_16 {
  right: 1rem;
}
._btnMenu_sk9o3_16::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background: url(/shark-bounty/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_sk9o3_174 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/shark-bounty/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_sk9o3_174::before {
  content: " ";
  position: absolute;
  width: 160px;
  height: 160px;
  top: -9px;
  right: -9px;
  background: url(/shark-bounty/images/btn-spin-inner.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_sk9o3_174::after {
  content: " ";
  position: absolute;
  width: 120px;
  height: 120px;
  top: 13px;
  right: 11px;
  background: url(/shark-bounty/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_sk9o3_174:active::before, ._btnSpin_sk9o3_174:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_sk9o3_13:hover,
  ._btnMaxBet_sk9o3_14:hover {
    background-image: url(/shark-bounty/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_sk9o3_174:hover::after {
    animation: _spin_sk9o3_220 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_sk9o3_174::after,
.spinning ._btnSpin_sk9o3_174::after {
  animation: _spin_sk9o3_220 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_sk9o3_174::after,
.fast-spin ._btnSpin_sk9o3_174:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_sk9o3_230,
._btnAdd_sk9o3_231 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_sk9o3_230:active,
._btnAdd_sk9o3_231:active {
  transform: translateY(5px);
}

._btnSub_sk9o3_230 {
  top: -89px;
  left: 82px;
  background: url(/shark-bounty/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_sk9o3_230._disabled_sk9o3_247 {
  background: url(/shark-bounty/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_sk9o3_231 {
  top: -88px;
  right: 82px;
  background: url(/shark-bounty/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_sk9o3_231._disabled_sk9o3_247 {
  background: url(/shark-bounty/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_sk9o3_263 {
  position: absolute;
  background: url(/shark-bounty/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
}

._btnAuto10_sk9o3_274,
._btnAuto50_sk9o3_275,
._btnAuto100_sk9o3_276,
._btnAuto300_sk9o3_277,
._btnAutoInfinity_sk9o3_278 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_sk9o3_274 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/shark-bounty/images/auto/10.png) center center no-repeat;
}

._btnAuto50_sk9o3_275 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/shark-bounty/images/auto/50.png) center center no-repeat;
}

._btnAuto100_sk9o3_276 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/shark-bounty/images/auto/100.png) center center no-repeat;
}

._btnAuto300_sk9o3_277 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/shark-bounty/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_sk9o3_278 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/shark-bounty/images/auto/infinity.png) center center no-repeat;
}

._overlay_sk9o3_313 {
  transition: opacity 0.25s;
}

._active_sk9o3_317 ._overlay_sk9o3_313 {
  opacity: 0.75;
}
._active_sk9o3_317 ._btnAuto10_sk9o3_274 {
  bottom: 54px;
  left: 240px;
}
._active_sk9o3_317 ._btnAuto50_sk9o3_275 {
  bottom: 130px;
  left: 208px;
}
._active_sk9o3_317 ._btnAuto100_sk9o3_276 {
  bottom: 155px;
  left: 135px;
}
._active_sk9o3_317 ._btnAuto300_sk9o3_277 {
  bottom: 130px;
  left: 60px;
}
._active_sk9o3_317 ._btnAutoInfinity_sk9o3_278 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_sk9o3_15 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnAuto_sk9o3_13,
.free-spin-running ._btnSub_sk9o3_230,
.free-spin-running ._remainder_sk9o3_114,
.free-spin-running ._btnSpin_sk9o3_174,
.free-spin-running ._btnAdd_sk9o3_231,
.free-spin-running ._btnMaxBet_sk9o3_14,
.free-spin-running ._btnMenu_sk9o3_16 {
  display: none;
}._freeSpinWarper_bydkc_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_bydkc_1._hasFreeSpinRemaining_bydkc_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_bydkc_1 {
  display: block;
}

._freeSpinText_bydkc_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_bydkc_24 {
  position: absolute;
  bottom: 16px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_bydkc_32 {
  position: absolute;
  top: -150px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 189px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
}

.free-spin-running ._freeSpinText_bydkc_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_bydkc_24 {
  left: 466px;
}._guideContainer_1ebcu_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_1ebcu_1 h3 {
  color: #D67DFF;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_1ebcu_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_1ebcu_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._rates_1ebcu_42 {
  color: #D67DFF;
  font-weight: 700;
}

._title_1ebcu_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_1ebcu_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_1ebcu_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_1ebcu_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_1ebcu_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._featureItem_1ebcu_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_1ebcu_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_bdp4o_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_bdp4o_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_bdp4o_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_bdp4o_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_bdp4o_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_bdp4o_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_bdp4o_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_bdp4o_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_bdp4o_1 .history-list th:not(:first-child),
._historyDetailsContainer_bdp4o_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_bdp4o_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_bdp4o_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_bdp4o_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_bdp4o_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}._warper_vybz5_1 {
  z-index: 0;
  position: absolute;
  top: 35px;
  width: 100%;
  height: 578px;
}

._symbol_vybz5_9 {
  position: absolute;
  display: block;
  width: 105px;
  height: 105px;
  padding: 28px 0;
  font-size: 48px;
  font-weight: 700;
  font-family: japanese-3017;
  font-style: normal !important;
  color: #f12503;
  text-align: center;
  letter-spacing: 0.125rem;
  transition: top calc(666ms / var(--game-spd)), left calc(666ms / var(--game-spd));
  transition-timing-function: ease-in-out;
}
._symbol_vybz5_9:before {
  content: " ";
  background: url(/shark-bounty/images/symbols/multiplier.png);
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  opacity: 1;
  transition: opacity calc(888ms / var(--game-spd));
}
._symbol_vybz5_9[data-col="0"] {
  left: 0;
}
._symbol_vybz5_9[data-col="1"] {
  left: 103px;
}
._symbol_vybz5_9[data-col="2"] {
  left: 201px;
}
._symbol_vybz5_9[data-col="3"] {
  left: 300px;
}
._symbol_vybz5_9[data-col="4"] {
  left: 400px;
}
._symbol_vybz5_9[data-col="5"] {
  left: 499px;
}
._symbol_vybz5_9[data-row="5"] {
  top: 0;
}
._symbol_vybz5_9[data-row="4"] {
  top: 106px;
}
._symbol_vybz5_9[data-row="3"] {
  top: 212px;
}
._symbol_vybz5_9[data-row="2"] {
  top: 318px;
}
._symbol_vybz5_9[data-row="1"] {
  top: 424px;
}
._symbol_vybz5_9[data-row="0"] {
  top: 532px;
}
._symbol_vybz5_9.symbol--merging {
  top: 600px;
  left: 255px;
  transform: scale(0.75);
}
._symbol_vybz5_9.symbol--merging:before {
  opacity: 0;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_tanoq_1 {
  position: relative;
}
._container_tanoq_1 canvas {
  background: url(/shark-bounty/images/game-screen.png) center center no-repeat;
  background-size: cover;
}

.game-loading ._container_tanoq_1 canvas {
  background: url(/shark-bounty/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}._backgroundWarper_zjjd1_1 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(/mermaid-riches/images/game-screen.jpg) center center no-repeat;
  background-size: cover;
}

._mermaid_zjjd1_10 {
  position: absolute;
  top: 340px;
  left: -55px;
  transform: scale(1.25);
  animation: _float_zjjd1_1 6s ease-in-out infinite;
}

._slotBg_zjjd1_18 {
  position: absolute;
  top: 295px;
  left: 50px;
  opacity: 0.25;
  transform: scale(1.1);
}

.free-spin-running ._backgroundWarper_zjjd1_1 {
  transform: scaleX(-1);
}
.free-spin-running ._slotBg_zjjd1_18 {
  top: 296px;
  left: 62px;
}

@keyframes _float_zjjd1_1 {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}._buyFeatureWarper_1n8y9_1 {
  position: absolute;
  width: 100%;
  z-index: 14;
}

.win-animation-displayed ._buyFeatureWarper_1n8y9_1 {
  display: none;
}

._buyFeaturePosition_1n8y9_11 {
  cursor: pointer;
  position: absolute;
  top: 190px;
  left: 16px;
}

._buyFeatureText_1n8y9_18 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_1n8y9_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_1n8y9_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_1n8y9_43 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_1n8y9_50 {
  background: url(/mermaid-riches/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_1n8y9_50 img {
  width: 70px;
  position: absolute;
  top: 12px;
  left: 12px;
}
._ticket_1n8y9_50 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_1n8y9_72 {
  font-family: "AquaWow";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 20px;
  width: 90px;
  right: 5px;
  text-align: center;
  color: #921919;
}

.free-spin-running ._buyFeatureWarper_1n8y9_1,
.free-spin-running ._buyFeatureText_1n8y9_18 {
  display: none;
}._coinStatisticWarper_1ifdr_1 {
  z-index: 12;
  position: absolute;
  bottom: 174px;
  width: 100%;
  height: 78px;
}

._coinStatisticContainer_1ifdr_9 {
  position: relative;
  background: url(/mermaid-riches/images/point-statistic.png) center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 76px;
}

._coinWin_1ifdr_17,
._coinBalance_1ifdr_18,
._coinBet_1ifdr_19 {
  position: absolute;
  font-weight: 500;
  color: #FFDA58;
  font-family: AquaWow;
}

._coinWin_1ifdr_17,
._coinBalance_1ifdr_18 {
  padding-left: 42px;
  padding-top: 12px;
  padding-bottom: 8px;
  font-size: 1.5rem;
  text-align: center;
  top: -11px;
  width: 250px;
}

._coinWin_1ifdr_17 {
  right: 32px;
}

._coinBalance_1ifdr_18 {
  left: 32px;
}

._coinBet_1ifdr_19 {
  top: 34px;
  left: 106px;
  padding-top: 8px;
  font-size: 1.5rem;
  width: 390px;
  height: 38px;
  display: block;
  text-align: center;
}

._coinWinLarger_1ifdr_56 {
  position: absolute;
  top: -335px;
  width: 100%;
  opacity: 0;
}
._coinWinLarger_1ifdr_56._isWin_1ifdr_62 {
  opacity: 1;
}

.free-spin-running ._coinWinLarger_1ifdr_56 {
  transition: opacity 333ms linear;
  opacity: 1;
}
.free-spin-running.fast-spin ._coinWinLarger_1ifdr_56 {
  opacity: 0.125;
}

.x-win-animation-displayed ._coinStatisticContainer_1ifdr_9,
.win-animation-displayed ._coinStatisticContainer_1ifdr_9 {
  background: none;
}
.x-win-animation-displayed ._coinWin_1ifdr_17,
.x-win-animation-displayed ._coinBalance_1ifdr_18,
.x-win-animation-displayed ._coinBet_1ifdr_19,
.win-animation-displayed ._coinWin_1ifdr_17,
.win-animation-displayed ._coinBalance_1ifdr_18,
.win-animation-displayed ._coinBet_1ifdr_19 {
  display: none;
}
.x-win-animation-displayed ._coinWinLarger_1ifdr_56,
.win-animation-displayed ._coinWinLarger_1ifdr_56 {
  top: -350px;
  opacity: 1 !important;
}

._coinWinLarger_1ifdr_56 {
  text-align: center;
  font-family: "OceanAnimal";
  font-size: 5rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
  text-shadow: 3px 6px 12px #160e0e;
}

._coinLarger2_1ifdr_103 {
  top: -666px;
}

._balanceIcon_1ifdr_107,
._winIcon_1ifdr_108 {
  position: absolute;
  width: 32px;
  top: 5px;
  left: 6px;
}

@keyframes _reverseSpin_1ifdr_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
._multiplierItems_1ifdr_123 {
  position: absolute;
  top: -710px;
  left: 6px;
  right: 6px;
  height: 99px;
  display: flex;
  justify-content: space-around;
}
._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123 {
  position: relative;
  display: block;
  background-position: -1px 0;
  background-image: url(/mermaid-riches/images/img-001.png);
  background-repeat: no-repeat;
  width: 120px;
  height: 98px;
}
._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123.active {
  width: 111px;
  background-position-x: -123px;
}

._multiplierItem_1ifdr_123.active::after {
  display: block;
  font-size: 36px;
  color: #FFDA58;
  font-family: AquaWow;
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
._multiplierItem_1ifdr_123.active:nth-child(1)::after {
  content: "1";
}
._multiplierItem_1ifdr_123.active:nth-child(2)::after {
  content: "2";
}
._multiplierItem_1ifdr_123.active:nth-child(3)::after {
  content: "3";
}
._multiplierItem_1ifdr_123.active:nth-child(4)::after {
  content: "5";
}

.free-spin-running ._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123 {
  background-position-y: -99px;
}
.free-spin-running ._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123.active {
  background-position-x: -123px;
}
.free-spin-running ._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123.active:nth-child(1)::after {
  content: "2";
}
.free-spin-running ._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123.active:nth-child(2)::after {
  content: "4";
}
.free-spin-running ._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123.active:nth-child(3)::after {
  content: "6";
}
.free-spin-running ._multiplierItems_1ifdr_123 ._multiplierItem_1ifdr_123.active:nth-child(4)::after {
  content: "10";
}._menuContainer_l0kjz_1 {
  position: absolute;
  bottom: 0;
  z-index: 13;
  height: 164px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgb(15, 10, 27) 25.5%);
}
._menuContainer_l0kjz_1 [type="button"] {
  z-index: 1;
}
._menuContainer_l0kjz_1 img {
  filter: brightness(3);
}

._overlay_l0kjz_16 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_l0kjz_26 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}@reference "../../../../global.css";
._controllerContainer_1lfh6_2 {
  position: absolute;
  bottom: 115px;
  width: 100%;
  z-index: 12;
}

._btnAuto_1lfh6_9,
._btnMaxBet_1lfh6_10,
._btnSpeedUp_1lfh6_11,
._btnMenu_1lfh6_12 {
  position: absolute;
  background: url(/mermaid-riches/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_1lfh6_9._btnActive_1lfh6_18, ._btnAuto_1lfh6_9:active,
._btnMaxBet_1lfh6_10._btnActive_1lfh6_18,
._btnMaxBet_1lfh6_10:active,
._btnSpeedUp_1lfh6_11._btnActive_1lfh6_18,
._btnSpeedUp_1lfh6_11:active,
._btnMenu_1lfh6_12._btnActive_1lfh6_18,
._btnMenu_1lfh6_12:active {
  background-image: url(/mermaid-riches/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_1lfh6_9::before,
._btnMaxBet_1lfh6_10::before,
._btnSpeedUp_1lfh6_11::before,
._btnMenu_1lfh6_12::before {
  content: " ";
  position: absolute;
}

._btnAuto_1lfh6_9,
._btnMaxBet_1lfh6_10 {
  width: 102px;
  height: 113px;
}
._btnAuto_1lfh6_9::before,
._btnMaxBet_1lfh6_10::before {
  top: 27px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1lfh6_11,
._btnMenu_1lfh6_12 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_1lfh6_11::before,
._btnMenu_1lfh6_12::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1lfh6_11 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_1lfh6_11::before {
  position: absolute;
  width: 20px;
  top: 12px;
  background: url(/mermaid-riches/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1lfh6_11.x2 {
  width: 81px;
  height: 81px;
  background: url(/mermaid-riches/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1lfh6_11.x2::before {
  background: url(/mermaid-riches/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1lfh6_11.x3 {
  width: 81px;
  height: 81px;
  background: url(/mermaid-riches/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1lfh6_11.x3::before {
  background: url(/mermaid-riches/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_1lfh6_9 {
  left: 7rem;
  top: -1.5rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_1lfh6_9::before {
  background: url(/mermaid-riches/images/icons/auto.svg) center center no-repeat;
  background-size: contain;
}

._remainder_1lfh6_109 {
  font-size: 3rem;
  color: #fff;
  font-family: AquaWow;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
._remainder_1lfh6_109 >span {
  display: block;
  width: 100%;
  text-align: center;
}
._remainder_1lfh6_109 ._infinity_1lfh6_125 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auto-spin ._btnAuto_1lfh6_9 {
  background-image: url(/mermaid-riches/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_1lfh6_10 {
  right: 7rem;
  top: -1.5rem;
}
._btnMaxBet_1lfh6_10::before {
  background: url(/mermaid-riches/images/icons/max.svg) center center no-repeat;
  background-size: contain;
}

._btnMenu_1lfh6_12 {
  right: 1rem;
}
._btnMenu_1lfh6_12::before {
  position: absolute;
  width: 28px;
  left: 26px;
  top: 14px;
  background: url(/mermaid-riches/images/icons/menu.svg) center center no-repeat;
  background-size: contain;
}

._btnSpin_1lfh6_165,
._remainder_1lfh6_109 {
  position: absolute;
  width: 145px;
  left: 234px;
}

._btnSpin_1lfh6_165 {
  height: 145px;
  top: -46px;
}

._remainder_1lfh6_109 {
  background: rgba(0, 16, 64, 0.75);
  border-radius: 8px;
  width: 92px;
  height: 87px;
  top: -22px;
  left: 258px;
  border: solid 1px #fff;
}

._btnSpin_1lfh6_165 {
  background: url(/mermaid-riches/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpin_1lfh6_165::after {
  content: " ";
  position: absolute;
  width: 63px;
  height: 80px;
  top: 28px;
  right: 41px;
  background: url(/mermaid-riches/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_1lfh6_165:active::before, ._btnSpin_1lfh6_165:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_1lfh6_9:hover,
  ._btnMaxBet_1lfh6_10:hover {
    background-image: url(/mermaid-riches/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_1lfh6_165:hover::after {
    animation: _spin_1lfh6_218 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
.auto-spin ._btnSpin_1lfh6_165::before,
.spinning ._btnSpin_1lfh6_165::before {
  display: none;
}
.auto-spin ._btnSpin_1lfh6_165::after,
.spinning ._btnSpin_1lfh6_165::after {
  animation: _spin_1lfh6_218 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_1lfh6_165::after,
.fast-spin ._btnSpin_1lfh6_165:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_1lfh6_232,
._btnAdd_1lfh6_233 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_1lfh6_232:active,
._btnAdd_1lfh6_233:active {
  transform: translateY(5px);
}

._btnSub_1lfh6_232,
._btnAdd_1lfh6_233 {
  top: -95px;
  height: 34px;
  background-size: contain;
}

._btnSub_1lfh6_232 {
  left: 106px;
  background: url(/mermaid-riches/images/sub.png) center center no-repeat;
}
._btnSub_1lfh6_232._disabled_1lfh6_254 {
  background: url(/mermaid-riches/images/sub-disabled.png) center center no-repeat;
}

._btnAdd_1lfh6_233 {
  right: 106px;
  background: url(/mermaid-riches/images/add.png) center center no-repeat;
}
._btnAdd_1lfh6_233._disabled_1lfh6_254 {
  background: url(/mermaid-riches/images/add-disabled.png) center center no-repeat;
}

._btnCloseAuto_1lfh6_266 {
  filter: hue-rotate(333deg);
  position: absolute;
  background: url(/mermaid-riches/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 12;
  bottom: 35px;
  left: 119px;
}

._btnAuto10_1lfh6_278,
._btnAuto50_1lfh6_279,
._btnAuto100_1lfh6_280,
._btnAuto300_1lfh6_281,
._btnAutoInfinity_1lfh6_282 {
  filter: hue-rotate(333deg);
  position: absolute;
  background-size: contain;
  z-index: 13;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
}

._btnAuto10_1lfh6_278 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/mermaid-riches/images/auto/10.png) center center no-repeat;
}

._btnAuto50_1lfh6_279 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/mermaid-riches/images/auto/50.png) center center no-repeat;
}

._btnAuto100_1lfh6_280 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/mermaid-riches/images/auto/100.png) center center no-repeat;
}

._btnAuto300_1lfh6_281 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/mermaid-riches/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_1lfh6_282 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/mermaid-riches/images/auto/infinity.png) center center no-repeat;
}

._overlay_1lfh6_318 {
  transition: opacity 0.25s;
}

._active_1lfh6_322 ._overlay_1lfh6_318 {
  opacity: 0.75;
}
._active_1lfh6_322 ._btnAuto10_1lfh6_278 {
  bottom: 49px;
  left: 240px;
}
._active_1lfh6_322 ._btnAuto50_1lfh6_279 {
  bottom: 130px;
  left: 208px;
}
._active_1lfh6_322 ._btnAuto100_1lfh6_280 {
  bottom: 155px;
  left: 135px;
}
._active_1lfh6_322 ._btnAuto300_1lfh6_281 {
  bottom: 130px;
  left: 60px;
}
._active_1lfh6_322 ._btnAutoInfinity_1lfh6_282 {
  bottom: 49px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_1lfh6_11 {
  left: 31rem;
  top: -225px;
}
.free-spin-running ._btnAuto_1lfh6_9,
.free-spin-running ._btnSub_1lfh6_232,
.free-spin-running ._remainder_1lfh6_109,
.free-spin-running ._btnSpin_1lfh6_165,
.free-spin-running ._btnAdd_1lfh6_233,
.free-spin-running ._btnMaxBet_1lfh6_10,
.free-spin-running ._btnMenu_1lfh6_12 {
  display: none;
}

.win-animation-displayed ._btnSpeedUp_1lfh6_11 {
  display: none;
}
.win-animation-displayed ._controllerContainer_1lfh6_2 {
  background: none;
}._freeSpinWarper_1ihsx_1 {
  z-index: 20;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_1ihsx_1._hasFreeSpinRemaining_1ihsx_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1ihsx_1 {
  display: block;
}

._freeSpinText_1ihsx_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_1ihsx_24 {
  position: absolute;
  bottom: -33px;
  left: 231px;
  width: 137px;
  transition: left 1s;
  display: block;
  height: 224px;
}

._freeSpinRemaining_1ihsx_34 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "OceanAnimal";
  background: linear-gradient(to right, #ffc600 33%, #b12500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 8rem;
}

.free-spin-running ._freeSpinText_1ihsx_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_1ihsx_24 {
  left: 466px;
}

.win-animation-displayed ._freeSpinWarper_1ihsx_1 {
  display: none;
}._guideContainer_la5pk_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_la5pk_1 h3 {
  color: #ff8747;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_la5pk_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 1rem;
}

._symbolInfo_la5pk_32 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_la5pk_42 {
  color: #ff8747;
  font-weight: 700;
}

._title_la5pk_47 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

._tabHeaderContainer_la5pk_53 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_la5pk_57 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_la5pk_53 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_la5pk_76 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #6a76ff;
  background: linear-gradient(180deg, hsl(234, 100%, 66%) 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px hsl(241, 100%, 65%) inset;
}

._featureItem_la5pk_84 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_la5pk_84 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_la5pk_84 img {
  filter: brightness(3);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_ojw60_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_ojw60_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_ojw60_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_ojw60_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_ojw60_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #00239f 0%, #005cfc 100%);
  box-shadow: 0px -4px 20px 0px #5761ff inset;
}

._historyContainer_ojw60_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_ojw60_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_ojw60_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_ojw60_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_ojw60_1 .history-list th:not(:first-child),
._historyContainer_ojw60_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}._historyDetailsContainer_18e4b_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 16;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
  padding-bottom: 10rem;
}

._tabHeaderContainer_18e4b_14 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_18e4b_18 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_18e4b_14 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_18e4b_37 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyDetailsContainer_18e4b_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyDetailsContainer_18e4b_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyDetailsContainer_18e4b_1 .history-list tbody tr {
  background-color: #616161;
}
._historyDetailsContainer_18e4b_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyDetailsContainer_18e4b_1 .history-list th:not(:first-child),
._historyDetailsContainer_18e4b_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}

._historyDetailsContainer_18e4b_1 .slick-prev {
  top: -3px;
  right: 10rem;
  left: unset;
  z-index: 1;
}
._historyDetailsContainer_18e4b_1 .slick-prev:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_18e4b_1 .slick-prev.slick-prev.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}
._historyDetailsContainer_18e4b_1 .slick-next {
  top: -3px;
  right: 5rem;
  z-index: 1;
}
._historyDetailsContainer_18e4b_1 .slick-next:before {
  font-size: 4rem;
  opacity: 0.75;
}
._historyDetailsContainer_18e4b_1 .slick-next.slick-next.slick-disabled:before {
  opacity: 0.25;
  cursor: not-allowed;
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._containerWrapper_1elmi_1 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

._symbol_1elmi_8 {
  width: 150px;
  height: 150px;
  transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
}

.sticky-symbol {
  position: absolute;
  top: 0;
  left: 0;
}
.sticky-symbol[data-col="0"] {
  top: 474px;
  left: 5px;
}
.sticky-symbol[data-col="1"][data-row="0"] {
  top: 528px;
  left: 114px;
}
.sticky-symbol[data-col="1"][data-row="1"] {
  top: 418px;
  left: 114px;
}
.sticky-symbol[data-col="2"][data-row="0"] {
  top: 584px;
  left: 225px;
}
.sticky-symbol[data-col="2"][data-row="1"] {
  top: 474px;
  left: 225px;
}
.sticky-symbol[data-col="2"][data-row="2"] {
  top: 364px;
  left: 225px;
}
.sticky-symbol[data-col="3"][data-row="0"] {
  top: 640px;
  left: 335px;
}
.sticky-symbol[data-col="3"][data-row="1"] {
  top: 530px;
  left: 335px;
}
.sticky-symbol[data-col="3"][data-row="2"] {
  top: 420px;
  left: 335px;
}
.sticky-symbol[data-col="3"][data-row="3"] {
  top: 310px;
  left: 335px;
}
.sticky-symbol[data-col="4"][data-row="0"] {
  top: 694px;
  left: 445px;
}
.sticky-symbol[data-col="4"][data-row="1"] {
  top: 580px;
  left: 445px;
}
.sticky-symbol[data-col="4"][data-row="2"] {
  top: 470px;
  left: 445px;
}
.sticky-symbol[data-col="4"][data-row="3"] {
  top: 360px;
  left: 445px;
}
.sticky-symbol[data-col="4"][data-row="4"] {
  top: 250px;
  left: 445px;
}

._fakeSymbol_1elmi_80:before {
  content: " ";
  display: block;
  position: absolute;
  top: 20px;
  right: 10px;
  bottom: 10px;
  left: 22px;
  width: 104px;
  height: 104px;
  z-index: 0;
  background: rgba(255, 245, 130, 0.5) url(/mermaid-riches/images/symbols/sticky-wild.png) no-repeat center -9px;
  background-size: 125%;
  border-radius: 8px;
  border: #fff146 3px solid;
  opacity: 0.75;
}

.free-spin-running .sticky-symbol[data-col="0"][data-row="0"] {
  top: 695px;
  left: 5px;
}
.free-spin-running .sticky-symbol[data-col="0"][data-row="1"] {
  top: 585px;
  left: 5px;
}
.free-spin-running .sticky-symbol[data-col="0"][data-row="2"] {
  top: 475px;
  left: 5px;
}
.free-spin-running .sticky-symbol[data-col="0"][data-row="3"] {
  top: 365px;
  left: 5px;
}
.free-spin-running .sticky-symbol[data-col="0"][data-row="4"] {
  top: 255px;
  left: 5px;
}
.free-spin-running .sticky-symbol[data-col="1"][data-row="0"] {
  top: 640px;
  left: 117px;
}
.free-spin-running .sticky-symbol[data-col="1"][data-row="1"] {
  top: 530px;
  left: 117px;
}
.free-spin-running .sticky-symbol[data-col="1"][data-row="2"] {
  top: 420px;
  left: 117px;
}
.free-spin-running .sticky-symbol[data-col="1"][data-row="3"] {
  top: 310px;
  left: 117px;
}
.free-spin-running .sticky-symbol[data-col="2"][data-row="0"] {
  top: 585px;
  left: 226px;
}
.free-spin-running .sticky-symbol[data-col="2"][data-row="1"] {
  top: 475px;
  left: 226px;
}
.free-spin-running .sticky-symbol[data-col="2"][data-row="2"] {
  top: 365px;
  left: 226px;
}
.free-spin-running .sticky-symbol[data-col="3"][data-row="0"] {
  top: 530px;
  left: 336px;
}
.free-spin-running .sticky-symbol[data-col="3"][data-row="1"] {
  top: 420px;
  left: 336px;
}
.free-spin-running .sticky-symbol[data-col="4"][data-row="0"] {
  top: 475px;
  left: 446px;
}._winTypeDisplayContainer_tiech_1 {
  z-index: 12;
  position: absolute;
  bottom: 120px;
  width: 100%;
  height: 78px;
}

._coinLarger_tiech_9 {
  text-align: center;
  font-family: "AquaWow";
  font-size: 4rem;
  text-shadow: 0px 2px 16px rgba(249, 216, 61, 0.5), 0px 1px 0px #082C49, 0px 3px 4px #000;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  color: #fff;
  position: absolute;
  top: 215px;
  z-index: 1;
}

._winType_tiech_1 {
  position: absolute;
  margin-top: -597px;
}

._coinLarger2_tiech_27 {
  top: -666px;
}._container_6szlp_1 {
  position: relative;
}
._container_6szlp_1 canvas {
  background: none;
}

.game-loading ._container_6szlp_1 canvas {
  background: url(/mermaid-riches/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}._buyFeatureWarper_1c64j_1 {
  position: absolute;
  width: 100%;
}

._buyFeaturePosition_1c64j_6 {
  cursor: pointer;
  position: absolute;
  top: 750px;
  left: 198px;
}

._buyFeatureText_1c64j_13 {
  cursor: pointer;
  font-family: "samurai-slot-game-sbix";
  letter-spacing: 0.125rem;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to right, #de335d 10%, #bc6136 50%, #cd1246 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: _textclip_1c64j_1 1.5s linear infinite;
  display: inline-block;
}

@keyframes _textclip_1c64j_1 {
  to {
    background-position: 200% center;
  }
}
._buyFeatureContainer_1c64j_38 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}

._ticket_1c64j_45 {
  background: url(/gladiators-glory/images/ticket.png) center center no-repeat;
  background-size: contain;
  width: 175px;
  height: 100px;
  position: relative;
  color: #06041f;
  margin-top: 1rem;
}
._ticket_1c64j_45 img {
  width: 70px;
  position: absolute;
  top: -19px;
  left: 12px;
}
._ticket_1c64j_45 label {
  position: absolute;
  top: 24px;
  right: 15px;
  width: 70px;
}

._price_1c64j_67 {
  font-family: "japanese-3017";
  letter-spacing: 0.125rem;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
  text-align: center;
}

.free-spin-running ._buyFeatureWarper_1c64j_1,
.free-spin-running ._buyFeatureText_1c64j_13 {
  display: none;
}

.x-win-animation-displayed ._buyFeaturePosition_1c64j_6 {
  display: none;
}._img1_j8n33_1 {
  position: absolute;
  top: 100px;
  left: 100px;
}

._img2_j8n33_7 {
  position: absolute;
  top: 464px;
  left: 0;
}

._img3_j8n33_13 {
  position: absolute;
  top: 524px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_j8n33_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img4_j8n33_25 {
  position: absolute;
  top: 21px;
  left: 100px;
}

._img5_j8n33_31 {
  position: absolute;
  top: 375px;
  left: 0;
}

._img6_j8n33_37 {
  position: absolute;
  top: 415px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_j8n33_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._img7_j8n33_49 {
  position: absolute;
  top: 5px;
  left: 183px;
  width: 300px;
}

._img8_j8n33_56 {
  position: absolute;
  top: 375px;
  left: 0;
}

._img9_j8n33_62 {
  position: absolute;
  top: 469px;
  left: 8px;
  filter: brightness(2.5);
  opacity: 0.5;
  animation: _highlight_j8n33_1;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

._bigWinFire_j8n33_74 {
  position: absolute;
  top: -40px;
  left: 307px;
}

._bigWin_j8n33_74 {
  position: absolute;
  top: 525px;
  left: 141px;
  width: 360px;
}

._megaWin_j8n33_87 {
  position: absolute;
  top: 478px;
  left: 4px;
}

._superWin_j8n33_93 {
  position: absolute;
  top: 460px;
  left: 74px;
  width: 450px;
}

@keyframes _highlight_j8n33_1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _reverseSpin_j8n33_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}._coinStatisticWarper_1xbp9_1 {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.x-win-animation-displayed ._coinStatisticWarper_1xbp9_1 {
  z-index: 2;
}

._coinStatisticContainer_1xbp9_14 {
  position: relative;
  bottom: -881px;
}

._coinWin_1xbp9_19,
._coinBalance_1xbp9_20,
._coinBet_1xbp9_21 {
  position: absolute;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
}
._coinWin_1xbp9_19::before,
._coinBalance_1xbp9_20::before,
._coinBet_1xbp9_21::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 38px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  z-index: -1;
}

._coinWin_1xbp9_19::before,
._coinBalance_1xbp9_20::before {
  left: -38px;
}

._coinBet_1xbp9_21::before {
  left: 0;
}

._coinWin_1xbp9_19 {
  top: -55px;
  width: 210px;
  font-size: 1.5rem;
  right: 50px;
  text-align: center;
}

._coinBalance_1xbp9_20 {
  top: -55px;
  left: 75px;
  font-size: 1.5rem;
  width: 210px;
  display: block;
  text-align: center;
}

._coinBet_1xbp9_21 {
  top: -7px;
  left: 192px;
  font-size: 1.5rem;
  width: 224px;
  display: block;
  text-align: center;
}

._coinWinLarger_1xbp9_77 {
  position: absolute;
  top: -512px;
  width: 100%;
}

._coinLarger_1xbp9_83,
._coinWinLarger_1xbp9_77 {
  text-align: center;
  font-family: "samurai-slot-game-sbix";
  font-size: 6rem;
}

._coinLarger_1xbp9_83 {
  position: absolute;
  top: 215px;
  z-index: 1;
}

.x-win-animation-displayed ._coinLarger_1xbp9_83 {
  position: fixed;
  z-index: 10;
  top: 636px;
  font-size: 6rem;
}

._winType_1xbp9_103 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

._coinLarger2_1xbp9_115 {
  top: -666px;
}

._balanceIcon_1xbp9_119,
._winIcon_1xbp9_120 {
  position: absolute;
  width: 32px;
  top: 2px;
  left: -32px;
}

@keyframes _reverseSpin_1xbp9_1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}._menuContainer_9kowz_1 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 211px;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 7, 38, 0) 0%, rgba(7, 7, 40, 0.9) 25.5%);
}
._menuContainer_9kowz_1 img {
  filter: brightness(3);
}

._overlay_9kowz_13 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 174px;
  left: 0;
  background: #10031e;
  opacity: 0.5;
}

._menuItemText_9kowz_23 {
  color: var(--menu-text);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}._controllerWarper_1nmzn_1 {
  z-index: 1;
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: 78px;
}

.x-win-animation-displayed ._controllerWarper_1nmzn_1 {
  z-index: 0;
  display: none;
}

._controllerContainer_1nmzn_14 {
  position: relative;
}

._btnAuto_1nmzn_18,
._btnMaxBet_1nmzn_19,
._btnSpeedUp_1nmzn_20,
._btnMenu_1nmzn_21 {
  position: absolute;
  background: url(/gladiators-glory/images/btn-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: calc(infinity * 1px);
}
._btnAuto_1nmzn_18._btnActive_1nmzn_27, ._btnAuto_1nmzn_18:active,
._btnMaxBet_1nmzn_19._btnActive_1nmzn_27,
._btnMaxBet_1nmzn_19:active,
._btnSpeedUp_1nmzn_20._btnActive_1nmzn_27,
._btnSpeedUp_1nmzn_20:active,
._btnMenu_1nmzn_21._btnActive_1nmzn_27,
._btnMenu_1nmzn_21:active {
  background-image: url(/gladiators-glory/images/btn-bg--hover.png);
  background-size: contain;
  transform: translateY(4px);
}
._btnAuto_1nmzn_18::before,
._btnMaxBet_1nmzn_19::before,
._btnSpeedUp_1nmzn_20::before,
._btnMenu_1nmzn_21::before {
  content: " ";
  position: absolute;
}

._btnAuto_1nmzn_18,
._btnMaxBet_1nmzn_19 {
  width: 102px;
  height: 113px;
}
._btnAuto_1nmzn_18::before,
._btnMaxBet_1nmzn_19::before {
  top: 24px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1nmzn_20,
._btnMenu_1nmzn_21 {
  width: 79px;
  height: 79px;
}
._btnSpeedUp_1nmzn_20::before,
._btnMenu_1nmzn_21::before {
  top: 22px;
  left: 29px;
  width: 41px;
  height: 43px;
}

._btnSpeedUp_1nmzn_20 {
  transition: top 1s;
  top: 0;
  left: 1rem;
}
._btnSpeedUp_1nmzn_20::before {
  position: absolute;
  width: 20px;
  top: 10px;
  background: url(/gladiators-glory/images/speed-up.png) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1nmzn_20.x2 {
  width: 81px;
  height: 81px;
  background: url(/gladiators-glory/images/btn-x2.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1nmzn_20.x2::before {
  background: url(/gladiators-glory/images/icons/x2.svg) center center no-repeat;
  background-size: contain;
}
._btnSpeedUp_1nmzn_20.x3 {
  width: 81px;
  height: 81px;
  background: url(/gladiators-glory/images/btn-x3.png) center 0 no-repeat;
  background-size: contain;
}
._btnSpeedUp_1nmzn_20.x3::before {
  background: url(/gladiators-glory/images/icons/x3.svg) center center no-repeat;
  background-size: contain;
}

._btnAuto_1nmzn_18 {
  left: 7rem;
  top: -1rem;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAuto_1nmzn_18::before {
  background-color: #271200;
  mask: url(/gladiators-glory/images/icons/auto.svg) center center no-repeat;
  mask-size: contain;
}

._remainder_1nmzn_119 {
  position: absolute;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  font-family: japanese-3017;
  letter-spacing: 0.125rem;
  transform: translateX(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  z-index: 10;
}
._remainder_1nmzn_119 >span {
  display: block;
  text-align: center;
  color: #fadd52;
}
._remainder_1nmzn_119 ._infinity_1nmzn_138 {
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  transform: none;
}

._remainder_1nmzn_119 {
  background: rgba(111, 99, 0, 0.5);
  border-radius: 8px;
  width: 124px;
  height: 87px;
  top: -22px;
  left: 236px;
  border: solid 1px #fff;
}

.auto-spin ._btnAuto_1nmzn_18 {
  background-image: url(/gladiators-glory/images/btn-bg--hover.png);
  background-size: contain;
}

._btnMaxBet_1nmzn_19 {
  right: 7rem;
  top: -1rem;
}
._btnMaxBet_1nmzn_19::before {
  background-color: #271200;
  mask: url(/gladiators-glory/images/icons/max.svg) center center no-repeat;
  mask-size: contain;
}

._btnMenu_1nmzn_21 {
  right: 1rem;
}
._btnMenu_1nmzn_21::before {
  position: absolute;
  width: 28px;
  left: 25px;
  top: 10px;
  background-color: #271200;
  mask: url(/gladiators-glory/images/icons/menu.svg) center center no-repeat;
  mask-size: contain;
}

._btnSpin_1nmzn_182 {
  position: absolute;
  width: 145px;
  height: 145px;
  top: -53px;
  right: 234px;
  background: url(/gladiators-glory/images/btn-spin-bg.png) center center no-repeat;
  background-size: contain;
}

._btnSpinActive_1nmzn_192 ._lightEffect_1nmzn_192 {
  display: block;
  width: 144px;
  height: 144px;
  background-image: url(/gladiators-glory/images/light-effect.png);
  animation: _moveH_1nmzn_1 0.3s steps(11) infinite;
  opacity: 0;
  transform: scale(1.5);
  position: absolute;
  top: -2px;
  left: -20px;
}

@keyframes _moveH_1nmzn_1 {
  0% {
    background-position-x: 0px;
    opacity: 1;
  }
  100% {
    background-position-x: 100%;
    opacity: 0;
  }
}
._btnSpin_1nmzn_182::after {
  content: " ";
  position: absolute;
  width: 98px;
  height: 98px;
  top: 21px;
  right: 24px;
  background: url(/gladiators-glory/images/btn-spin-icon.png) center center no-repeat;
  background-size: contain;
}
._btnSpin_1nmzn_182:active::before, ._btnSpin_1nmzn_182:active::after {
  transform: translateY(4px);
}

@media (min-width: 640px) {
  ._btnAuto_1nmzn_18:hover,
  ._btnMaxBet_1nmzn_19:hover {
    background-image: url(/gladiators-glory/images/btn-bg--hover.png);
    background-size: contain;
  }
  ._btnSpin_1nmzn_182:hover::after {
    animation: _spin_1nmzn_249 1s linear infinite;
    animation-duration: calc(var(--spin-spd) * 2 / var(--game-spd));
  }
}
@keyframes _spin_1nmzn_249 {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0);
  }
}
.auto-spin ._btnSpin_1nmzn_182::after,
.spinning ._btnSpin_1nmzn_182::after {
  animation: _spin_1nmzn_249 1s linear infinite;
  animation-duration: calc(var(--spin-spd) / var(--game-spd));
}

.fast-spin ._btnSpin_1nmzn_182::after,
.fast-spin ._btnSpin_1nmzn_182:hover::after {
  animation-duration: calc(var(--spin-spd) / var(--game-spd) / 2);
}

._btnSub_1nmzn_259,
._btnAdd_1nmzn_260 {
  position: absolute;
  width: 91px;
  height: 41px;
}
._btnSub_1nmzn_259:active,
._btnAdd_1nmzn_260:active {
  transform: translateY(5px);
}

._btnSub_1nmzn_259 {
  top: -94px;
  left: 106px;
  background: url(/gladiators-glory/images/sub.png) center center no-repeat;
  background-size: contain;
}
._btnSub_1nmzn_259._disabled_1nmzn_276 {
  background: url(/gladiators-glory/images/sub-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnAdd_1nmzn_260 {
  top: -94px;
  right: 106px;
  background: url(/gladiators-glory/images/add.png) center center no-repeat;
  background-size: contain;
}
._btnAdd_1nmzn_260._disabled_1nmzn_276 {
  background: url(/gladiators-glory/images/add-disabled.png) center center no-repeat;
  background-size: contain;
}

._btnCloseAuto_1nmzn_292 {
  position: absolute;
  background: url(/gladiators-glory/images/auto/cancel-button.png) center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 89px;
  z-index: 11;
  bottom: 41px;
  left: 118px;
  filter: hue-rotate(160deg);
}

._btnAuto10_1nmzn_304,
._btnAuto50_1nmzn_305,
._btnAuto100_1nmzn_306,
._btnAuto300_1nmzn_307,
._btnAutoInfinity_1nmzn_308 {
  position: absolute;
  background-size: contain;
  z-index: 11;
  width: 63px;
  height: 63px;
  bottom: 55px;
  left: 131px;
  filter: hue-rotate(160deg);
}

._btnAuto10_1nmzn_304 {
  transition: bottom 0.18s, left 0.18s;
  background: url(/gladiators-glory/images/auto/10.png) center center no-repeat;
}

._btnAuto50_1nmzn_305 {
  transition: bottom 0.22s, left 0.22s;
  background: url(/gladiators-glory/images/auto/50.png) center center no-repeat;
}

._btnAuto100_1nmzn_306 {
  transition: bottom 0.26s, left 0.26s;
  background: url(/gladiators-glory/images/auto/100.png) center center no-repeat;
}

._btnAuto300_1nmzn_307 {
  transition: bottom 0.3s, left 0.3s;
  background: url(/gladiators-glory/images/auto/300.png) center center no-repeat;
}

._btnAutoInfinity_1nmzn_308 {
  transition: bottom 0.34s, left 0.34s;
  background: url(/gladiators-glory/images/auto/infinity.png) center center no-repeat;
}

._overlay_1nmzn_344 {
  transition: opacity 0.25s;
}

._active_1nmzn_348 ._overlay_1nmzn_344 {
  opacity: 0.75;
}
._active_1nmzn_348 ._btnAuto10_1nmzn_304 {
  bottom: 54px;
  left: 240px;
}
._active_1nmzn_348 ._btnAuto50_1nmzn_305 {
  bottom: 130px;
  left: 208px;
}
._active_1nmzn_348 ._btnAuto100_1nmzn_306 {
  bottom: 155px;
  left: 135px;
}
._active_1nmzn_348 ._btnAuto300_1nmzn_307 {
  bottom: 130px;
  left: 60px;
}
._active_1nmzn_348 ._btnAutoInfinity_1nmzn_308 {
  bottom: 54px;
  left: 23px;
}

.free-spin-running ._btnSpeedUp_1nmzn_20 {
  left: 1rem;
  top: -75px;
}
.free-spin-running ._btnAuto_1nmzn_18,
.free-spin-running ._btnSub_1nmzn_259,
.free-spin-running ._remainder_1nmzn_119,
.free-spin-running ._btnSpin_1nmzn_182,
.free-spin-running ._btnAdd_1nmzn_260,
.free-spin-running ._btnMaxBet_1nmzn_19 {
  display: none;
}._container_qaxmz_1 {
  position: relative;
}

._ways_qaxmz_5,
._topBg1_qaxmz_6,
._topBg2_qaxmz_7 {
  position: absolute;
  content: " ";
  display: block;
}

._topBg1_qaxmz_6,
._topBg2_qaxmz_7 {
  width: 100%;
}

._topBg2_qaxmz_7 {
  display: none;
}

._multiple_qaxmz_22 {
  z-index: 1;
  position: absolute;
  top: 680px;
  transform: scale(0.6);
  display: flex;
  justify-content: center;
  width: 100%;
}
._multiple_qaxmz_22 ._x1_qaxmz_31,
._multiple_qaxmz_22 ._x2_qaxmz_32,
._multiple_qaxmz_22 ._x3_qaxmz_33,
._multiple_qaxmz_22 ._x4_qaxmz_34,
._multiple_qaxmz_22 ._x5_qaxmz_35,
._multiple_qaxmz_22 ._x6_qaxmz_36,
._multiple_qaxmz_22 ._x10_qaxmz_37 {
  display: none;
  background-image: url(/gladiators-glory/images/img-002.png);
  background-repeat: no-repeat;
  height: 94px;
  width: 166px;
}
._multiple_qaxmz_22 ._x1_qaxmz_31 {
  background-position: -1004px 0px;
}
._multiple_qaxmz_22 ._x2_qaxmz_32 {
  background-position: -838px 0px;
}
._multiple_qaxmz_22 ._x3_qaxmz_33 {
  background-position: -672px 0px;
}
._multiple_qaxmz_22 ._x4_qaxmz_34 {
  background-position: -506px 0px;
}
._multiple_qaxmz_22 ._x5_qaxmz_35 {
  background-position: -340px 0px;
}
._multiple_qaxmz_22 ._x6_qaxmz_36 {
  background-position: -174px 0px;
}
._multiple_qaxmz_22 ._x10_qaxmz_37 {
  background-position: -8px 0px;
}
._multiple_qaxmz_22 ._active_qaxmz_65._x1_qaxmz_31, ._multiple_qaxmz_22 ._active_qaxmz_65._x2_qaxmz_32, ._multiple_qaxmz_22 ._active_qaxmz_65._x3_qaxmz_33, ._multiple_qaxmz_22 ._active_qaxmz_65._x4_qaxmz_34, ._multiple_qaxmz_22 ._active_qaxmz_65._x5_qaxmz_35, ._multiple_qaxmz_22 ._active_qaxmz_65._x6_qaxmz_36, ._multiple_qaxmz_22 ._active_qaxmz_65._x10_qaxmz_37 {
  display: block;
  background-position-y: -94px;
}

._ways_qaxmz_5 {
  background: url(/gladiators-glory/images/img-006.png) center center no-repeat;
  background-size: cover;
  top: 63px;
  left: 144px;
  height: 57px;
  width: 313px;
  z-index: 1;
  transform: scale(0.5);
}

.x-win-animation-displayed ._ways_qaxmz_5 {
  display: none;
}

._topBg2_qaxmz_7 {
  background: url(/gladiators-glory/images/img-005.png) center center no-repeat;
  background-size: contain;
  height: 99px;
  top: 67px;
}

.free-spin-running ._topBg2_qaxmz_7 {
  display: block;
}._container_1xh1c_1 {
  position: relative;
  display: flex;
  height: 705px;
  top: -60px;
  z-index: 1;
}

._col_1xh1c_9 {
  display: flex;
  flex-direction: column;
  width: 95px;
  margin-left: 5px;
}

._col1_1xh1c_16,
._col6_1xh1c_17 {
  margin-top: 74px;
}

._col2_1xh1c_21,
._col3_1xh1c_22,
._col4_1xh1c_23,
._col5_1xh1c_24 {
  margin-top: 10px;
}

._cell_1xh1c_28 {
  position: absolute;
  display: block;
  width: 100px;
  height: 123px;
  margin-bottom: 7px;
  transition: top 1.2s, left 1.2s;
}
._cell_1xh1c_28._cell11_1xh1c_36 {
  top: 333px;
  left: 5px;
}
._cell_1xh1c_28._cell12_1xh1c_40 {
  top: 203px;
  left: 5px;
}
._cell_1xh1c_28._cell13_1xh1c_44 {
  top: 73px;
  left: 5px;
}
._cell_1xh1c_28._cell21_1xh1c_48 {
  top: 398px;
  left: 105px;
}
._cell_1xh1c_28._cell22_1xh1c_52 {
  top: 268px;
  left: 105px;
}
._cell_1xh1c_28._cell23_1xh1c_56 {
  top: 138px;
  left: 105px;
}
._cell_1xh1c_28._cell24_1xh1c_60 {
  top: 8px;
  left: 105px;
}
._cell_1xh1c_28._cell31_1xh1c_64 {
  top: 398px;
  left: 205px;
}
._cell_1xh1c_28._cell32_1xh1c_68 {
  top: 268px;
  left: 205px;
}
._cell_1xh1c_28._cell33_1xh1c_72 {
  top: 138px;
  left: 205px;
}
._cell_1xh1c_28._cell34_1xh1c_76 {
  top: 8px;
  left: 205px;
}
._cell_1xh1c_28._cell41_1xh1c_80 {
  top: 398px;
  left: 305px;
}
._cell_1xh1c_28._cell42_1xh1c_84 {
  top: 268px;
  left: 305px;
}
._cell_1xh1c_28._cell43_1xh1c_88 {
  top: 138px;
  left: 305px;
}
._cell_1xh1c_28._cell44_1xh1c_92 {
  top: 8px;
  left: 305px;
}
._cell_1xh1c_28._cell51_1xh1c_96 {
  top: 398px;
  left: 405px;
}
._cell_1xh1c_28._cell52_1xh1c_100 {
  top: 268px;
  left: 405px;
}
._cell_1xh1c_28._cell53_1xh1c_104 {
  top: 138px;
  left: 405px;
}
._cell_1xh1c_28._cell54_1xh1c_108 {
  top: 8px;
  left: 405px;
}
._cell_1xh1c_28._cell61_1xh1c_112 {
  top: 333px;
  left: 505px;
}
._cell_1xh1c_28._cell62_1xh1c_116 {
  top: 203px;
  left: 505px;
}
._cell_1xh1c_28._cell63_1xh1c_120 {
  top: 73px;
  left: 505px;
}
._cell_1xh1c_28._active_1xh1c_124 {
  top: 608px;
  left: 267px;
  display: block;
  background-image: url(/gladiators-glory/images/diamond.png), url(/gladiators-glory/images/img-009.png);
  background-size: 18px, 85px;
  background-position: 26px 51px, -7px 14px;
  background-repeat: no-repeat;
}._freeSpinWarper_1551n_1 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  display: none;
}

._freeSpinWarper_1551n_1._hasFreeSpinRemaining_1551n_10 {
  display: block;
}

.free-spin-running ._freeSpinWarper_1551n_1 {
  display: block;
}

._freeSpinText_1551n_18 {
  position: absolute;
  bottom: 115px;
  transition: left 1s, bottom 1s;
}

._freeSpinCount_1551n_24 {
  position: absolute;
  bottom: 116px;
  left: 231px;
  width: 137px;
  transition: left 1s;
}

._freeSpinRemaining_1551n_32 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: horsemen;
  background: linear-gradient(to right, #b51414 33%, #c10000, #0a0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  min-height: fit-content;
  padding: 0.5rem 0;
}

.free-spin-running ._freeSpinText_1551n_18 {
  bottom: 8px;
  width: 473px;
  left: 5px;
}
.free-spin-running ._freeSpinCount_1551n_24 {
  left: 466px;
}._guideContainer_c9u8w_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}
._guideContainer_c9u8w_1 h3 {
  color: #fff700;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._symbol_c9u8w_22 {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

._symbolInfo_c9u8w_33 {
  margin-left: 1rem;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._rates_c9u8w_43 {
  color: #fff700;
  font-weight: 700;
}

._title_c9u8w_48 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #fff700;
}

._tabHeaderContainer_c9u8w_55 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_c9u8w_59 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_c9u8w_55 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_c9u8w_78 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #f9ff5e 0%, #ff3100 100%);
  box-shadow: 0px -4px 20px 0px #d1bc3c inset;
}

._featureItem_c9u8w_86 {
  margin-bottom: calc(var(--spacing) * 6);
}
._featureItem_c9u8w_86 ul {
  padding-left: calc(var(--spacing) * 6);
  list-style-type: disc;
}
._featureItem_c9u8w_86 img {
  filter: brightness(5);
}._listHistoryContainer_1y47n_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._listHistoryContainer_1y47n_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr {
  background-color: #616161;
}
._listHistoryContainer_1y47n_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._listHistoryContainer_1y47n_1 .history-list th:not(:first-child),
._listHistoryContainer_1y47n_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}
._listHistoryContainer_1y47n_1 ._active_1y47n_22 {
  background-color: #604eb6 !important;
}._historyContainer_15snx_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--content-background);
  color: var(--content-color);
  overflow-y: auto;
}

._tabHeaderContainer_15snx_13 {
  padding-inline: calc(var(--spacing) * 10);
}

._tabContentContainer_15snx_17 {
  margin-bottom: calc(var(--spacing) * 12);
}

._tabHeader_15snx_13 {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

._tabHeaderActive_15snx_36 {
  color: #fff;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #FAE5FF;
  background: linear-gradient(180deg, #BFA8FF 0%, #2704FF 100%);
  box-shadow: 0px -4px 20px 0px #C1ACFF inset;
}

._historyContainer_15snx_1 .history-list {
  border-radius: var(--radius-xl);
  color: var(--color-white);
  overflow: hidden;
}
._historyContainer_15snx_1 .history-list thead {
  font-weight: var(--font-weight-bold);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  background-color: #3d3b3b;
}
._historyContainer_15snx_1 .history-list tbody tr {
  background-color: #616161;
}
._historyContainer_15snx_1 .history-list tbody tr:nth-child(even) {
  background-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) = #4a5565 */
}
._historyContainer_15snx_1 .history-list th:not(:first-child),
._historyContainer_15snx_1 .history-list td:not(:first-child) {
  padding: calc(var(--spacing) * 3);
}.react-content {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.music-toggler {
  height: 10vh;
  width: 10vw;
  border-radius: 15px;
  font-size: 2vw;
}._container_tmfmf_1 {
  position: relative;
}
._container_tmfmf_1 canvas {
  background: url(/gladiators-glory/images/game-screen.png) center center no-repeat;
  background-size: cover;
}

.game-loading ._container_tmfmf_1 canvas {
  background: url(/gladiators-glory/images/loading-screen.jpg) center center no-repeat;
  background-size: cover;
}

.free-spin-running ._container_tmfmf_1 canvas {
  background: url(/gladiators-glory/images/game-screen--free-spin.png) center center no-repeat;
  background-size: cover;
}:root {
  --menu-text: #6361d4;
  --content-color: #d203fb;
}@font-face {
  font-family: AztecRed;
  src: url(/aztec-bonus-hunt/fonts/aztec-red-Regular-CBDT.otf) format("opentype");
}
@font-face {
  font-family: AztecSilverSmallRegular;
  src: url(/aztec-bonus-hunt/fonts/aztec-silver-small-Regular-CBDT.otf) format("opentype");
}
@font-face {
  font-family: AztecGoldRegular;
  src: url(/aztec-bonus-hunt/fonts/aztec-gold-CBDT.otf) format("opentype");
}
:root {
  --menu-text: #58badd;
  --content-color: #58badd;
  --title-color: #a1e5ff;
}

.font-AztecRed {
  font-family: AztecRed;
  src: url(/aztec-bonus-hunt/fonts/aztec-red-Regular-CBDT.otf) format("opentype");
}

.font-AztecSilverSmallRegular {
  font-family: AztecSilverSmallRegular;
}

.font-AztecGoldRegular {
  font-family: AztecGoldRegular;
}

.aztec-bonus-hunt-container {
  background-color: #000;
}
.aztec-bonus-hunt-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .aztec-bonus-hunt-container {
    background-image: radial-gradient(circle at 100% 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #190d37 10%, #29126b 10%, #29126b 23%, #190d37 23%, #190d37 30%, #29126b 30%, #29126b 43%, #190d37 43%, #190d37 50%, #29126b 50%, #29126b 63%, #190d37 63%, #190d37 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .aztec-bonus-hunt-container {
    background: url(/aztec-bonus-hunt/images/bg.webp) left center no-repeat;
    background-size: cover;
  }
}@font-face {
  font-family: soccer-league-college;
  src: url(/football-fever/fonts/SoccerLeagueCollege.ttf);
}
:root {
  --menu-text: #51a982;
  --content-color: #51a982;
  --title-color: #a1e5ff;
}

.football-fever-container {
  background-color: #000;
}
.football-fever-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .football-fever-container {
    background-image: radial-gradient(circle at 100% 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #190d37 10%, #29126b 10%, #29126b 23%, #190d37 23%, #190d37 30%, #29126b 30%, #29126b 43%, #190d37 43%, #190d37 50%, #29126b 50%, #29126b 63%, #190d37 63%, #190d37 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .football-fever-container {
    background: url(/football-fever/images/bg.webp) left center no-repeat;
    background-size: cover;
  }
}@font-face {
  font-family: munstar;
  src: url(/hungry-slime/fonts/munstar/munstar-regular.ttf);
}
@font-face {
  font-family: munstar;
  src: url(/hungry-slime/fonts/munstar/munstar-regular.otf) format("opentype");
}
@font-face {
  font-family: green-fuz;
  src: url(/hungry-slime/fonts/green-fuz.otf) format("opentype");
}
:root {
  --menu-text: #66fcff;
  --content-color: #66fcff;
  --title-color: #a1e5ff;
}

.hungry-slime-container {
  background-color: #000;
}
.hungry-slime-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .hungry-slime-container {
    background-image: radial-gradient(circle at 100% 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #190d37 10%, #29126b 10%, #29126b 23%, #190d37 23%, #190d37 30%, #29126b 30%, #29126b 43%, #190d37 43%, #190d37 50%, #29126b 50%, #29126b 63%, #190d37 63%, #190d37 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .hungry-slime-container {
    background: url(/hungry-slime/images/bg.png) left center no-repeat;
    background-size: cover;
  }
}@font-face {
  font-family: Saltwater;
  src: url(/infinity-ocean/fonts/SaltwatertypeitalicpersonalI-mLegG.otf);
}
@font-face {
  font-family: AquaWow;
  src: url(/infinity-ocean/fonts/AquaWow-9MYLZ.otf);
}
@font-face {
  font-family: OceanAnimal;
  src: url(/infinity-ocean/fonts/OceanAnimal-2vvvX.ttf);
}
:root {
  --menu-text: #4b9dff;
  --content-color: #4b9dff;
  --title-color: #a1e5ff;
}

.infinity-ocean-container {
  background-color: #031c39;
}
.infinity-ocean-container .btn-goto-home {
  color: #fff;
}
.infinity-ocean-container #phaser-parent {
  z-index: 1;
  position: absolute;
}

@media (min-width: 781px) {
  .infinity-ocean-container {
    background: url(/infinity-ocean/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}.last-samurai-container {
  background-color: #000;
}
.last-samurai-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .last-samurai-container {
    background-image: radial-gradient(circle at 100% 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #190d37 10%, #29126b 10%, #29126b 23%, #190d37 23%, #190d37 30%, #29126b 30%, #29126b 43%, #190d37 43%, #190d37 50%, #29126b 50%, #29126b 63%, #190d37 63%, #190d37 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .last-samurai-container {
    background: url(/last-samurai/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}:root {
  --menu-text: #00be1e;
  --content-color: #00be1e;
}

.mahjong-ways-container {
  background-color: #000;
}
.mahjong-ways-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .mahjong-ways-container {
    background-image: radial-gradient(circle at 100% 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #370d0d 10%, #6b1212 10%, #6b1212 23%, #370d0d 23%, #370d0d 30%, #6b1212 30%, #6b1212 43%, #370d0d 43%, #370d0d 50%, #6b1212 50%, #6b1212 63%, #370d0d 63%, #370d0d 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .mahjong-ways-container {
    background: url(/mahjong-ways/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}@font-face {
  font-family: WesternBangBang;
  src: url(/pubg/fonts/WesternBangBang/WesternBangBang-Regular.ttf);
}
@font-face {
  font-family: GimmeDanger;
  src: url(/pubg/fonts/Gimme-Danger/Gimme-Danger.ttf);
}
:root {
  --menu-text: #9aa4d2;
  --content-color: #9aa4d2;
  --title-color: #a1e5ff;
}

.pubg-container {
  background-color: #000;
}
.pubg-container .btn-goto-home {
  color: #fff;
}

@media (min-width: 781px) {
  .pubg-container {
    background: url(/pubg/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}@font-face {
  font-family: soccer-league-college;
  src: url(/rama-kien-blessing/fonts/SoccerLeagueCollege.ttf);
}
:root {
  --menu-text: #9dff4f;
  --content-color: #9dff4f;
  --title-color: #a1e5ff;
}

.rama-kien-blessing-container {
  background-color: #000;
}
.rama-kien-blessing-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .rama-kien-blessing-container {
    background-image: radial-gradient(circle at 100% 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #190d37 10%, #29126b 10%, #29126b 23%, #190d37 23%, #190d37 30%, #29126b 30%, #29126b 43%, #190d37 43%, #190d37 50%, #29126b 50%, #29126b 63%, #190d37 63%, #190d37 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .rama-kien-blessing-container {
    background: url(/rama-kien-blessing/images/bg.webp) left center no-repeat;
    background-size: cover;
  }
}:root {
  --menu-text: #00be1e;
  --content-color: #00be1e;
}

.raider-janes-container {
  background-color: #000;
}
.raider-janes-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .raider-janes-container {
    background-image: radial-gradient(circle at 100% 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #370d0d 10%, #6b1212 10%, #6b1212 23%, #370d0d 23%, #370d0d 30%, #6b1212 30%, #6b1212 43%, #370d0d 43%, #370d0d 50%, #6b1212 50%, #6b1212 63%, #370d0d 63%, #370d0d 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .raider-janes-container {
    background: url(/raider-janes/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}:root {
  --menu-text: #ff69a1;
  --content-color: #ff69a1;
}

.lucky-neko-container {
  background-color: #000;
}
.lucky-neko-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .lucky-neko-container {
    background-image: radial-gradient(circle at 100% 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #370d0d 10%, #6b1212 10%, #6b1212 23%, #370d0d 23%, #370d0d 30%, #6b1212 30%, #6b1212 43%, #370d0d 43%, #370d0d 50%, #6b1212 50%, #6b1212 63%, #370d0d 63%, #370d0d 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .lucky-neko-container {
    background: url(/lucky-neko/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}:root {
  --menu-text: #6361d4;
  --content-color: #d203fb;
}

.fruity-candy-container {
  background-color: #000;
}
.fruity-candy-container .btn-goto-home {
  color: #fff;
}
.fruity-candy-container #phaser-parent {
  z-index: 1;
  position: absolute;
}

.scale-1 canvas,
.scale-2 canvas,
.scale-3 canvas {
  transition: transform 600ms;
}

.scale-1 canvas {
  transform: scale(0.8);
}

.scale-2 canvas {
  transform: scale(0.75);
  margin-top: -25px !important;
}

.scale-3 canvas {
  transform: scale(0.65);
  margin-top: -50px !important;
}

@media (max-width: 780px) {
  .fruity-candy-container {
    background-image: radial-gradient(circle at 100% 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #370d0d 10%, #6b1212 10%, #6b1212 23%, #370d0d 23%, #370d0d 30%, #6b1212 30%, #6b1212 43%, #370d0d 43%, #370d0d 50%, #6b1212 50%, #6b1212 63%, #370d0d 63%, #370d0d 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .fruity-candy-container {
    background: url(/fruity-candy/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}@font-face {
  font-family: WesternBangBang;
  src: url(/squid-game-2/fonts/WesternBangBang/WesternBangBang-Regular.ttf);
}
@font-face {
  font-family: GimmeDanger;
  src: url(/squid-game-2/fonts/Gimme-Danger/Gimme-Danger.ttf);
}
:root {
  --menu-text: #9aa4d2;
  --content-color: #9aa4d2;
  --title-color: #a1e5ff;
}

.squid-game-2-container {
  background-color: #000;
}
.squid-game-2-container .btn-goto-home {
  color: #fff;
}

@media (min-width: 781px) {
  .squid-game-2-container {
    background: url(/squid-game-2/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}.supermarket-spree-container {
  background-color: #000;
}
.supermarket-spree-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .supermarket-spree-container {
    background-image: radial-gradient(circle at 100% 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #190d37 10%, #29126b 10%, #29126b 23%, #190d37 23%, #190d37 30%, #29126b 30%, #29126b 43%, #190d37 43%, #190d37 50%, #29126b 50%, #29126b 63%, #190d37 63%, #190d37 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .supermarket-spree-container {
    background: url(/supermarket-spree/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}.shark-bounty-container {
  background-color: #000;
}
.shark-bounty-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .shark-bounty-container {
    background-image: radial-gradient(circle at 100% 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #29126b 24%, #190d37 24%, #190d37 28%, #29126b 28%, #29126b 36%, #190d37 36%, #190d37 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #190d37 10%, #29126b 10%, #29126b 23%, #190d37 23%, #190d37 30%, #29126b 30%, #29126b 43%, #190d37 43%, #190d37 50%, #29126b 50%, #29126b 63%, #190d37 63%, #190d37 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #190d37 5%, #29126b 5%, #29126b 15%, #190d37 15%, #190d37 20%, #29126b 20%, #29126b 29%, #190d37 29%, #190d37 34%, #29126b 34%, #29126b 44%, #190d37 44%, #190d37 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .shark-bounty-container {
    background: url(/shark-bounty/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}@font-face {
  font-family: AquaWow;
  src: url(/mermaid-riches/fonts/AquaWow-9MYLZ.otf);
}
@font-face {
  font-family: OceanAnimal;
  src: url(/mermaid-riches/fonts/OceanAnimal-2vvvX.ttf);
}
@font-face {
  font-family: xiomara;
  src: url(/mermaid-riches/fonts/Xiomara-wWLw.ttf);
}
:root {
  --menu-text: #4b9dff;
  --content-color: #4b9dff;
  --title-color: #a1e5ff;
}

.mermaid-riches-container {
  background-color: #031c39;
}
.mermaid-riches-container .btn-goto-home {
  font-family: xiomara;
  color: #fff;
}
.mermaid-riches-container #phaser-parent {
  z-index: 1;
  position: absolute;
}

@media (min-width: 781px) {
  .mermaid-riches-container {
    background: url(/mermaid-riches/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}:root {
  --menu-text: #00be1e;
  --content-color: #00be1e;
}

.gladiators-glory-container {
  background-color: #000;
}
.gladiators-glory-container .btn-goto-home {
  color: #fff;
}

@media (max-width: 780px) {
  .gladiators-glory-container {
    background-image: radial-gradient(circle at 100% 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 0 150%, #6b1212 24%, #370d0d 24%, #370d0d 28%, #6b1212 28%, #6b1212 36%, #370d0d 36%, #370d0d 40%, transparent 40%, transparent), radial-gradient(circle at 50% 100%, #370d0d 10%, #6b1212 10%, #6b1212 23%, #370d0d 23%, #370d0d 30%, #6b1212 30%, #6b1212 43%, #370d0d 43%, #370d0d 50%, #6b1212 50%, #6b1212 63%, #370d0d 63%, #370d0d 71%, transparent 71%, transparent), radial-gradient(circle at 100% 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent), radial-gradient(circle at 0 50%, #370d0d 5%, #6b1212 5%, #6b1212 15%, #370d0d 15%, #370d0d 20%, #6b1212 20%, #6b1212 29%, #370d0d 29%, #370d0d 34%, #6b1212 34%, #6b1212 44%, #370d0d 44%, #370d0d 49%, transparent 49%, transparent);
    background-size: 50px 25px;
  }
}
@media (min-width: 781px) {
  .gladiators-glory-container {
    background: url(/gladiators-glory/images/bg.jpg) left center no-repeat;
    background-size: cover;
  }
}