@layer maktub.base {
  .maktub-sdk-root {
    --made-with-panda: "🐼";
  }

  .maktub-sdk-root *, .maktub-sdk-root :before, .maktub-sdk-root :after, .maktub-sdk-root ::backdrop {
    --blur:   ;
    --brightness:   ;
    --contrast:   ;
    --grayscale:   ;
    --hue-rotate:   ;
    --invert:   ;
    --saturate:   ;
    --sepia:   ;
    --drop-shadow:   ;
    --backdrop-blur:   ;
    --backdrop-brightness:   ;
    --backdrop-contrast:   ;
    --backdrop-grayscale:   ;
    --backdrop-hue-rotate:   ;
    --backdrop-invert:   ;
    --backdrop-opacity:   ;
    --backdrop-saturate:   ;
    --backdrop-sepia:   ;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
  }

  .maktub-sdk-root *, .maktub-sdk-root :before, .maktub-sdk-root :after {
    box-sizing: border-box;
    border-color: var(--colors-border);
    border-style: solid;
    border-width: 0;
  }

  .maktub-sdk-root ::placeholder {
    opacity: 1;
    color: var(--colors-text-secondary);
  }
}

@layer maktub.tokens {
  .maktub-sdk-root {
    --aspect-ratios-square: 1 / 1;
    --aspect-ratios-landscape: 4 / 3;
    --aspect-ratios-portrait: 3 / 4;
    --aspect-ratios-wide: 16 / 9;
    --aspect-ratios-ultrawide: 18 / 5;
    --aspect-ratios-golden: 1.618 / 1;
    --borders-none: none;
    --durations-fastest: 50ms;
    --durations-faster: .1s;
    --durations-fast: .15s;
    --durations-normal: .2s;
    --durations-slow: .3s;
    --durations-slower: .4s;
    --durations-slowest: .5s;
    --radii-xs: .125rem;
    --radii-sm: .25rem;
    --radii-md: .375rem;
    --radii-lg: .5rem;
    --radii-xl: .75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-full: 9999px;
    --font-weights-thin: 100;
    --font-weights-extralight: 200;
    --font-weights-light: 300;
    --font-weights-normal: 400;
    --font-weights-medium: 500;
    --font-weights-semibold: 600;
    --font-weights-bold: 700;
    --font-weights-extrabold: 800;
    --font-weights-black: 900;
    --line-heights-none: 1;
    --line-heights-tight: 1.25;
    --line-heights-snug: 1.375;
    --line-heights-normal: 1.5;
    --line-heights-relaxed: 1.625;
    --line-heights-loose: 2;
    --letter-spacings-tighter: -.05em;
    --letter-spacings-tight: -.025em;
    --letter-spacings-normal: 0em;
    --letter-spacings-wide: .025em;
    --letter-spacings-wider: .05em;
    --letter-spacings-widest: .1em;
    --font-sizes-2xs: .5rem;
    --font-sizes-xs: .75rem;
    --font-sizes-sm: .875rem;
    --font-sizes-md: 1rem;
    --font-sizes-lg: 1.125rem;
    --font-sizes-xl: 1.25rem;
    --font-sizes-2xl: 1.5rem;
    --font-sizes-3xl: 1.875rem;
    --font-sizes-4xl: 2.25rem;
    --font-sizes-5xl: 3rem;
    --font-sizes-6xl: 3.75rem;
    --font-sizes-7xl: 4.5rem;
    --font-sizes-8xl: 6rem;
    --font-sizes-9xl: 8rem;
    --shadows-xs: 0px 1px 1px #00000040, 0px 0px 1px inset #0006;
    --shadows-sm: 0px 2px 4px #00000040, 0px 0px 1px inset #0006;
    --shadows-md: 0px 4px 8px #00000040, 0px 0px 1px inset #0006;
    --shadows-lg: 0px 8px 16px #00000040, 0px 0px 1px inset #0006;
    --shadows-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadows-2xl: 0 25px 50px -12px #00000040;
    --shadows-inner: inset 0 2px 4px 0 #0000000d;
    --blurs-sm: 4px;
    --blurs-base: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --spacing-0: 0rem;
    --spacing-1: .25rem;
    --spacing-2: .5rem;
    --spacing-3: .75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --spacing-0\.5: .125rem;
    --spacing-1\.5: .375rem;
    --spacing-2\.5: .625rem;
    --spacing-3\.5: .875rem;
    --sizes-0: 0rem;
    --sizes-1: .25rem;
    --sizes-2: .5rem;
    --sizes-3: .75rem;
    --sizes-4: 1rem;
    --sizes-5: 1.25rem;
    --sizes-6: 1.5rem;
    --sizes-7: 1.75rem;
    --sizes-8: 2rem;
    --sizes-9: 2.25rem;
    --sizes-10: 2.5rem;
    --sizes-11: 2.75rem;
    --sizes-12: 3rem;
    --sizes-14: 3.5rem;
    --sizes-16: 4rem;
    --sizes-20: 5rem;
    --sizes-24: 6rem;
    --sizes-28: 7rem;
    --sizes-32: 8rem;
    --sizes-36: 9rem;
    --sizes-40: 10rem;
    --sizes-44: 11rem;
    --sizes-48: 12rem;
    --sizes-52: 13rem;
    --sizes-56: 14rem;
    --sizes-60: 15rem;
    --sizes-64: 16rem;
    --sizes-72: 18rem;
    --sizes-80: 20rem;
    --sizes-96: 24rem;
    --sizes-0\.5: .125rem;
    --sizes-1\.5: .375rem;
    --sizes-2\.5: .625rem;
    --sizes-3\.5: .875rem;
    --sizes-xs: 20rem;
    --sizes-sm: 24rem;
    --sizes-md: 28rem;
    --sizes-lg: 32rem;
    --sizes-xl: 36rem;
    --sizes-2xl: 42rem;
    --sizes-3xl: 48rem;
    --sizes-4xl: 56rem;
    --sizes-5xl: 64rem;
    --sizes-6xl: 72rem;
    --sizes-7xl: 80rem;
    --sizes-8xl: 90rem;
    --sizes-prose: 65ch;
    --sizes-full: 100%;
    --sizes-min: min-content;
    --sizes-max: max-content;
    --sizes-fit: fit-content;
    --sizes-breakpoint-sm: 640px;
    --sizes-breakpoint-md: 768px;
    --sizes-breakpoint-lg: 1024px;
    --sizes-breakpoint-xl: 1280px;
    --sizes-breakpoint-2xl: 1536px;
    --animations-spin: spin 1s linear infinite;
    --animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animations-bounce: bounce 1s infinite;
    --fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --fonts-inter: var(--font-inter), sans-serif;
    --fonts-aglet: var(--font-aglet-sans);
    --colors-current: currentColor;
    --colors-black: #000;
    --colors-white: #fff;
    --colors-transparent: #0000;
    --colors-rose-50: #fff1f2;
    --colors-rose-100: #ffe4e6;
    --colors-rose-200: #fecdd3;
    --colors-rose-300: #fda4af;
    --colors-rose-400: #fb7185;
    --colors-rose-500: #f43f5e;
    --colors-rose-600: #e11d48;
    --colors-rose-700: #be123c;
    --colors-rose-800: #9f1239;
    --colors-rose-900: #881337;
    --colors-rose-950: #4c0519;
    --colors-fuchsia-50: #fdf4ff;
    --colors-fuchsia-100: #fae8ff;
    --colors-fuchsia-200: #f5d0fe;
    --colors-fuchsia-300: #f0abfc;
    --colors-fuchsia-400: #e879f9;
    --colors-fuchsia-500: #d946ef;
    --colors-fuchsia-600: #c026d3;
    --colors-fuchsia-700: #a21caf;
    --colors-fuchsia-800: #86198f;
    --colors-fuchsia-900: #701a75;
    --colors-fuchsia-950: #4a044e;
    --colors-violet-50: #f5f3ff;
    --colors-violet-100: #ede9fe;
    --colors-violet-200: #ddd6fe;
    --colors-violet-300: #c4b5fd;
    --colors-violet-400: #a78bfa;
    --colors-violet-500: #8b5cf6;
    --colors-violet-600: #7c3aed;
    --colors-violet-700: #6d28d9;
    --colors-violet-800: #5b21b6;
    --colors-violet-900: #4c1d95;
    --colors-violet-950: #2e1065;
    --colors-indigo-50: #eef2ff;
    --colors-indigo-100: #e0e7ff;
    --colors-indigo-200: #c7d2fe;
    --colors-indigo-300: #a5b4fc;
    --colors-indigo-400: #818cf8;
    --colors-indigo-500: #6366f1;
    --colors-indigo-600: #4f46e5;
    --colors-indigo-700: #4338ca;
    --colors-indigo-800: #3730a3;
    --colors-indigo-900: #312e81;
    --colors-indigo-950: #1e1b4b;
    --colors-sky-50: #f0f9ff;
    --colors-sky-100: #e0f2fe;
    --colors-sky-200: #bae6fd;
    --colors-sky-300: #7dd3fc;
    --colors-sky-400: #38bdf8;
    --colors-sky-500: #0ea5e9;
    --colors-sky-600: #0284c7;
    --colors-sky-700: #0369a1;
    --colors-sky-800: #075985;
    --colors-sky-900: #0c4a6e;
    --colors-sky-950: #082f49;
    --colors-cyan-50: #ecfeff;
    --colors-cyan-100: #cffafe;
    --colors-cyan-200: #a5f3fc;
    --colors-cyan-300: #67e8f9;
    --colors-cyan-400: #22d3ee;
    --colors-cyan-500: #06b6d4;
    --colors-cyan-600: #0891b2;
    --colors-cyan-700: #0e7490;
    --colors-cyan-800: #155e75;
    --colors-cyan-900: #164e63;
    --colors-cyan-950: #083344;
    --colors-teal-50: #f0fdfa;
    --colors-teal-100: #ccfbf1;
    --colors-teal-200: #99f6e4;
    --colors-teal-300: #5eead4;
    --colors-teal-400: #2dd4bf;
    --colors-teal-500: #14b8a6;
    --colors-teal-600: #0d9488;
    --colors-teal-700: #0f766e;
    --colors-teal-800: #115e59;
    --colors-teal-900: #134e4a;
    --colors-teal-950: #042f2e;
    --colors-emerald-50: #ecfdf5;
    --colors-emerald-100: #d1fae5;
    --colors-emerald-200: #a7f3d0;
    --colors-emerald-300: #6ee7b7;
    --colors-emerald-400: #34d399;
    --colors-emerald-500: #10b981;
    --colors-emerald-600: #059669;
    --colors-emerald-700: #047857;
    --colors-emerald-800: #065f46;
    --colors-emerald-900: #064e3b;
    --colors-emerald-950: #022c22;
    --colors-lime-50: #f7fee7;
    --colors-lime-100: #ecfccb;
    --colors-lime-200: #d9f99d;
    --colors-lime-300: #bef264;
    --colors-lime-400: #a3e635;
    --colors-lime-500: #84cc16;
    --colors-lime-600: #65a30d;
    --colors-lime-700: #4d7c0f;
    --colors-lime-800: #3f6212;
    --colors-lime-900: #365314;
    --colors-lime-950: #1a2e05;
    --colors-amber-50: #fffbeb;
    --colors-amber-100: #fef3c7;
    --colors-amber-200: #fde68a;
    --colors-amber-300: #fcd34d;
    --colors-amber-400: #fbbf24;
    --colors-amber-500: #f59e0b;
    --colors-amber-600: #d97706;
    --colors-amber-700: #b45309;
    --colors-amber-800: #92400e;
    --colors-amber-900: #78350f;
    --colors-amber-950: #451a03;
    --colors-stone-50: #fafaf9;
    --colors-stone-100: #f5f5f4;
    --colors-stone-200: #e7e5e4;
    --colors-stone-300: #d6d3d1;
    --colors-stone-400: #a8a29e;
    --colors-stone-500: #78716c;
    --colors-stone-600: #57534e;
    --colors-stone-700: #44403c;
    --colors-stone-800: #292524;
    --colors-stone-900: #1c1917;
    --colors-stone-950: #0c0a09;
    --colors-zinc-50: #fafafa;
    --colors-zinc-100: #f4f4f5;
    --colors-zinc-200: #e4e4e7;
    --colors-zinc-300: #d4d4d8;
    --colors-zinc-400: #a1a1aa;
    --colors-zinc-500: #71717a;
    --colors-zinc-600: #52525b;
    --colors-zinc-700: #3f3f46;
    --colors-zinc-800: #27272a;
    --colors-zinc-900: #18181b;
    --colors-zinc-950: #09090b;
    --colors-gray-50: #f9fafb;
    --colors-gray-100: #f3f4f6;
    --colors-gray-200: #e5e7eb;
    --colors-gray-300: #d1d5db;
    --colors-gray-400: #9ca3af;
    --colors-gray-500: #6b7280;
    --colors-gray-600: #4b5563;
    --colors-gray-700: #374151;
    --colors-gray-800: #1f2937;
    --colors-gray-900: #111827;
    --colors-gray-950: #030712;
    --colors-slate-50: #f8fafc;
    --colors-slate-100: #f1f5f9;
    --colors-slate-200: #e2e8f0;
    --colors-slate-300: #cbd5e1;
    --colors-slate-400: #94a3b8;
    --colors-slate-500: #64748b;
    --colors-slate-600: #475569;
    --colors-slate-700: #334155;
    --colors-slate-800: #1e293b;
    --colors-slate-900: #0f172a;
    --colors-slate-950: #020617;
    --colors-neutral-50: #0e0810;
    --colors-neutral-100: #170d19;
    --colors-neutral-200: #251929;
    --colors-neutral-300: #35243d;
    --colors-neutral-400: #4b3456;
    --colors-neutral-500: #644b72;
    --colors-neutral-600: #525252;
    --colors-neutral-700: #404040;
    --colors-neutral-800: #262626;
    --colors-neutral-900: #171717;
    --colors-neutral-950: #0a0a0a;
    --colors-red-50: #fef2f2;
    --colors-red-100: #f2dbd6;
    --colors-red-200: #e7b9b0;
    --colors-red-300: #da9688;
    --colors-red-400: #eb5164;
    --colors-red-500: #de3449;
    --colors-red-600: #9c402f;
    --colors-red-700: #763122;
    --colors-red-800: #4e2017;
    --colors-red-900: #7f1d1d;
    --colors-red-950: #450a0a;
    --colors-orange-50: #fff7ed;
    --colors-orange-100: #f8e4d1;
    --colors-orange-200: #f1caa4;
    --colors-orange-300: #edb177;
    --colors-orange-400: #e69949;
    --colors-orange-500: #e17e1c;
    --colors-orange-600: #b56616;
    --colors-orange-700: #874b11;
    --colors-orange-800: #5a330b;
    --colors-orange-900: #7c2d12;
    --colors-orange-950: #431407;
    --colors-yellow-50: #fefce8;
    --colors-yellow-100: #f6eed2;
    --colors-yellow-200: #efdfa6;
    --colors-yellow-300: #e7cf7b;
    --colors-yellow-400: #e2c24f;
    --colors-yellow-500: #e5923c;
    --colors-yellow-600: #af8f1c;
    --colors-yellow-700: #826b15;
    --colors-yellow-800: #57470e;
    --colors-yellow-900: #713f12;
    --colors-yellow-950: #422006;
    --colors-green-50: #f0fdf4;
    --colors-green-100: #e0f1d8;
    --colors-green-200: #c2e4b1;
    --colors-green-300: #a5d88b;
    --colors-green-400: #88cc65;
    --colors-green-500: #24d861;
    --colors-green-600: #559932;
    --colors-green-700: #407326;
    --colors-green-800: #2a4c19;
    --colors-green-900: #14532d;
    --colors-green-950: #052e16;
    --colors-blue-50: #eff6ff;
    --colors-blue-100: #d6ebf2;
    --colors-blue-200: #afd9e6;
    --colors-blue-300: #87c7db;
    --colors-blue-400: #61b5d0;
    --colors-blue-500: #248cd8;
    --colors-blue-600: #2e829c;
    --colors-blue-700: #226176;
    --colors-blue-800: #17414e;
    --colors-blue-900: #1e3a8a;
    --colors-blue-950: #172554;
    --colors-purple-50: #e6e3e8;
    --colors-purple-100: #e9e4ec;
    --colors-purple-200: #d0c6d7;
    --colors-purple-300: #a997b5;
    --colors-purple-400: #826b8e;
    --colors-purple-500: #644b72;
    --colors-purple-600: #4b3456;
    --colors-purple-700: #35243d;
    --colors-purple-800: #251929;
    --colors-purple-900: #170d19;
    --colors-purple-950: #0e0810;
    --colors-pink-50: #fff0fa;
    --colors-pink-100: #ffe4f7;
    --colors-pink-200: #ffc9f1;
    --colors-pink-300: #ff9ce4;
    --colors-pink-400: #ff5fce;
    --colors-pink-500: #e90083;
    --colors-pink-600: #f50d96;
    --colors-pink-700: #e90083;
    --colors-pink-800: #b00462;
    --colors-pink-900: #920954;
    --colors-pink-950: #5b002f;
    --colors-bitter-sweet-50: #fff1f1;
    --colors-bitter-sweet-100: #ffe2e1;
    --colors-bitter-sweet-200: #ffc8c7;
    --colors-bitter-sweet-300: #ffa2a0;
    --colors-bitter-sweet-400: #ff6864;
    --colors-bitter-sweet-500: #f8403b;
    --colors-bitter-sweet-600: #e5221d;
    --colors-bitter-sweet-700: #c11814;
    --colors-bitter-sweet-800: #a01814;
    --colors-bitter-sweet-900: #841b18;
    --colors-bitter-sweet-950: #480907;
    --colors-pigmo-50: #201523;
    --colors-pigmo-100: #2e2232;
    --colors-pigmo-200: #cebfd9;
    --easings-linear: linear;
    --easings-in: cubic-bezier(.4, 0, 1, 1);
    --easings-out: cubic-bezier(0, 0, .2, 1);
    --easings-in-out: cubic-bezier(.4, 0, .2, 1);
    --easings-default: cubic-bezier(.2, 0, 0, 1);
    --easings-pulse: cubic-bezier(.4, 0, .6, 1);
    --easings-emphasized-in: cubic-bezier(.05, .7, .1, 1);
    --easings-emphasized-out: cubic-bezier(.3, 0, .8, .15);
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
    --colors-base: var(--colors-neutral-50);
    --colors-primary: var(--maktub-button-color, #e6007a);
    --colors-primary-text: var(--maktub-button-text-color, white);
    --colors-primary-light: var(--colors-bitter-sweet-300);
    --colors-primary-hover: var(--maktub-button-color, #e6007a);
    --colors-secondary: var(--colors-bitter-sweet-400);
    --colors-success: var(--colors-green-500);
    --colors-info: var(--colors-blue-500);
    --colors-error: var(--colors-red-500);
    --colors-warning: var(--colors-yellow-400);
    --colors-danger: var(--colors-yellow-500);
    --colors-text-primary: var(--maktub-white-tone, #ffffffeb);
    --colors-text-secondary: var(--maktub-font-tone, #ffffff80);
    --colors-text-disabled: #ffffff4d;
    --colors-border: var(--maktub-stroke, #ffffff14);
    --colors-tone-dark: var(--maktub-dark-tone, #1d121f);
    --colors-tone-mid: var(--maktub-mid-tone, #2e1f31);
    --colors-tone-light: var(--maktub-light-tone, #4c3650);
    --colors-tone-white: var(--maktub-white-tone, #fff);
    --colors-tone-font: var(--maktub-font-tone, #5c4760);
    --colors-tone-label: var(--maktub-label-tone, hsl(from var(--maktub-bg-dark, #1d121f) h clamp(0, calc(s + 5 * sign(s)), 45) 74));
    --colors-tone-primary: var(--maktub-primary-tone, #e6007a);
    --colors-selection: var(--colors-pink-800);
  }

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

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

  @keyframes bounce {
    0%, 100% {
      animation-timing-function: cubic-bezier(.8, 0, 1, 1);
      transform: translateY(-25%);
    }

    50% {
      animation-timing-function: cubic-bezier(0, 0, .2, 1);
      transform: none;
    }
  }

  @keyframes fade-in {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes fade-out {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes slide-from-left {
    0% {
      transform: translate(-100%);
    }

    100% {
      transform: translate(0);
    }
  }

  @keyframes slide-from-right {
    0% {
      transform: translate(100%);
    }

    100% {
      transform: translate(0);
    }
  }

  @keyframes slide-from-right-even {
    0% {
      transform: translate(100%);
    }

    100% {
      transform: translate(0);
    }
  }

  @keyframes slide-from-bottom {
    0% {
      transform: translateY(100%);
    }

    100% {
      transform: translateY(0);
    }
  }

  @keyframes slide-to-bottom {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(100%);
    }
  }

  @keyframes toast-in {
    0% {
      opacity: 0;
      transform: translateX(calc(-100% - 24px));
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes toast-out {
    0% {
      opacity: 1;
      transform: translateX(0);
    }

    100% {
      opacity: 0;
      transform: translateX(calc(-100% - 24px));
    }
  }

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

    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(-360deg);
    }
  }

  @keyframes expand {
    50% {
      transform: translateX(-50%)scale(1.1);
    }
  }

  @keyframes zoomIn {
    0% {
      transform: translate(-50%, -50%)scale(0);
    }
  }

  @keyframes scale-in {
    0% {
      transform: scale(0);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes scale-out {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0);
    }
  }

  @keyframes reveal {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%)scale(0);
    }

    100% {
      opacity: 1;
      transform: translate(-50%, -50%)scale(1);
    }
  }

  @keyframes dropdown-in {
    0% {
      opacity: 0;
      transform: translateY(8px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes slide-from-top {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes slide-from-top-even {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes backgroundScale {
    0% {
      background-size: 0%;
    }

    100% {
      background-size: 70%;
    }
  }

  @keyframes tile-pulse {
    0%, 100% {
      background-color: var(--maktub-bg-dark, #2b1e2e);
      box-shadow: 0 2px 1px #0000001f, inset 0 1px #ffffff0f, inset 0 -4px #00000040;
    }

    50% {
      background-color: var(--maktub-bg-dark-light, #352738);
      box-shadow: 0 4px 4px #00000040, 0 2px 1px #0000001f, inset 0 1px #ffffff14, inset 0 -4px #00000040;
    }
  }

  @keyframes coin-flip-heads {
    100% {
      transform: rotateY(1080deg);
    }
  }

  @keyframes coin-flip-tails {
    100% {
      transform: rotateY(1260deg);
    }
  }

  @keyframes hilo-guess {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%)scale(0);
    }

    100% {
      opacity: 1;
      transform: translate(-50%, -50%)scale(1);
    }
  }

  @keyframes shiny-border {
    0% {
      box-shadow: 0 0 4px color-mix(in srgb, var(--maktub-button-color, #e6007a) 32%, transparent), 0 0 9px color-mix(in srgb, var(--maktub-button-color, #e6007a) 14%, transparent);
    }

    100% {
      box-shadow: 0 0 7px color-mix(in srgb, var(--maktub-button-color, #e6007a) 46%, transparent), 0 0 14px color-mix(in srgb, var(--maktub-button-color, #e6007a) 24%, transparent);
    }
  }

  @keyframes mines-pop {
    0% {
      opacity: 0;
      transform: scale(.4);
    }

    60% {
      opacity: 1;
      transform: scale(1.06);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes mines-cover-out {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    100% {
      opacity: 0;
      transform: scale(.82);
    }
  }

  @keyframes mines-reveal-settle {
    0% {
      box-shadow: 0 0 10px color-mix(in srgb, var(--maktub-button-color, #e6007a) 45%, transparent), inset 0 0 0 0 transparent;
    }

    100% {
      box-shadow: 0 0 0 0 transparent, inset 0 0 10px color-mix(in srgb, var(--maktub-button-color, #e6007a) 14%, transparent);
    }
  }

  @keyframes mines-fetch-pulse {
    0% {
      filter: brightness();
    }

    100% {
      filter: brightness(1.16);
    }
  }

  @keyframes mines-burst-ring {
    0% {
      opacity: .85;
      transform: translate(-50%, -50%)scale(.45);
    }

    100% {
      opacity: 0;
      transform: translate(-50%, -50%)scale(1.75);
    }
  }

  @keyframes mines-burst-flash {
    0% {
      opacity: .6;
      transform: translate(-50%, -50%)scale(.5);
    }

    100% {
      opacity: 0;
      transform: translate(-50%, -50%)scale(1.5);
    }
  }

  @keyframes mines-shake {
    10%, 90% {
      transform: translateX(-1.5px);
    }

    20%, 80% {
      transform: translateX(2px);
    }

    30%, 50%, 70% {
      transform: translateX(-3px);
    }

    40%, 60% {
      transform: translateX(3px);
    }
  }

  @keyframes balloonPop {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    100% {
      opacity: 0;
      transform: scale(1.3);
    }
  }

  @keyframes balloonBounce {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.08);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes balloonFlyOut {
    0% {
      opacity: 1;
      transform: translateY(0);
    }

    100% {
      opacity: 0;
      transform: translateY(-200%);
    }
  }

  @keyframes balloonBob {
    0%, 100% {
      transform: translateY(0)rotate(-.6deg);
    }

    50% {
      transform: translateY(-8px)rotate(.6deg);
    }
  }

  @keyframes balloonPumpSquash {
    0% {
      transform: scale(1);
    }

    28% {
      transform: scale(.9, 1.12);
    }

    60% {
      transform: scale(1.06, .95);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes balloonGlowPulse {
    0%, 100% {
      opacity: .45;
      transform: translate(-50%, -50%)scale(1);
    }

    50% {
      opacity: .7;
      transform: translate(-50%, -50%)scale(1.08);
    }
  }

  @keyframes balloonBurst {
    0% {
      opacity: .8;
      transform: translate(-50%, -50%)scale(.3);
    }

    100% {
      opacity: 0;
      transform: translate(-50%, -50%)scale(1.8);
    }
  }

  @keyframes balloonNumberIn {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%)scale(.5);
    }

    100% {
      opacity: 1;
      transform: translate(-50%, -50%)scale(1);
    }
  }

  @keyframes balloonPillPulse {
    0%, 100% {
      opacity: .7;
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes bridge-character-fall {
    0% {
      opacity: 1;
      transform: translateY(0)rotate(0);
    }

    100% {
      opacity: 0;
      transform: translateY(300px)rotate(12deg);
    }
  }
}

@layer maktub.recipes {
  @layer maktub._base {
    .icon {
      fill: currentColor;
      vertical-align: middle;
      vertical-align: middle;
      flex-shrink: 0;
      line-height: 1em;
      display: inline-block;
    }
  }

  .text--variant_heading {
    font-weight: var(--font-weights-semibold);
  }

  .text--size_xs {
    font-size: var(--font-sizes-xs);
    line-height: 1.125rem;
  }

  .text--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .text--size_md {
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
  }

  .text--size_lg {
    font-size: var(--font-sizes-lg);
    line-height: 1.75rem;
  }

  .text--size_xl {
    font-size: var(--font-sizes-xl);
    line-height: 1.875rem;
  }

  .text--size_2xl {
    font-size: var(--font-sizes-2xl);
    line-height: 2rem;
  }

  .text--size_3xl {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }

  .text--size_4xl {
    letter-spacing: -.02em;
    font-size: 2.25rem;
    line-height: 2.75rem;
  }

  .text--size_5xl {
    letter-spacing: -.02em;
    font-size: 3rem;
    line-height: 3.75rem;
  }

  .text--size_6xl {
    letter-spacing: -.02em;
    font-size: 3.75rem;
    line-height: 4.5rem;
  }

  .text--size_7xl {
    letter-spacing: -.02em;
    font-size: 4.5rem;
    line-height: 5.75rem;
  }

  .icon--size_md {
    width: var(--sizes-5);
    height: var(--sizes-5);
  }

  .icon--size_xs {
    width: var(--sizes-3);
    height: var(--sizes-3);
  }

  .icon--size_sm {
    width: var(--sizes-4);
    height: var(--sizes-4);
  }

  .icon--size_lg {
    width: var(--sizes-6);
    height: var(--sizes-6);
  }

  .icon--size_xl {
    width: var(--sizes-7);
    height: var(--sizes-7);
  }

  .icon--size_2xl {
    width: var(--sizes-8);
    height: var(--sizes-8);
  }
}

@layer maktub.utilities {
  @layer maktub.compositions {
    .textStyle_sm {
      font-size: var(--font-sizes-sm);
      line-height: 1rem;
    }

    .textStyle_xs {
      font-size: var(--font-sizes-xs);
      line-height: .875rem;
    }

    .textStyle_3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }

    .textStyle_4xl {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }

    .textStyle_5xl {
      font-size: 3rem;
      line-height: 1;
    }

    .textStyle_6xl {
      font-size: 3.75rem;
      line-height: 1;
    }

    .textStyle_7xl {
      font-size: 4.5rem;
      line-height: 1;
    }

    .textStyle_8xl {
      font-size: 6rem;
      line-height: 1;
    }

    .textStyle_9xl {
      font-size: 8rem;
      line-height: 1;
    }

    .textStyle_2xs {
      font-size: .625rem;
      line-height: .75rem;
    }

    .textStyle_md {
      font-size: var(--font-sizes-md);
      line-height: 1.25rem;
    }

    .textStyle_lg {
      font-size: var(--font-sizes-lg);
      line-height: 1.5rem;
    }

    .textStyle_xl {
      font-size: var(--font-sizes-xl);
      line-height: 1.75rem;
    }

    .textStyle_2xl {
      font-size: var(--font-sizes-2xl);
      line-height: 1.75rem;
    }

    @media screen and (min-width: 48rem) {
      .md\:textStyle_sm {
        font-size: var(--font-sizes-sm);
        line-height: 1rem;
        font-size: var(--font-sizes-sm);
        line-height: 1rem;
      }
    }
  }

  .before\:d_block:before, .after\:d_block:after {
    display: block;
  }

  .\[\&\[data-unavailable\=\"true\"\]_\[data-reward-label\]\]\:opacity_0\.3[data-unavailable="true"] [data-reward-label], .disabled\:opacity_0\.3:is(:disabled, [disabled], [data-disabled]) {
    opacity: .3;
  }

  .\[\&_\>_\*\]\:shrink_0 > *, .\[\&_svg\]\:shrink_0 svg {
    flex-shrink: 0;
  }

  .d_flex {
    display: flex;
  }

  .w_full {
    width: var(--sizes-full);
  }

  .text_currentColor {
    color: currentColor;
  }

  .pos_relative {
    position: relative;
  }

  .flex_1 {
    flex: 1;
  }

  .overflow_hidden {
    overflow: hidden;
  }

  .pos_absolute {
    position: absolute;
  }

  .transition_transform_0\.45s_cubic-bezier\(0\.25\,_0\.46\,_0\.45\,_0\.94\) {
    transition: transform .45s cubic-bezier(.25, .46, .45, .94);
  }

  .origin_bottom_center {
    transform-origin: bottom;
  }

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

  .transition_transform_0\.32s_cubic-bezier\(0\.34\,_1\.56\,_0\.64\,_1\) {
    transition: transform .32s cubic-bezier(.34, 1.56, .64, 1);
  }

  .w_200px {
    width: 200px;
  }

  .h_200px {
    height: 200px;
  }

  .rounded_50\% {
    border-radius: 50%;
  }

  .filter_blur\(30px\) {
    filter: blur(30px);
  }

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

  .z_0 {
    z-index: 0;
  }

  .animation_balloonGlowPulse_3\.2s_ease-in-out_infinite {
    animation: 3.2s ease-in-out infinite balloonGlowPulse;
  }

  .z_1 {
    z-index: 1;
  }

  .animation_balloonBob_3\.4s_ease-in-out_infinite {
    animation: 3.4s ease-in-out infinite balloonBob;
  }

  .animation_balloonPumpSquash_0\.42s_ease-out {
    animation: .42s ease-out balloonPumpSquash;
  }

  .animation_balloonFlyOut_0\.6s_cubic-bezier\(0\.25\,_0\.46\,_0\.45\,_0\.94\)_forwards {
    animation: .6s cubic-bezier(.25, .46, .45, .94) forwards balloonFlyOut;
  }

  .w_160px {
    width: 160px;
  }

  .h_160px {
    height: 160px;
  }

  .z_2 {
    z-index: 2;
  }

  .animation_balloonBurst_0\.5s_ease-out_forwards {
    animation: .5s ease-out forwards balloonBurst;
  }

  .max-w_100\% {
    max-width: 100%;
  }

  .transform_translate\(-50\%\,_-50\%\) {
    transform: translate(-50%, -50%);
  }

  .text_\#fff {
    color: #fff;
  }

  .text-shadow_0_2px_10px_rgba\(0\,0\,0\,0\.45\) {
    text-shadow: 0 2px 10px #00000073;
  }

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

  .z_3 {
    z-index: 3;
  }

  .animation_balloonNumberIn_0\.28s_cubic-bezier\(0\.34\,_1\.56\,_0\.64\,_1\) {
    animation: .28s cubic-bezier(.34, 1.56, .64, 1) balloonNumberIn;
  }

  .gap_4px {
    gap: 4px;
  }

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

  .animation_balloonNumberIn_0\.28s_cubic-bezier\(0\.34\,_1\.56\,_0\.64\,_1\)_0\.18s_both {
    animation: .28s cubic-bezier(.34, 1.56, .64, 1) .18s both balloonNumberIn;
  }

  .gap_2 {
    gap: var(--spacing-2);
  }

  .h_var\(--maktub-game-primary-height\,_var\(--maktub-primary-btn-height\,_48px\)\) {
    height: var(--maktub-game-primary-height, var(--maktub-primary-btn-height, 48px));
  }

  .min-h_48px {
    min-height: 48px;
  }

  .h_var\(--maktub-game-secondary-height\,_var\(--maktub-secondary-btn-height\,_40px\)\) {
    height: var(--maktub-game-secondary-height, var(--maktub-secondary-btn-height, 40px));
  }

  .d_grid {
    display: grid;
  }

  .h_full {
    height: var(--sizes-full);
  }

  .border-t_1px_solid_var\(--maktub-bg-dark-light\,_\#251929\) {
    border-top: 1px solid var(--maktub-bg-dark-light, #251929);
  }

  .bg_var\(--maktub-bg-dark\,_\#1D121F\) {
    background: var(--maktub-bg-dark, #1d121f);
  }

  .gap_6px {
    gap: 6px;
  }

  .py_8px {
    padding-block: 8px;
  }

  .px_12px {
    padding-inline: 12px;
  }

  .scroll_smooth {
    scroll-behavior: smooth;
  }

  .w_80px {
    width: 80px;
  }

  .h_32px {
    height: 32px;
  }

  .rounded_var\(--maktub-secondary-btn-radius\,_var\(--maktub-border-radius\,_6px\)\) {
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px));
  }

  .cursor_help {
    cursor: help;
  }

  .border_1px_solid_transparent {
    border: 1px solid #0000;
  }

  .transition_transform_0\.28s_cubic-bezier\(0\.34\,_1\.56\,_0\.64\,_1\)\,_opacity_0\.2s_ease\,_box-shadow_0\.25s_ease\,_background-color_0\.25s_ease\,_color_0\.25s_ease {
    transition: transform .28s cubic-bezier(.34, 1.56, .64, 1), opacity .2s, box-shadow .25s, background-color .25s, color .25s;
  }

  .transform_scale\(1\.06\) {
    transform: scale(1.06);
  }

  .text_rgba\(255\,255\,255\,0\.85\) {
    color: #ffffffd9;
  }

  .animation_balloonPillPulse_1\.1s_ease-in-out_infinite {
    animation: 1.1s ease-in-out infinite balloonPillPulse;
  }

  .text_rgba\(255\,255\,255\,0\.4\) {
    color: #fff6;
  }

  .bg_rgba\(255\,255\,255\,0\.06\) {
    background: #ffffff0f;
  }

  .--maktub-input-bg_var\(--maktub-bg-dark-light\,_\#1A0F1C\) {
    --maktub-input-bg: var(--maktub-bg-dark-light, #1a0f1c);
  }

  .p_1em {
    padding: 1em;
  }

  .gap_1em {
    gap: 1em;
  }

  .bg_var\(--maktub-bg-dark\,_\#211624\) {
    background: var(--maktub-bg-dark, #211624);
  }

  .shadow_sm {
    box-shadow: var(--shadows-sm);
  }

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

  .animation_dropdown-in_0\.3s_ease-out {
    animation: .3s ease-out dropdown-in;
  }

  .z_10 {
    z-index: 10;
  }

  .col-span_1_\/_-1 {
    grid-column: 1 / -1;
  }

  .text_var\(--maktub-font-tone\,_\#FFFFFF\) {
    color: var(--maktub-font-tone, #fff);
  }

  .order_0 {
    order: 0;
  }

  .order_2 {
    order: 2;
  }

  .bg_primary {
    background: var(--colors-primary);
  }

  .px_1 {
    padding-inline: var(--spacing-1);
  }

  .py_0\.5 {
    padding-block: var(--spacing-0\.5);
  }

  .order_1 {
    order: 1;
  }

  .text_tone\.label {
    color: var(--colors-tone-label);
  }

  .mx_auto {
    margin-inline: auto;
  }

  .translate-y_-10 {
    --translate-y: calc(var(--spacing-10) * -1);
  }

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

  .px_3 {
    padding-inline: var(--spacing-3);
  }

  .py_2 {
    padding-block: var(--spacing-2);
  }

  .h_40px {
    height: 40px;
  }

  .rounded_var\(--maktub-input-radius\,_var\(--maktub-border-radius\,_6px\)\) {
    border-radius: var(--maktub-input-radius, var(--maktub-border-radius, 6px));
  }

  .cursor_pointer {
    cursor: pointer;
  }

  .transition_border-color_0\.2s_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\)\,_box-shadow_0\.2s_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) {
    transition: border-color .2s cubic-bezier(.22, 1, .36, 1), box-shadow .2s cubic-bezier(.22, 1, .36, 1);
  }

  .bg_color-mix\(in_srgb\,_var\(--maktub-accent-color\,_\#4FC3F7\)_28\%\,_transparent\) {
    background: color-mix(in srgb, var(--maktub-accent-color, #4fc3f7) 28%, transparent);
  }

  .rounded_6px {
    border-radius: 6px;
  }

  .px_6px {
    padding-inline: 6px;
  }

  .py_3px {
    padding-block: 3px;
  }

  .h_18px {
    height: 18px;
  }

  .text_var\(--maktub-accent-color\,_\#9CC6FF\) {
    color: var(--maktub-accent-color, #9cc6ff);
  }

  .text_var\(--maktub-text-color\,_\#FFFFFF\) {
    color: var(--maktub-text-color, #fff);
  }

  .fill_var\(--ckm-d\) {
    fill: var(--ckm-d);
  }

  .fill_var\(--ckm-e\) {
    fill: var(--ckm-e);
  }

  .cq-type_inline-size {
    container-type: inline-size;
  }

  .gap_0 {
    gap: var(--spacing-0);
  }

  .py_4 {
    padding-block: var(--spacing-4);
  }

  .px_2 {
    padding-inline: var(--spacing-2);
  }

  .w_10em {
    width: 10em;
  }

  .h_10em {
    height: 10em;
  }

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

  .text_tone\.white {
    color: var(--colors-tone-white);
  }

  .text_ellipsis {
    text-overflow: ellipsis;
  }

  .gap_12px {
    gap: 12px;
  }

  .border_1px_solid_var\(--maktub-button-color\,_\#E6007A\) {
    border: 1px solid var(--maktub-button-color, #e6007a);
  }

  .border_1px_solid_var\(--maktub-bg-dark-light\,_\#261A29\) {
    border: 1px solid var(--maktub-bg-dark-light, #261a29);
  }

  .opacity_1 {
    opacity: 1;
  }

  .opacity_0\.7 {
    opacity: .7;
  }

  .opacity_0\.5 {
    opacity: .5;
  }

  .flex_1_1_0 {
    flex: 1 1 0;
  }

  .min-w_0 {
    min-width: var(--sizes-0);
  }

  .px_8px {
    padding-inline: 8px;
  }

  .py_10px {
    padding-block: 10px;
  }

  .gap_8px {
    gap: 8px;
  }

  .rounded_var\(--maktub-secondary-btn-radius\,_var\(--maktub-border-radius\,_8px\)\) {
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 8px));
  }

  .bg_var\(--maktub-bg-dark-light\,_\#261A29\) {
    background: var(--maktub-bg-dark-light, #261a29);
  }

  .p_4 {
    padding: var(--spacing-4);
  }

  .min-h_0 {
    min-height: var(--sizes-0);
  }

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

  .bg_var\(--maktub-bg-dark\,_\#1A0F1C\) {
    background: var(--maktub-bg-dark, #1a0f1c);
  }

  .rounded_min\(var\(--maktub-input-radius\,_var\(--maktub-border-radius\,_8px\)\)\,_24px\) {
    border-radius: min(var(--maktub-input-radius, var(--maktub-border-radius, 8px)), 24px);
  }

  .border_var\(--maktub-container-border\,_none\) {
    border: var(--maktub-container-border, none);
  }

  .text_text\.secondary {
    color: var(--colors-text-secondary);
  }

  .h_20px {
    height: 20px;
  }

  .w_auto {
    width: auto;
  }

  .bg_\#21CE55 {
    background: #21ce55;
  }

  .bg_tone\.dark {
    background: var(--colors-tone-dark);
  }

  .text_\#171618 {
    color: #171618;
  }

  .min-w_44px {
    min-width: 44px;
  }

  .tracking_-0\.01em {
    letter-spacing: -.01em;
  }

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

  .p_2 {
    padding: var(--spacing-2);
  }

  .rounded_8px {
    border-radius: 8px;
  }

  .bg_var\(--maktub-bg-dark-light\,_rgba\(255\,255\,255\,0\.06\)\) {
    background: var(--maktub-bg-dark-light, #ffffff0f);
  }

  .px_4px {
    padding-inline: 4px;
  }

  .py_6px {
    padding-block: 6px;
  }

  .border-b_1px_solid_rgba\(255\,255\,255\,0\.08\) {
    border-bottom: 1px solid #ffffff14;
  }

  .overflow_auto {
    overflow: auto;
  }

  .gap_2px {
    gap: 2px;
  }

  .py_4px {
    padding-block: 4px;
  }

  .rounded_4px {
    border-radius: 4px;
  }

  .text_rgba\(255\,255\,255\,0\.5\) {
    color: #ffffff80;
  }

  .text_rgba\(255\,255\,255\,0\.35\) {
    color: #ffffff59;
  }

  .text_rgba\(255\,255\,255\,0\.6\) {
    color: #fff9;
  }

  .max-w_70px {
    max-width: 70px;
  }

  .text_\#00E66C {
    color: #00e66c;
  }

  .text_rgba\(255\,255\,255\,0\.7\) {
    color: #ffffffb3;
  }

  .px_4 {
    padding-inline: var(--spacing-4);
  }

  .max-w_140px {
    max-width: 140px;
  }

  .gap_4 {
    gap: var(--spacing-4);
  }

  .w_400px {
    width: 400px;
  }

  .max-w_full {
    max-width: var(--sizes-full);
  }

  .h_36px {
    height: 36px;
  }

  .transition_background-color_0\.15s {
    transition: background-color .15s;
  }

  .d_none {
    display: none;
  }

  .p_6px_10px {
    padding: 6px 10px;
  }

  .border_1px_solid_rgba\(255\,255\,255\,0\.06\) {
    border: 1px solid #ffffff0f;
  }

  .transition_all_0\.2s {
    transition: all .2s;
  }

  .bg_rgba\(0\,_52\,_121\,_0\.5\) {
    background: #00347980;
  }

  .text_\#9CC6FF {
    color: #9cc6ff;
  }

  .text_\#FFFFFF {
    color: #fff;
  }

  .h_34px {
    height: 34px;
  }

  .h_9 {
    height: var(--sizes-9);
  }

  .px_3\.5 {
    padding-inline: var(--spacing-3\.5);
  }

  .h_10 {
    height: var(--sizes-10);
  }

  .h_var\(--maktub-secondary-btn-height\,_32px\) {
    height: var(--maktub-secondary-btn-height, 32px);
  }

  .h_var\(--maktub-secondary-btn-height\,_36px\) {
    height: var(--maktub-secondary-btn-height, 36px);
  }

  .h_var\(--maktub-secondary-btn-height\,_40px\) {
    height: var(--maktub-secondary-btn-height, 40px);
  }

  .h_11 {
    height: var(--sizes-11);
  }

  .px_6 {
    padding-inline: var(--spacing-6);
  }

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

  .h_5 {
    height: var(--sizes-5);
  }

  .bg_transparent {
    background: var(--colors-transparent);
  }

  .z_8 {
    z-index: 8;
  }

  .shadow_0_0_12px_rgba\(59\,_130\,_246\,_0\.4\) {
    box-shadow: 0 0 12px #3b82f666;
  }

  .transform_translateX\(-50\%\) {
    transform: translateX(-50%);
  }

  .bg_\#1a1a2e {
    background: #1a1a2e;
  }

  .border_1px_solid_\#3B82F6 {
    border: 1px solid #3b82f6;
  }

  .py_1 {
    padding-block: var(--spacing-1);
  }

  .z_20 {
    z-index: 20;
  }

  .text_white {
    color: var(--colors-white);
  }

  .text_center {
    text-align: center;
  }

  .text_\#94a3b8 {
    color: #94a3b8;
  }

  .border-l_5px_solid_transparent {
    border-left: 5px solid #0000;
  }

  .border-r_5px_solid_transparent {
    border-right: 5px solid #0000;
  }

  .border-t_5px_solid_\#3B82F6 {
    border-top: 5px solid #3b82f6;
  }

  .w_0 {
    width: var(--sizes-0);
  }

  .h_0 {
    height: var(--sizes-0);
  }

  .max-w_730px {
    max-width: 730px;
  }

  .my_16 {
    margin-block: var(--spacing-16);
  }

  .px_14px {
    padding-inline: 14px;
  }

  .rounded_12px {
    border-radius: 12px;
  }

  .text_success {
    color: var(--colors-success);
  }

  .opacity_0 {
    opacity: 0;
  }

  .transform_translateX\(-50\%\)_scale\(0\.8\) {
    transform: translateX(-50%)scale(.8);
  }

  .origin_center_bottom {
    transform-origin: bottom;
  }

  .transition_all_var\(--dice-scale-transition\)_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) {
    transition: all var(--dice-scale-transition) cubic-bezier(.22, 1, .36, 1);
  }

  .w_16 {
    width: var(--sizes-16);
  }

  .h_16 {
    height: var(--sizes-16);
  }

  .w_86\.5\% {
    width: 86.5%;
  }

  .h_86\.5\% {
    height: 86.5%;
  }

  .text-shadow_0_1px_2px_rgba\(0\,_0\,_0\,_0\.8\) {
    text-shadow: 0 1px 2px #000c;
  }

  .h_8px {
    height: 8px;
  }

  .rounded_full {
    border-radius: var(--radii-full);
  }

  .h_16px {
    height: 16px;
  }

  .z_12 {
    z-index: 12;
  }

  .z_13 {
    z-index: 13;
  }

  .shadow_0_0_8px_rgba\(59\,_130\,_246\,_0\.5\)\,_0_0_4px_rgba\(59\,_130\,_246\,_0\.3\) {
    box-shadow: 0 0 8px #3b82f680, 0 0 4px #3b82f64d;
  }

  .bg_\#3B82F6 {
    background: #3b82f6;
  }

  .min-w_28px {
    min-width: 28px;
  }

  .z_5 {
    z-index: 5;
  }

  .p_8px_0 {
    padding: 8px 0;
  }

  .shadow_true {
    box-shadow: true;
  }

  .transition_background-color_0\.25s_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\)\,_color_0\.25s_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\)\,_box-shadow_0\.25s_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\)\,_opacity_0\.2s_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) {
    transition: background-color .25s cubic-bezier(.22, 1, .36, 1), color .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s cubic-bezier(.22, 1, .36, 1), opacity .2s cubic-bezier(.22, 1, .36, 1);
  }

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

  .w_100\% {
    width: 100%;
  }

  .h_100\% {
    height: 100%;
  }

  .rounded_var\(--maktub-border-radius\,_6px\) {
    border-radius: var(--maktub-border-radius, 6px);
  }

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

  .border_2px_solid_rgba\(255\,255\,255\,0\.8\) {
    border: 2px solid #fffc;
  }

  .border_2px_solid_transparent {
    border: 2px solid #0000;
  }

  .rounded_var\(--maktub-border-radius\,_8px\) {
    border-radius: var(--maktub-border-radius, 8px);
  }

  .transition_all_0\.15s_ease {
    transition: all .15s;
  }

  .w_12px {
    width: 12px;
  }

  .h_12px {
    height: 12px;
  }

  .rounded_3px {
    border-radius: 3px;
  }

  .text_\#FF4444 {
    color: #f44;
  }

  .text_\#ffce00 {
    color: #ffce00;
  }

  .text_\#7F47FD {
    color: #7f47fd;
  }

  .text_\#DE3449 {
    color: #de3449;
  }

  .py_12 {
    padding-block: var(--spacing-12);
  }

  .scrollbar-width_thin {
    scrollbar-width: thin;
  }

  .bg_var\(--maktub-bg-dark\,_\#1C1818\) {
    background: var(--maktub-bg-dark, #1c1818);
  }

  .overflow_visible {
    overflow: visible;
  }

  .grid-area_1_\/_1 {
    grid-area: 1 / 1;
  }

  .vis_hidden {
    visibility: hidden;
  }

  .px_16px {
    padding-inline: 16px;
  }

  .text_var\(--maktub-font-tone\,_\#CCBABA\) {
    color: var(--maktub-font-tone, #ccbaba);
  }

  .max-w_780px {
    max-width: 780px;
  }

  .p_0 {
    padding: var(--spacing-0);
  }

  .rounded_0 {
    border-radius: 0;
  }

  .cursor_default {
    cursor: default;
  }

  .gap_1px {
    gap: 1px;
  }

  .bg_var\(--maktub-bg-dark-light\,_\#231726\) {
    background: var(--maktub-bg-dark-light, #231726);
  }

  .transition_background-color_0\.1s {
    transition: background-color .1s;
  }

  .opacity_0\.3 {
    opacity: .3;
  }

  .transform_scale\(0\.7\) {
    transform: scale(.7);
  }

  .py_8 {
    padding-block: var(--spacing-8);
  }

  .mx_0 {
    margin-inline: var(--spacing-0);
  }

  .text_lightning {
    color: lightning;
  }

  .text_win {
    color: win;
  }

  .text_lose {
    color: lose;
  }

  .h_var\(--maktub-game-input-height\,_var\(--maktub-input-height\,_40px\)\) {
    height: var(--maktub-game-input-height, var(--maktub-input-height, 40px));
  }

  .bg_var\(--maktub-bg-dark-light\,_\#1D121F\) {
    background: var(--maktub-bg-dark-light, #1d121f);
  }

  .transition_opacity_150ms_ease {
    transition: opacity .15s;
  }

  .min-w_20px {
    min-width: 20px;
  }

  .text_var\(--maktub-white-tone\,_rgba\(255\,_255\,_255\,_0\.92\)\) {
    color: var(--maktub-white-tone, #ffffffeb);
  }

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

  .rounded_999px {
    border-radius: 999px;
  }

  .bg_var\(--maktub-bg-dark\,_\#170D19\) {
    background: var(--maktub-bg-dark, #170d19);
  }

  .p_0\.75em {
    padding: .75em;
  }

  .max-w_580px {
    max-width: 580px;
  }

  .rounded_5px {
    border-radius: 5px;
  }

  .text_var\(--maktub-button-color\,_\#FF8C00\) {
    color: var(--maktub-button-color, #ff8c00);
  }

  .order_-1 {
    order: -1;
  }

  .--plinko-board-scale_calc\(335_\/_393_\/_0\.764\) {
    --plinko-board-scale: calc(335 / 393 / .764);
  }

  .max-w_750px {
    max-width: 750px;
  }

  .h_24px {
    height: 24px;
  }

  .gap_1\.36px {
    gap: 1.36px;
  }

  .w_76px {
    width: 76px;
  }

  .gap_0\.5em {
    gap: .5em;
  }

  .p_0\.5em {
    padding: .5em;
  }

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

  .h_240px {
    height: 240px;
  }

  .rounded_var\(--maktub-input-radius\,_var\(--maktub-border-radius\,_0\.5em\)\) {
    border-radius: var(--maktub-input-radius, var(--maktub-border-radius, .5em));
  }

  .transform_translateY\(-50\%\) {
    transform: translateY(-50%);
  }

  .w_32px {
    width: 32px;
  }

  .rounded_var\(--maktub-secondary-btn-radius\,_var\(--maktub-border-radius\,_0\.25em\)\) {
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, .25em));
  }

  .text_rgba\(0\,_0\,_0\,_0\.85\) {
    color: #000000d9;
  }

  .rounded_0\.3em {
    border-radius: .3em;
  }

  .gap_0\.25em {
    gap: .25em;
  }

  .w_2em {
    width: 2em;
  }

  .h_1\.25em {
    height: 1.25em;
  }

  .w_1\.25em {
    width: 1.25em;
  }

  .h_2em {
    height: 2em;
  }

  .grid-area_result {
    grid-area: result;
  }

  .transform_translateY\(0\) {
    transform: translateY(0);
  }

  .transform_translateY\(100\%\) {
    transform: translateY(100%);
  }

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

  .transition_transform_var\(--duration\)_ease-out {
    transition: transform var(--duration) ease-out;
  }

  .grid-area_lastBets {
    grid-area: lastBets;
  }

  .py_3 {
    padding-block: var(--spacing-3);
  }

  .w_12 {
    width: var(--sizes-12);
  }

  .h_276px {
    height: 276px;
  }

  .h_8 {
    height: var(--sizes-8);
  }

  .w_8 {
    width: var(--sizes-8);
  }

  .grid-area_board {
    grid-area: board;
  }

  .grid-area_chipControls {
    grid-area: chipControls;
  }

  .vis_visible {
    visibility: visible;
  }

  .bg_color-mix\(in_srgb\,_var\(--maktub-bg-dark\,_\#0F1012\)_80\%\,_transparent\) {
    background: color-mix(in srgb, var(--maktub-bg-dark, #0f1012) 80%, transparent);
  }

  .z_100 {
    z-index: 100;
  }

  .transform_scale\(1\) {
    transform: scale(1);
  }

  .transform_scale\(0\.6\) {
    transform: scale(.6);
  }

  .min-w_12 {
    min-width: var(--sizes-12);
  }

  .h_12 {
    height: var(--sizes-12);
  }

  .max-w_772px {
    max-width: 772px;
  }

  .transform_scale\(0\.8\) {
    transform: scale(.8);
  }

  .w_92vmin {
    width: 92vmin;
  }

  .text_color-mix\(in_srgb\,_\#FFFFFF_52\%\,_transparent\) {
    color: #ffffff85;
  }

  .bg_neutral\.100 {
    background: var(--colors-neutral-100);
  }

  .p_5 {
    padding: var(--spacing-5);
  }

  .z_50 {
    z-index: 50;
  }

  .w_280px {
    width: 280px;
  }

  .shadow_lg {
    box-shadow: var(--shadows-lg);
  }

  .text_uppercase {
    text-transform: uppercase;
  }

  .border_none {
    border: var(--borders-none);
  }

  .m_0 {
    margin: var(--spacing-0);
  }

  .font_inherit {
    font: inherit;
  }

  .ring_none {
    outline: var(--borders-none);
  }

  .min-h_100\% {
    min-height: 100%;
  }

  .shadow_0_2px_4px_0_rgba\(0\,_0\,_0\,_0\.3\) {
    box-shadow: 0 2px 4px #0000004d;
  }

  .shadow_inset_0_0_0_0\.0625em_color-mix\(in_srgb\,_\#FFFFFF_16\%\,_transparent\) {
    box-shadow: inset 0 0 0 .0625em #ffffff29;
  }

  .writing-mode_vertical-lr {
    writing-mode: vertical-lr;
  }

  .writing-mode_initial {
    writing-mode: initial;
  }

  .h_var\(--maktub-game-input-height\,_40px\) {
    height: var(--maktub-game-input-height, 40px);
  }

  .border_1px_solid_var\(--maktub-stroke\,_\#27262B\) {
    border: 1px solid var(--maktub-stroke, #27262b);
  }

  .rounded_var\(--maktub-input-radius\,_6px\) {
    border-radius: var(--maktub-input-radius, 6px);
  }

  .text_var\(--maktub-white-tone\,_\#fff\) {
    color: var(--maktub-white-tone, #fff);
  }

  .bg_var\(--maktub-bg-dark-lighter\,_\#393C41\) {
    background: var(--maktub-bg-dark-lighter, #393c41);
  }

  .shadow_inset_0px_0\.7px_0\.2px_rgba\(255\,_255\,_255\,_0\.15\) {
    box-shadow: inset 0 .7px .2px #ffffff26;
  }

  .min-h_50px {
    min-height: 50px;
  }

  .rounded_var\(--maktub-input-radius\,_var\(--maktub-border-radius\,_8px\)\) {
    border-radius: var(--maktub-input-radius, var(--maktub-border-radius, 8px));
  }

  .text_var\(--maktub-bg-dark-light\,_\#120B14\) {
    color: var(--maktub-bg-dark-light, #120b14);
  }

  .text_\#C9BACC {
    color: #c9bacc;
  }

  .shadow_0_1px_1px_0_rgba\(255\,_255\,_255\,_0\.50\)_inset {
    box-shadow: inset 0 1px 1px #ffffff80;
  }

  .shadow_0_1px_1px_0_rgba\(255\,_255\,_255\,_0\.08\)_inset {
    box-shadow: inset 0 1px 1px #ffffff14;
  }

  .w_14 {
    width: var(--sizes-14);
  }

  .shadow_md {
    box-shadow: var(--shadows-md);
  }

  .z_999 {
    z-index: 999;
  }

  .bg_var\(--maktub-accent-color\,_\#8B5CF6\) {
    background: var(--maktub-accent-color, #8b5cf6);
  }

  .shadow_0_4px_12px_rgba\(0\,0\,0\,0\.3\) {
    box-shadow: 0 4px 12px #0000004d;
  }

  .bg_var\(--maktub-cashout-button-color\,_var\(--maktub-action-btn-bg\,_\#211624\)\) {
    background: var(--maktub-cashout-button-color, var(--maktub-action-btn-bg, #211624));
  }

  .text_var\(--maktub-cashout-button-text-color\,_var\(--colors-text-primary\)\) {
    color: var(--maktub-cashout-button-text-color, var(--colors-text-primary));
  }

  .d_inline {
    display: inline;
  }

  .text_text\.primary {
    color: var(--colors-text-primary);
  }

  .w_1em {
    width: 1em;
  }

  .h_1em {
    height: 1em;
  }

  .animation_spin_0\.6s_linear_infinite {
    animation: .6s linear infinite spin;
  }

  .text_info {
    color: var(--colors-info);
  }

  .w_21\.67px {
    width: 21.67px;
  }

  .h_21\.67px {
    height: 21.67px;
  }

  .text_neutral\.500 {
    color: var(--colors-neutral-500);
  }

  .text_error {
    color: var(--colors-error);
  }

  .text_warning {
    color: var(--colors-warning);
  }

  .text_info\/90 {
    --mix-color: color-mix(in srgb, var(--colors-info) 90%, transparent);
    color: var(--mix-color, var(--colors-info));
  }

  .w_26px {
    width: 26px;
  }

  .h_26px {
    height: 26px;
  }

  .transition_background-color_160ms_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) {
    transition: background-color .16s cubic-bezier(.22, 1, .36, 1);
  }

  .border-t_1px_solid_var\(--maktub-bg-dark\,_\#171717\) {
    border-top: 1px solid var(--maktub-bg-dark, #171717);
  }

  .bg_var\(--maktub-bg-dark-light\,_\#212121\) {
    background: var(--maktub-bg-dark-light, #212121);
  }

  .min-w_56px {
    min-width: 56px;
  }

  .rounded_var\(--maktub-secondary-btn-radius\,_6px\) {
    border-radius: var(--maktub-secondary-btn-radius, 6px);
  }

  .transition_opacity_0\.1s {
    transition: opacity .1s;
  }

  .text_var\(--maktub-font-tone\,_\#d5e0db\) {
    color: var(--maktub-font-tone, #d5e0db);
  }

  .max-w_450px {
    max-width: 450px;
  }

  .min-h_var\(--maktub-stage-min-height\,_400px\) {
    min-height: var(--maktub-stage-min-height, 400px);
  }

  .--mines-stage-scale_1\.3 {
    --mines-stage-scale: 1.3;
  }

  .gap_0\.95em {
    gap: .95em;
  }

  .max-w_500px {
    max-width: 500px;
  }

  .gap_0\.6em {
    gap: .6em;
  }

  .w_11\.4em {
    width: 11.4em;
  }

  .w_7\.6em {
    width: 7.6em;
  }

  .h_14em {
    height: 14em;
  }

  .aspect_auto {
    aspect-ratio: auto;
  }

  .h_3em {
    height: 3em;
  }

  .opacity_0\.4 {
    opacity: .4;
  }

  .m_auto {
    margin: auto;
  }

  .px_2px {
    padding-inline: 2px;
  }

  .text-shadow_0_2px_4px_rgba\(0\,_0\,_0\,_0\.4\) {
    text-shadow: 0 2px 4px #0006;
  }

  .max-w_550px {
    max-width: 550px;
  }

  .bg_var\(--maktub-bg-dark-lighter\,_\#19181C\) {
    background: var(--maktub-bg-dark-lighter, #19181c);
  }

  .min-w_3\.5em {
    min-width: 3.5em;
  }

  .px_0\.5em {
    padding-inline: .5em;
  }

  .rounded_var\(--maktub-secondary-btn-radius\,_var\(--maktub-border-radius\,_0\.375em\)\) {
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, .375em));
  }

  .p_8px {
    padding: 8px;
  }

  .border_2px_solid {
    border: 2px solid;
  }

  .transition_all_0\.2s_ease {
    transition: all .2s;
  }

  .w_48px {
    width: 48px;
  }

  .h_48px {
    height: 48px;
  }

  .text_primary {
    color: var(--colors-primary);
  }

  .text_rgba\(255\,_255\,_255\,_0\.5\) {
    color: #ffffff80;
  }

  .text_inherit {
    color: inherit;
  }

  .text_\#97889E {
    color: #97889e;
  }

  .tracking_0\.5px {
    letter-spacing: .5px;
  }

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

  .border_1px_solid_color-mix\(in_srgb\,_var\(--maktub-bg-dark-lighter\,_\#27262B\)_92\%\,_\#fff_8\%\) {
    border: 1px solid color-mix(in srgb, var(--maktub-bg-dark-lighter, #27262b) 92%, #fff 8%);
  }

  .shadow_inset_0_1px_0_0_rgba\(255\,_255\,_255\,_0\.05\) {
    box-shadow: inset 0 1px #ffffff0d;
  }

  .p_14px_16px {
    padding: 14px 16px;
  }

  .gap_20px {
    gap: 20px;
  }

  .gap_16px {
    gap: 16px;
  }

  .text_rgba\(255\,_255\,_255\,_0\.92\) {
    color: #ffffffeb;
  }

  .w_min\(406px\,_calc\(100vw_-_32px\)\) {
    width: min(406px, 100vw - 32px);
  }

  .max-h_calc\(100vh_-_32px\) {
    max-height: calc(100vh - 32px);
  }

  .p_16px_20px_20px {
    padding: 16px 20px 20px;
  }

  .bg_var\(--maktub-dialog-surface\,_color-mix\(in_srgb\,_var\(--maktub-bg-dark\,_\#171619\)_80\%\,_var\(--maktub-bg-dark-light\,_\#27262B\)\)\) {
    background: var(--maktub-dialog-surface, color-mix(in srgb, var(--maktub-bg-dark, #171619) 80%, var(--maktub-bg-dark-light, #27262b)));
  }

  .border_1px_solid_var\(--maktub-bg-dark-lighter\,_\#27262B\) {
    border: 1px solid var(--maktub-bg-dark-lighter, #27262b);
  }

  .text_neutral\.100 {
    color: var(--colors-neutral-100);
  }

  .inset_0 {
    inset: var(--spacing-0);
  }

  .bg_rgba\(0\,_0\,_0\,_0\.1\) {
    background: #0000001a;
  }

  .w_70\% {
    width: 70%;
  }

  .h_70\% {
    height: 70%;
  }

  .shadow_0_-0\.0625em_rgba\(0\,_0\,_0\,_0\.3\) {
    box-shadow: 0 -.0625em #0000004d;
  }

  .snap_x_mandatory {
    scroll-snap-type: x mandatory;
  }

  .scrollbar-width_none {
    scrollbar-width: none;
  }

  .text_var\(--colors-success\) {
    color: var(--colors-success);
  }

  .flex_1_1_auto {
    flex: auto;
  }

  .px_10px {
    padding-inline: 10px;
  }

  .opacity_0\.6 {
    opacity: .6;
  }

  .bg_var\(--maktub-bg-dark-light\,_\#504B56\) {
    background: var(--maktub-bg-dark-light, #504b56);
  }

  .overscroll_contain {
    overscroll-behavior: contain;
  }

  .px_20px {
    padding-inline: 20px;
  }

  .opacity_0\.45 {
    opacity: .45;
  }

  .rounded_29px {
    border-radius: 29px;
  }

  .bg_rgba\(84\,_219\,_0\,_0\.10\) {
    background: #54db001a;
  }

  .text_\#54DA00 {
    color: #54da00;
  }

  .tracking_-0\.012em {
    letter-spacing: -.012em;
  }

  .border-t_1px_solid {
    border-top: 1px solid;
  }

  .py_5px {
    padding-block: 5px;
  }

  .border-l_2px_solid {
    border-left: 2px solid;
  }

  .rounded_0_4px_4px_0 {
    border-radius: 0 4px 4px 0;
  }

  .opacity_0\.8 {
    opacity: .8;
  }

  .opacity_0\.75 {
    opacity: .75;
  }

  .min-h_36px {
    min-height: 36px;
  }

  .py_7px {
    padding-block: 7px;
  }

  .resize_none {
    resize: none;
  }

  .bg_var\(--maktub-bg-dark-light\,_\#2C292F\) {
    background: var(--maktub-bg-dark-light, #2c292f);
  }

  .w_36px {
    width: 36px;
  }

  .bg_var\(--maktub-button-color\,_var\(--maktub-primary-tone\,_\#FFAB24\)\) {
    background: var(--maktub-button-color, var(--maktub-primary-tone, #ffab24));
  }

  .text_var\(--maktub-button-text-color\,_\#000000\) {
    color: var(--maktub-button-text-color, #000);
  }

  .w_18px {
    width: 18px;
  }

  .text_\#B8B4BC {
    color: #b8b4bc;
  }

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

  .underline-offset_2px {
    text-underline-offset: 2px;
  }

  .text_var\(--maktub-primary-tone\,_var\(--maktub-button-color\,_\#FFAB24\)\) {
    color: var(--maktub-primary-tone, var(--maktub-button-color, #ffab24));
  }

  .text_left {
    text-align: left;
  }

  .bg_var\(--maktub-bg-dark\,_\#1C1B1F\) {
    background: var(--maktub-bg-dark, #1c1b1f);
  }

  .flex_0_0_auto {
    flex: none;
  }

  .w_280\.8px {
    width: 280.8px;
  }

  .zoom_var\(--maktub-ui-zoom\,_1\) {
    zoom: var(--maktub-ui-zoom, 1);
  }

  .rounded_0_6px_6px_0 {
    border-radius: 0 6px 6px 0;
  }

  .h_85vh {
    height: 85vh;
  }

  .w_157px {
    width: 157px;
  }

  .p_4px {
    padding: 4px;
  }

  .w_149px {
    width: 149px;
  }

  .text_\#B2B2B2 {
    color: #b2b2b2;
  }

  .bg_var\(--maktub-bg-dark-lighter\,_\#504B56\) {
    background: var(--maktub-bg-dark-lighter, #504b56);
  }

  .rounded_6px_6px_0_0 {
    border-radius: 6px 6px 0 0;
  }

  .rounded_0_0_6px_6px {
    border-radius: 0 0 6px 6px;
  }

  .min-h_22px {
    min-height: 22px;
  }

  .bg_\#363338 {
    background: #363338;
  }

  .bg_\#D9D9D9 {
    background: #d9d9d9;
  }

  .transition_width_320ms_ease {
    transition: width .32s;
  }

  .h_28px {
    height: 28px;
  }

  .w_71px {
    width: 71px;
  }

  .px_0 {
    padding-inline: var(--spacing-0);
  }

  .gap_5px {
    gap: 5px;
  }

  .text_\#54DB00 {
    color: #54db00;
  }

  .mx_8px {
    margin-inline: 8px;
  }

  .flex_1_1_120px {
    flex: 120px;
  }

  .overflow-wrap_anywhere {
    overflow-wrap: anywhere;
  }

  .text_var\(--maktub-primary-tone\,_\#FFAB24\) {
    color: var(--maktub-primary-tone, #ffab24);
  }

  .min-h_18px {
    min-height: 18px;
  }

  .transform_scaleX\(-1\) {
    transform: scaleX(-1);
  }

  .min-w_57px {
    min-width: 57px;
  }

  .min-h_32px {
    min-height: 32px;
  }

  .tracking_0 {
    letter-spacing: 0;
  }

  .h_38px {
    height: 38px;
  }

  .border-b_1px_solid {
    border-bottom: 1px solid;
  }

  .border-b_1px_solid_transparent {
    border-bottom: 1px solid #0000;
  }

  .p_8px_4px_8px_12px {
    padding: 8px 4px 8px 12px;
  }

  .bg_var\(--maktub-bg-dark\,_\#171619\) {
    background: var(--maktub-bg-dark, #171619);
  }

  .tracking_-0\.005em {
    letter-spacing: -.005em;
  }

  .transition_transform_140ms_ease {
    transition: transform .14s;
  }

  .transform_rotate\(180deg\) {
    transform: rotate(180deg);
  }

  .bg_\#151417 {
    background: #151417;
  }

  .p_12px {
    padding: 12px;
  }

  .h_22px {
    height: 22px;
  }

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

  .min-h_53px {
    min-height: 53px;
  }

  .px_9px {
    padding-inline: 9px;
  }

  .border_1px_solid {
    border: 1px solid;
  }

  .border-t_none {
    border-top: var(--borders-none);
  }

  .h_39px {
    height: 39px;
  }

  .border-b_1px_solid_var\(--maktub-stroke\,_\#2C292F\) {
    border-bottom: 1px solid var(--maktub-stroke, #2c292f);
  }

  .d_block {
    display: block;
  }

  .min-h_40px {
    min-height: 40px;
  }

  .border_1px_solid_var\(--maktub-stroke\,_\#2C292F\) {
    border: 1px solid var(--maktub-stroke, #2c292f);
  }

  .text_var\(--maktub-button-text-color\,_\#202020\) {
    color: var(--maktub-button-text-color, #202020);
  }

  .h_120px {
    height: 120px;
  }

  .touch_pan-y {
    touch-action: pan-y;
  }

  .-webkit-mask-image_linear-gradient\(90deg\,_transparent_calc\(50\%_-_100px\)\,_rgba\(0\,0\,0\,0\.236\)_calc\(50\%_-_76px\)\,_\#000_calc\(50\%_-_60px\)\,_\#000_calc\(50\%_\+_60px\)\,_rgba\(0\,0\,0\,0\.236\)_calc\(50\%_\+_76px\)\,_transparent_calc\(50\%_\+_100px\)\) {
    -webkit-mask-image: linear-gradient(90deg, #0000 calc(50% - 100px), #0000003c calc(50% - 76px), #000 calc(50% - 60px) calc(50% + 60px), #0000003c calc(50% + 76px), #0000 calc(50% + 100px));
  }

  .w_120px {
    width: 120px;
  }

  .origin_center {
    transform-origin: center;
  }

  .transition_transform_420ms_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\)\,_opacity_420ms_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) {
    transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .42s cubic-bezier(.22, 1, .36, 1);
  }

  .w_28px {
    width: 28px;
  }

  .text_right {
    text-align: right;
  }

  .bg_\#363339 {
    background: #363339;
  }

  .bg_var\(--maktub-primary-tone\,_\#FFAB24\) {
    background: var(--maktub-primary-tone, #ffab24);
  }

  .rounded_4px_0_0_4px {
    border-radius: 4px 0 0 4px;
  }

  .p_7px_8px {
    padding: 7px 8px;
  }

  .p_16px {
    padding: 16px;
  }

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

  .text_var\(--maktub-button-text-color\,_\#734700\) {
    color: var(--maktub-button-text-color, #734700);
  }

  .tracking_-0\.013em {
    letter-spacing: -.013em;
  }

  .w_24px {
    width: 24px;
  }

  .w_20px {
    width: 20px;
  }

  .bg_\#FFAD44 {
    background: #ffad44;
  }

  .text_\#73450B {
    color: #73450b;
  }

  .p_10px {
    padding: 10px;
  }

  .scrollbar-color_rgba\(255\,255\,255\,0\.15\)_transparent {
    scrollbar-color: #ffffff26 transparent;
  }

  .tracking_0\.02em {
    letter-spacing: .02em;
  }

  .animation_engagementSpin_900ms_linear_infinite {
    animation: .9s linear infinite engagementSpin;
  }

  .text_none {
    text-transform: none;
  }

  .shadow_inset_0px_1px_0px_rgba\(255\,_255\,_255\,_0\.2\) {
    box-shadow: inset 0 1px #fff3;
  }

  .transition_opacity_140ms_ease {
    transition: opacity .14s;
  }

  .tracking_0\.03em {
    letter-spacing: .03em;
  }

  .min-h_160px {
    min-height: 160px;
  }

  .py_24px {
    padding-block: 24px;
  }

  .w_40px {
    width: 40px;
  }

  .opacity_0\.55 {
    opacity: .55;
  }

  .max-w_260px {
    max-width: 260px;
  }

  .animation_engagementPulse_1\.4s_ease-in-out_infinite {
    animation: 1.4s ease-in-out infinite engagementPulse;
  }

  .grid-area_bottomBar {
    grid-area: bottomBar;
  }

  .h_14 {
    height: var(--sizes-14);
  }

  .grid-area_content {
    grid-area: content;
  }

  .min-h_var\(--maktub-content-min-height\,_280px\) {
    min-height: var(--maktub-content-min-height, 280px);
  }

  .bg_var\(--maktub-bg-dark-light\,_\#1A0F1C\) {
    background: var(--maktub-bg-dark-light, #1a0f1c);
  }

  .grid-area_footer {
    grid-area: footer;
  }

  .transform_translate\(-50\%\,_-50\%\)_scale\(1\) {
    transform: translate(-50%, -50%)scale(1);
  }

  .min-w_9\.625em {
    min-width: 9.625em;
  }

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

  .shadow_0_0\.0625em_0\.125em_rgba\(0\,_0\,_0\,_0\.4\)\,_0_0\.375em_0\.75em_-0\.25em_rgba\(0\,_0\,_0\,_0\.5\)\,_0_1\.125em_2\.5em_-0\.875em_rgba\(0\,_0\,_0\,_0\.65\)\,_0_0\.625em_1\.875em_-0\.625em_rgba\(33\,_206\,_85\,_0\.45\) {
    box-shadow: 0 .0625em .125em #0006, 0 .375em .75em -.25em #00000080, 0 1.125em 2.5em -.875em #000000a6, 0 .625em 1.875em -.625em #21ce5573;
  }

  .animation_zoomIn_var\(--duration\)_cubic-bezier\(0\.18\,_0\.89\,_0\.32\,_1\.28\)_forwards {
    animation: zoomIn var(--duration) cubic-bezier(.18, .89, .32, 1.28) forwards;
  }

  .px_3em {
    padding-inline: 3em;
  }

  .py_0\.5em {
    padding-block: .5em;
  }

  .rounded-t_md {
    border-top-left-radius: var(--radii-md);
    border-top-right-radius: var(--radii-md);
  }

  .shadow_inset_0_1px_0_rgba\(255\,_255\,_255\,_0\.28\) {
    box-shadow: inset 0 1px #ffffff47;
  }

  .px_1\.25em {
    padding-inline: 1.25em;
  }

  .py_0\.6875em {
    padding-block: .6875em;
  }

  .bg_var\(--maktub-bg-dark\,_\#232224\) {
    background: var(--maktub-bg-dark, #232224);
  }

  .border_1px_solid_\#21CE55 {
    border: 1px solid #21ce55;
  }

  .rounded-b_md {
    border-bottom-left-radius: var(--radii-md);
    border-bottom-right-radius: var(--radii-md);
  }

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

  .grid-area_sidebar {
    grid-area: sidebar;
  }

  .w_1 {
    width: var(--sizes-1);
  }

  .transition_background-color_200ms_ease {
    transition: background-color .2s;
  }

  .px_5px {
    padding-inline: 5px;
  }

  .bg_color-mix\(in_srgb\,_var\(--maktub-primary-tone\,_\#FFAB24\)_24\%\,_transparent\) {
    background: color-mix(in srgb, var(--maktub-primary-tone, #ffab24) 24%, transparent);
  }

  .transition_opacity_120ms_ease {
    transition: opacity .12s;
  }

  .bg_\#151416 {
    background: #151416;
  }

  .border_1px_solid_\#1d1e22 {
    border: 1px solid #1d1e22;
  }

  .h_30px {
    height: 30px;
  }

  .w_30px {
    width: 30px;
  }

  .bg_\#1d1e22 {
    background: #1d1e22;
  }

  .text_\#e39038 {
    color: #e39038;
  }

  .text_\#e5e6eb {
    color: #e5e6eb;
  }

  .text_\#17f83f {
    color: #17f83f;
  }

  .text_\#a3a3a3 {
    color: #a3a3a3;
  }

  .bg_\#111213 {
    background: #111213;
  }

  .border-t_1px_solid_\#1d1e22 {
    border-top: 1px solid #1d1e22;
  }

  .w_16px {
    width: 16px;
  }

  .h_13px {
    height: 13px;
  }

  .bg_\#17f83f {
    background: #17f83f;
  }

  .text_\#111213 {
    color: #111213;
  }

  .tracking_0\.04em {
    letter-spacing: .04em;
  }

  .transition_max-height_320ms_cubic-bezier\(0\.2\,_0\.8\,_0\.2\,_1\)\,_opacity_240ms_ease {
    transition: max-height .32s cubic-bezier(.2, .8, .2, 1), opacity .24s;
  }

  .transform_translateY\(-6px\) {
    transform: translateY(-6px);
  }

  .transition_transform_320ms_cubic-bezier\(0\.2\,_0\.8\,_0\.2\,_1\) {
    transition: transform .32s cubic-bezier(.2, .8, .2, 1);
  }

  .p_0_8px {
    padding: 0 8px;
  }

  .text_\#f3993a {
    color: #f3993a;
  }

  .fill_\#843878 {
    fill: #843878;
  }

  .p_9px {
    padding: 9px;
  }

  .h_52px {
    height: 52px;
  }

  .bg_\#222222 {
    background: #222;
  }

  .w_1px {
    width: 1px;
  }

  .my_8px {
    margin-block: 8px;
  }

  .bg_var\(--maktub-stroke\,_\#2C292F\) {
    background: var(--maktub-stroke, #2c292f);
  }

  .shadow_xs {
    box-shadow: var(--shadows-xs);
  }

  .shadow_xl {
    box-shadow: var(--shadows-xl);
  }

  .shadow_2xl {
    box-shadow: var(--shadows-2xl);
  }

  .shadow_inner {
    box-shadow: var(--shadows-inner);
  }

  .text_current {
    color: var(--colors-current);
  }

  .text_black {
    color: var(--colors-black);
  }

  .text_transparent {
    color: var(--colors-transparent);
  }

  .text_rose\.50 {
    color: var(--colors-rose-50);
  }

  .text_rose\.100 {
    color: var(--colors-rose-100);
  }

  .text_rose\.200 {
    color: var(--colors-rose-200);
  }

  .text_rose\.300 {
    color: var(--colors-rose-300);
  }

  .text_rose\.400 {
    color: var(--colors-rose-400);
  }

  .text_rose\.500 {
    color: var(--colors-rose-500);
  }

  .text_rose\.600 {
    color: var(--colors-rose-600);
  }

  .text_rose\.700 {
    color: var(--colors-rose-700);
  }

  .text_rose\.800 {
    color: var(--colors-rose-800);
  }

  .text_rose\.900 {
    color: var(--colors-rose-900);
  }

  .text_rose\.950 {
    color: var(--colors-rose-950);
  }

  .text_fuchsia\.50 {
    color: var(--colors-fuchsia-50);
  }

  .text_fuchsia\.100 {
    color: var(--colors-fuchsia-100);
  }

  .text_fuchsia\.200 {
    color: var(--colors-fuchsia-200);
  }

  .text_fuchsia\.300 {
    color: var(--colors-fuchsia-300);
  }

  .text_fuchsia\.400 {
    color: var(--colors-fuchsia-400);
  }

  .text_fuchsia\.500 {
    color: var(--colors-fuchsia-500);
  }

  .text_fuchsia\.600 {
    color: var(--colors-fuchsia-600);
  }

  .text_fuchsia\.700 {
    color: var(--colors-fuchsia-700);
  }

  .text_fuchsia\.800 {
    color: var(--colors-fuchsia-800);
  }

  .text_fuchsia\.900 {
    color: var(--colors-fuchsia-900);
  }

  .text_fuchsia\.950 {
    color: var(--colors-fuchsia-950);
  }

  .text_violet\.50 {
    color: var(--colors-violet-50);
  }

  .text_violet\.100 {
    color: var(--colors-violet-100);
  }

  .text_violet\.200 {
    color: var(--colors-violet-200);
  }

  .text_violet\.300 {
    color: var(--colors-violet-300);
  }

  .text_violet\.400 {
    color: var(--colors-violet-400);
  }

  .text_violet\.500 {
    color: var(--colors-violet-500);
  }

  .text_violet\.600 {
    color: var(--colors-violet-600);
  }

  .text_violet\.700 {
    color: var(--colors-violet-700);
  }

  .text_violet\.800 {
    color: var(--colors-violet-800);
  }

  .text_violet\.900 {
    color: var(--colors-violet-900);
  }

  .text_violet\.950 {
    color: var(--colors-violet-950);
  }

  .text_indigo\.50 {
    color: var(--colors-indigo-50);
  }

  .text_indigo\.100 {
    color: var(--colors-indigo-100);
  }

  .text_indigo\.200 {
    color: var(--colors-indigo-200);
  }

  .text_indigo\.300 {
    color: var(--colors-indigo-300);
  }

  .text_indigo\.400 {
    color: var(--colors-indigo-400);
  }

  .text_indigo\.500 {
    color: var(--colors-indigo-500);
  }

  .text_indigo\.600 {
    color: var(--colors-indigo-600);
  }

  .text_indigo\.700 {
    color: var(--colors-indigo-700);
  }

  .text_indigo\.800 {
    color: var(--colors-indigo-800);
  }

  .text_indigo\.900 {
    color: var(--colors-indigo-900);
  }

  .text_indigo\.950 {
    color: var(--colors-indigo-950);
  }

  .text_sky\.50 {
    color: var(--colors-sky-50);
  }

  .text_sky\.100 {
    color: var(--colors-sky-100);
  }

  .text_sky\.200 {
    color: var(--colors-sky-200);
  }

  .text_sky\.300 {
    color: var(--colors-sky-300);
  }

  .text_sky\.400 {
    color: var(--colors-sky-400);
  }

  .text_sky\.500 {
    color: var(--colors-sky-500);
  }

  .text_sky\.600 {
    color: var(--colors-sky-600);
  }

  .text_sky\.700 {
    color: var(--colors-sky-700);
  }

  .text_sky\.800 {
    color: var(--colors-sky-800);
  }

  .text_sky\.900 {
    color: var(--colors-sky-900);
  }

  .text_sky\.950 {
    color: var(--colors-sky-950);
  }

  .text_cyan\.50 {
    color: var(--colors-cyan-50);
  }

  .text_cyan\.100 {
    color: var(--colors-cyan-100);
  }

  .text_cyan\.200 {
    color: var(--colors-cyan-200);
  }

  .text_cyan\.300 {
    color: var(--colors-cyan-300);
  }

  .text_cyan\.400 {
    color: var(--colors-cyan-400);
  }

  .text_cyan\.500 {
    color: var(--colors-cyan-500);
  }

  .text_cyan\.600 {
    color: var(--colors-cyan-600);
  }

  .text_cyan\.700 {
    color: var(--colors-cyan-700);
  }

  .text_cyan\.800 {
    color: var(--colors-cyan-800);
  }

  .text_cyan\.900 {
    color: var(--colors-cyan-900);
  }

  .text_cyan\.950 {
    color: var(--colors-cyan-950);
  }

  .text_teal\.50 {
    color: var(--colors-teal-50);
  }

  .text_teal\.100 {
    color: var(--colors-teal-100);
  }

  .text_teal\.200 {
    color: var(--colors-teal-200);
  }

  .text_teal\.300 {
    color: var(--colors-teal-300);
  }

  .text_teal\.400 {
    color: var(--colors-teal-400);
  }

  .text_teal\.500 {
    color: var(--colors-teal-500);
  }

  .text_teal\.600 {
    color: var(--colors-teal-600);
  }

  .text_teal\.700 {
    color: var(--colors-teal-700);
  }

  .text_teal\.800 {
    color: var(--colors-teal-800);
  }

  .text_teal\.900 {
    color: var(--colors-teal-900);
  }

  .text_teal\.950 {
    color: var(--colors-teal-950);
  }

  .text_emerald\.50 {
    color: var(--colors-emerald-50);
  }

  .text_emerald\.100 {
    color: var(--colors-emerald-100);
  }

  .text_emerald\.200 {
    color: var(--colors-emerald-200);
  }

  .text_emerald\.300 {
    color: var(--colors-emerald-300);
  }

  .text_emerald\.400 {
    color: var(--colors-emerald-400);
  }

  .text_emerald\.500 {
    color: var(--colors-emerald-500);
  }

  .text_emerald\.600 {
    color: var(--colors-emerald-600);
  }

  .text_emerald\.700 {
    color: var(--colors-emerald-700);
  }

  .text_emerald\.800 {
    color: var(--colors-emerald-800);
  }

  .text_emerald\.900 {
    color: var(--colors-emerald-900);
  }

  .text_emerald\.950 {
    color: var(--colors-emerald-950);
  }

  .text_lime\.50 {
    color: var(--colors-lime-50);
  }

  .text_lime\.100 {
    color: var(--colors-lime-100);
  }

  .text_lime\.200 {
    color: var(--colors-lime-200);
  }

  .text_lime\.300 {
    color: var(--colors-lime-300);
  }

  .text_lime\.400 {
    color: var(--colors-lime-400);
  }

  .text_lime\.500 {
    color: var(--colors-lime-500);
  }

  .text_lime\.600 {
    color: var(--colors-lime-600);
  }

  .text_lime\.700 {
    color: var(--colors-lime-700);
  }

  .text_lime\.800 {
    color: var(--colors-lime-800);
  }

  .text_lime\.900 {
    color: var(--colors-lime-900);
  }

  .text_lime\.950 {
    color: var(--colors-lime-950);
  }

  .text_amber\.50 {
    color: var(--colors-amber-50);
  }

  .text_amber\.100 {
    color: var(--colors-amber-100);
  }

  .text_amber\.200 {
    color: var(--colors-amber-200);
  }

  .text_amber\.300 {
    color: var(--colors-amber-300);
  }

  .text_amber\.400 {
    color: var(--colors-amber-400);
  }

  .text_amber\.500 {
    color: var(--colors-amber-500);
  }

  .text_amber\.600 {
    color: var(--colors-amber-600);
  }

  .text_amber\.700 {
    color: var(--colors-amber-700);
  }

  .text_amber\.800 {
    color: var(--colors-amber-800);
  }

  .text_amber\.900 {
    color: var(--colors-amber-900);
  }

  .text_amber\.950 {
    color: var(--colors-amber-950);
  }

  .text_stone\.50 {
    color: var(--colors-stone-50);
  }

  .text_stone\.100 {
    color: var(--colors-stone-100);
  }

  .text_stone\.200 {
    color: var(--colors-stone-200);
  }

  .text_stone\.300 {
    color: var(--colors-stone-300);
  }

  .text_stone\.400 {
    color: var(--colors-stone-400);
  }

  .text_stone\.500 {
    color: var(--colors-stone-500);
  }

  .text_stone\.600 {
    color: var(--colors-stone-600);
  }

  .text_stone\.700 {
    color: var(--colors-stone-700);
  }

  .text_stone\.800 {
    color: var(--colors-stone-800);
  }

  .text_stone\.900 {
    color: var(--colors-stone-900);
  }

  .text_stone\.950 {
    color: var(--colors-stone-950);
  }

  .text_zinc\.50 {
    color: var(--colors-zinc-50);
  }

  .text_zinc\.100 {
    color: var(--colors-zinc-100);
  }

  .text_zinc\.200 {
    color: var(--colors-zinc-200);
  }

  .text_zinc\.300 {
    color: var(--colors-zinc-300);
  }

  .text_zinc\.400 {
    color: var(--colors-zinc-400);
  }

  .text_zinc\.500 {
    color: var(--colors-zinc-500);
  }

  .text_zinc\.600 {
    color: var(--colors-zinc-600);
  }

  .text_zinc\.700 {
    color: var(--colors-zinc-700);
  }

  .text_zinc\.800 {
    color: var(--colors-zinc-800);
  }

  .text_zinc\.900 {
    color: var(--colors-zinc-900);
  }

  .text_zinc\.950 {
    color: var(--colors-zinc-950);
  }

  .text_gray\.50 {
    color: var(--colors-gray-50);
  }

  .text_gray\.100 {
    color: var(--colors-gray-100);
  }

  .text_gray\.200 {
    color: var(--colors-gray-200);
  }

  .text_gray\.300 {
    color: var(--colors-gray-300);
  }

  .text_gray\.400 {
    color: var(--colors-gray-400);
  }

  .text_gray\.500 {
    color: var(--colors-gray-500);
  }

  .text_gray\.600 {
    color: var(--colors-gray-600);
  }

  .text_gray\.700 {
    color: var(--colors-gray-700);
  }

  .text_gray\.800 {
    color: var(--colors-gray-800);
  }

  .text_gray\.900 {
    color: var(--colors-gray-900);
  }

  .text_gray\.950 {
    color: var(--colors-gray-950);
  }

  .text_slate\.50 {
    color: var(--colors-slate-50);
  }

  .text_slate\.100 {
    color: var(--colors-slate-100);
  }

  .text_slate\.200 {
    color: var(--colors-slate-200);
  }

  .text_slate\.300 {
    color: var(--colors-slate-300);
  }

  .text_slate\.400 {
    color: var(--colors-slate-400);
  }

  .text_slate\.500 {
    color: var(--colors-slate-500);
  }

  .text_slate\.600 {
    color: var(--colors-slate-600);
  }

  .text_slate\.700 {
    color: var(--colors-slate-700);
  }

  .text_slate\.800 {
    color: var(--colors-slate-800);
  }

  .text_slate\.900 {
    color: var(--colors-slate-900);
  }

  .text_slate\.950 {
    color: var(--colors-slate-950);
  }

  .text_neutral\.50 {
    color: var(--colors-neutral-50);
  }

  .text_neutral\.200 {
    color: var(--colors-neutral-200);
  }

  .text_neutral\.300 {
    color: var(--colors-neutral-300);
  }

  .text_neutral\.400 {
    color: var(--colors-neutral-400);
  }

  .text_neutral\.600 {
    color: var(--colors-neutral-600);
  }

  .text_neutral\.700 {
    color: var(--colors-neutral-700);
  }

  .text_neutral\.800 {
    color: var(--colors-neutral-800);
  }

  .text_neutral\.900 {
    color: var(--colors-neutral-900);
  }

  .text_neutral\.950 {
    color: var(--colors-neutral-950);
  }

  .text_red\.50 {
    color: var(--colors-red-50);
  }

  .text_red\.100 {
    color: var(--colors-red-100);
  }

  .text_red\.200 {
    color: var(--colors-red-200);
  }

  .text_red\.300 {
    color: var(--colors-red-300);
  }

  .text_red\.400 {
    color: var(--colors-red-400);
  }

  .text_red\.500 {
    color: var(--colors-red-500);
  }

  .text_red\.600 {
    color: var(--colors-red-600);
  }

  .text_red\.700 {
    color: var(--colors-red-700);
  }

  .text_red\.800 {
    color: var(--colors-red-800);
  }

  .text_red\.900 {
    color: var(--colors-red-900);
  }

  .text_red\.950 {
    color: var(--colors-red-950);
  }

  .text_orange\.50 {
    color: var(--colors-orange-50);
  }

  .text_orange\.100 {
    color: var(--colors-orange-100);
  }

  .text_orange\.200 {
    color: var(--colors-orange-200);
  }

  .text_orange\.300 {
    color: var(--colors-orange-300);
  }

  .text_orange\.400 {
    color: var(--colors-orange-400);
  }

  .text_orange\.500 {
    color: var(--colors-orange-500);
  }

  .text_orange\.600 {
    color: var(--colors-orange-600);
  }

  .text_orange\.700 {
    color: var(--colors-orange-700);
  }

  .text_orange\.800 {
    color: var(--colors-orange-800);
  }

  .text_orange\.900 {
    color: var(--colors-orange-900);
  }

  .text_orange\.950 {
    color: var(--colors-orange-950);
  }

  .text_yellow\.50 {
    color: var(--colors-yellow-50);
  }

  .text_yellow\.100 {
    color: var(--colors-yellow-100);
  }

  .text_yellow\.200 {
    color: var(--colors-yellow-200);
  }

  .text_yellow\.300 {
    color: var(--colors-yellow-300);
  }

  .text_yellow\.400 {
    color: var(--colors-yellow-400);
  }

  .text_yellow\.500 {
    color: var(--colors-yellow-500);
  }

  .text_yellow\.600 {
    color: var(--colors-yellow-600);
  }

  .text_yellow\.700 {
    color: var(--colors-yellow-700);
  }

  .text_yellow\.800 {
    color: var(--colors-yellow-800);
  }

  .text_yellow\.900 {
    color: var(--colors-yellow-900);
  }

  .text_yellow\.950 {
    color: var(--colors-yellow-950);
  }

  .text_green\.50 {
    color: var(--colors-green-50);
  }

  .text_green\.100 {
    color: var(--colors-green-100);
  }

  .text_green\.200 {
    color: var(--colors-green-200);
  }

  .text_green\.300 {
    color: var(--colors-green-300);
  }

  .text_green\.400 {
    color: var(--colors-green-400);
  }

  .text_green\.500 {
    color: var(--colors-green-500);
  }

  .text_green\.600 {
    color: var(--colors-green-600);
  }

  .text_green\.700 {
    color: var(--colors-green-700);
  }

  .text_green\.800 {
    color: var(--colors-green-800);
  }

  .text_green\.900 {
    color: var(--colors-green-900);
  }

  .text_green\.950 {
    color: var(--colors-green-950);
  }

  .text_blue\.50 {
    color: var(--colors-blue-50);
  }

  .text_blue\.100 {
    color: var(--colors-blue-100);
  }

  .text_blue\.200 {
    color: var(--colors-blue-200);
  }

  .text_blue\.300 {
    color: var(--colors-blue-300);
  }

  .text_blue\.400 {
    color: var(--colors-blue-400);
  }

  .text_blue\.500 {
    color: var(--colors-blue-500);
  }

  .text_blue\.600 {
    color: var(--colors-blue-600);
  }

  .text_blue\.700 {
    color: var(--colors-blue-700);
  }

  .text_blue\.800 {
    color: var(--colors-blue-800);
  }

  .text_blue\.900 {
    color: var(--colors-blue-900);
  }

  .text_blue\.950 {
    color: var(--colors-blue-950);
  }

  .text_purple\.50 {
    color: var(--colors-purple-50);
  }

  .text_purple\.100 {
    color: var(--colors-purple-100);
  }

  .text_purple\.200 {
    color: var(--colors-purple-200);
  }

  .text_purple\.300 {
    color: var(--colors-purple-300);
  }

  .text_purple\.400 {
    color: var(--colors-purple-400);
  }

  .text_purple\.500 {
    color: var(--colors-purple-500);
  }

  .text_purple\.600 {
    color: var(--colors-purple-600);
  }

  .text_purple\.700 {
    color: var(--colors-purple-700);
  }

  .text_purple\.800 {
    color: var(--colors-purple-800);
  }

  .text_purple\.900 {
    color: var(--colors-purple-900);
  }

  .text_purple\.950 {
    color: var(--colors-purple-950);
  }

  .text_pink\.50 {
    color: var(--colors-pink-50);
  }

  .text_pink\.100 {
    color: var(--colors-pink-100);
  }

  .text_pink\.200 {
    color: var(--colors-pink-200);
  }

  .text_pink\.300 {
    color: var(--colors-pink-300);
  }

  .text_pink\.400 {
    color: var(--colors-pink-400);
  }

  .text_pink\.500 {
    color: var(--colors-pink-500);
  }

  .text_pink\.600 {
    color: var(--colors-pink-600);
  }

  .text_pink\.700 {
    color: var(--colors-pink-700);
  }

  .text_pink\.800 {
    color: var(--colors-pink-800);
  }

  .text_pink\.900 {
    color: var(--colors-pink-900);
  }

  .text_pink\.950 {
    color: var(--colors-pink-950);
  }

  .text_bitterSweet\.50 {
    color: var(--colors-bitter-sweet-50);
  }

  .text_bitterSweet\.100 {
    color: var(--colors-bitter-sweet-100);
  }

  .text_bitterSweet\.200 {
    color: var(--colors-bitter-sweet-200);
  }

  .text_bitterSweet\.300 {
    color: var(--colors-bitter-sweet-300);
  }

  .text_bitterSweet\.400 {
    color: var(--colors-bitter-sweet-400);
  }

  .text_bitterSweet\.500 {
    color: var(--colors-bitter-sweet-500);
  }

  .text_bitterSweet\.600 {
    color: var(--colors-bitter-sweet-600);
  }

  .text_bitterSweet\.700 {
    color: var(--colors-bitter-sweet-700);
  }

  .text_bitterSweet\.800 {
    color: var(--colors-bitter-sweet-800);
  }

  .text_bitterSweet\.900 {
    color: var(--colors-bitter-sweet-900);
  }

  .text_bitterSweet\.950 {
    color: var(--colors-bitter-sweet-950);
  }

  .text_pigmo\.50 {
    color: var(--colors-pigmo-50);
  }

  .text_pigmo\.100 {
    color: var(--colors-pigmo-100);
  }

  .text_pigmo\.200 {
    color: var(--colors-pigmo-200);
  }

  .text_base {
    color: var(--colors-base);
  }

  .text_primary\.text {
    color: var(--colors-primary-text);
  }

  .text_primary\.light {
    color: var(--colors-primary-light);
  }

  .text_primary\.hover {
    color: var(--colors-primary-hover);
  }

  .text_secondary {
    color: var(--colors-secondary);
  }

  .text_danger {
    color: var(--colors-danger);
  }

  .text_text\.disabled {
    color: var(--colors-text-disabled);
  }

  .text_border {
    color: var(--colors-border);
  }

  .text_tone\.dark {
    color: var(--colors-tone-dark);
  }

  .text_tone\.mid {
    color: var(--colors-tone-mid);
  }

  .text_tone\.light {
    color: var(--colors-tone-light);
  }

  .text_tone\.font {
    color: var(--colors-tone-font);
  }

  .text_tone\.primary {
    color: var(--colors-tone-primary);
  }

  .text_selection {
    color: var(--colors-selection);
  }

  .text_colorPalette {
    color: var(--colors-color-palette);
  }

  .text_colorPalette\.50 {
    color: var(--colors-color-palette-50);
  }

  .text_colorPalette\.100 {
    color: var(--colors-color-palette-100);
  }

  .text_colorPalette\.200 {
    color: var(--colors-color-palette-200);
  }

  .text_colorPalette\.300 {
    color: var(--colors-color-palette-300);
  }

  .text_colorPalette\.400 {
    color: var(--colors-color-palette-400);
  }

  .text_colorPalette\.500 {
    color: var(--colors-color-palette-500);
  }

  .text_colorPalette\.600 {
    color: var(--colors-color-palette-600);
  }

  .text_colorPalette\.700 {
    color: var(--colors-color-palette-700);
  }

  .text_colorPalette\.800 {
    color: var(--colors-color-palette-800);
  }

  .text_colorPalette\.900 {
    color: var(--colors-color-palette-900);
  }

  .text_colorPalette\.950 {
    color: var(--colors-color-palette-950);
  }

  .text_colorPalette\.text {
    color: var(--colors-color-palette-text);
  }

  .text_colorPalette\.light {
    color: var(--colors-color-palette-light);
  }

  .text_colorPalette\.hover {
    color: var(--colors-color-palette-hover);
  }

  .text_colorPalette\.primary {
    color: var(--colors-color-palette-primary);
  }

  .text_colorPalette\.secondary {
    color: var(--colors-color-palette-secondary);
  }

  .text_colorPalette\.disabled {
    color: var(--colors-color-palette-disabled);
  }

  .text_colorPalette\.dark {
    color: var(--colors-color-palette-dark);
  }

  .text_colorPalette\.mid {
    color: var(--colors-color-palette-mid);
  }

  .text_colorPalette\.white {
    color: var(--colors-color-palette-white);
  }

  .text_colorPalette\.font {
    color: var(--colors-color-palette-font);
  }

  .text_colorPalette\.label {
    color: var(--colors-color-palette-label);
  }

  .items_center {
    align-items: center;
  }

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

  .flex_column {
    flex-direction: column;
  }

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

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

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

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

  .justify_center {
    justify-content: center;
  }

  .mb_-10px {
    margin-bottom: -10px;
  }

  .top_40\% {
    top: 40%;
  }

  .left_50\% {
    left: 50%;
  }

  .shrink_0 {
    flex-shrink: 0;
  }

  .font_700 {
    font-weight: 700;
  }

  .leading_1 {
    line-height: 1;
  }

  .grid-cols_repeat\(1\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

  .fs_14px {
    font-size: 14px;
  }

  .font_600 {
    font-weight: 600;
  }

  .bottom_calc\(100\%_\+_0\.5em\) {
    bottom: calc(100% + .5em);
  }

  .grid-cols_repeat\(2\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gap-y_2 {
    column-gap: var(--spacing-2);
  }

  .gap-x_2 {
    row-gap: var(--spacing-2);
  }

  .grid-rows_repeat\(2\,_1fr\) {
    grid-template-rows: repeat(2, 1fr);
  }

  .top_-8px {
    top: -8px;
  }

  .right_-8px {
    right: -8px;
  }

  .fs_xs {
    font-size: var(--font-sizes-xs);
  }

  .fs_sm {
    font-size: var(--font-sizes-sm);
  }

  .flex_row {
    flex-direction: row;
  }

  .fs_9px {
    font-size: 9px;
  }

  .leading_12px {
    line-height: 12px;
  }

  .leading_22px {
    line-height: 22px;
  }

  .items_stretch {
    align-items: stretch;
  }

  .grow_1 {
    flex-grow: 1;
  }

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

  .font_semibold {
    font-weight: var(--font-weights-semibold);
  }

  .leading_20px {
    line-height: 20px;
  }

  .mb_6px {
    margin-bottom: 6px;
  }

  .fs_4px {
    font-size: 4px;
  }

  .pb_4 {
    padding-bottom: var(--spacing-4);
  }

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

  .fs_min\(calc\(92cqw_\/_var\(--coin-cells\)\)\,_var\(--coin-cap\)\) {
    font-size: min(calc(92cqw / var(--coin-cells)), var(--coin-cap));
  }

  .top_var\(--coinflip-result-top\,_50\%\) {
    top: var(--coinflip-result-top, 50%);
  }

  .mask-image_linear-gradient\(to_right\,_black_80\%\,_transparent\) {
    -webkit-mask-image: linear-gradient(to right, #000 80%, #0000);
    mask-image: linear-gradient(to right, #000 80%, #0000);
  }

  .top_2px {
    top: 2px;
  }

  .fs_11px {
    font-size: 11px;
  }

  .mt_12px {
    margin-top: 12px;
  }

  .fs_12px {
    font-size: 12px;
  }

  .fs_13px {
    font-size: 13px;
  }

  .ml_8px {
    margin-left: 8px;
  }

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

  .pt_6 {
    padding-top: var(--spacing-6);
  }

  .mb_-35px {
    margin-bottom: -35px;
  }

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

  .pt_4 {
    padding-top: var(--spacing-4);
  }

  .mt_4 {
    margin-top: var(--spacing-4);
  }

  .grid-cols_repeat\(3\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fs_md {
    font-size: var(--font-sizes-md);
  }

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

  .top_50\% {
    top: 50%;
  }

  .bottom_calc\(100\%_\+_8px\) {
    bottom: calc(100% + 8px);
  }

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

  .top_100\% {
    top: 100%;
  }

  .bg_var\(--maktub-bg-dark\,_\#2B1E2E\) {
    background-color: var(--maktub-bg-dark, #2b1e2e);
  }

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

  .border-w_var\(--dice-ring-w\) {
    border-width: var(--dice-ring-w);
  }

  .border_var\(--dice-ring\) {
    border-color: var(--dice-ring);
  }

  .top_calc\(100\%_\+_var\(--dice-ring-w\)_-_1px\) {
    top: calc(100% + var(--dice-ring-w)  - 1px);
  }

  .left_14px {
    left: 14px;
  }

  .right_14px {
    right: 14px;
  }

  .top_19px {
    top: 19px;
  }

  .top_-2\% {
    top: -2%;
  }

  .left_-2\% {
    left: -2%;
  }

  .mt_-4px {
    margin-top: -4px;
  }

  .fs_10px {
    font-size: 10px;
  }

  .bottom_calc\(100\%_\+_var\(--dice-ring-w\)\) {
    bottom: calc(100% + var(--dice-ring-w));
  }

  .transition-prop_transform {
    --transition-prop: transform;
    transition-property: transform;
  }

  .duration_var\(--dice-slide-transition\) {
    --transition-duration: var(--dice-slide-transition);
    transition-duration: var(--dice-slide-transition);
  }

  .ease_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) {
    --transition-easing: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .font_var\(--maktub-font-family\) {
    font-family: var(--maktub-font-family);
  }

  .mt_4px {
    margin-top: 4px;
  }

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

  .bottom_calc\(100\%_\+_1em\) {
    bottom: calc(100% + 1em);
  }

  .mt_1em {
    margin-top: 1em;
  }

  .grid-cols_repeat\(8\,_1fr\) {
    grid-template-columns: repeat(8, 1fr);
  }

  .gap-y_0\.7em {
    column-gap: .7em;
  }

  .gap-x_1\.05em {
    row-gap: 1.05em;
  }

  .mb_0 {
    margin-bottom: var(--spacing-0);
  }

  .font_var\(--maktub-input-weight\,_400\) {
    font-weight: var(--maktub-input-weight, 400);
  }

  .numeric_tabular-nums {
    font-variant-numeric: tabular-nums;
  }

  .mt_0\.5rem {
    margin-top: .5rem;
  }

  .mb_0\.75rem {
    margin-bottom: .75rem;
  }

  .numeric_lining-nums_tabular-nums {
    font-variant-numeric: lining-nums tabular-nums;
  }

  .grid-cols_repeat\(5\,_1fr\) {
    grid-template-columns: repeat(5, 1fr);
  }

  .gap-y_0\.6em {
    column-gap: .6em;
  }

  .gap-x_0\.95em {
    row-gap: .95em;
  }

  .pt_2 {
    padding-top: var(--spacing-2);
  }

  .pb_1em {
    padding-bottom: 1em;
  }

  .right_5\% {
    right: 5%;
  }

  .border-w_0\.0625em {
    border-width: .0625em;
  }

  .border_rgba\(255\,_255\,_255\,_0\.08\) {
    border-color: #ffffff14;
  }

  .fs_1em {
    font-size: 1em;
  }

  .font_800 {
    font-weight: 800;
  }

  .animation-duration_var\(--duration\) {
    animation-duration: var(--duration);
  }

  .animation-timing-function_ease-out {
    animation-timing-function: ease-out;
  }

  .transition-prop_transform\,_filter\,_box-shadow {
    --transition-prop: transform, filter, box-shadow;
    transition-property: transform, filter, box-shadow;
  }

  .duration_var\(--duration\) {
    --transition-duration: var(--duration);
    transition-duration: var(--duration);
  }

  .fs_clamp\(9px\,_0\.95em\,_15px\) {
    font-size: clamp(9px, .95em, 15px);
  }

  .duration_normal {
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
  }

  .transition-prop_opacity {
    --transition-prop: opacity;
    transition-property: opacity;
  }

  .grid-template-areas_\'number0_number3_number6_number9_number12_number15_number18_number21_number24_number27_number30_number33_number36_row1\'_\'number0_number2_number5_number8_number11_number14_number17_number20_number23_number26_number29_number32_number35_row2\'_\'number0_number1_number4_number7_number10_number13_number16_number19_number22_number25_number28_number31_number34_row3\'_\'\._range0112_range0112_range0112_range0112_range1324_range1324_range1324_range1324_range2536_range2536_range2536_range2536_\.\'_\'\._range0118_range0118_parityEven_parityEven_red_red_black_black_parityOdd_parityOdd_range1936_range1936_\.\' {
    grid-template-areas: "number0 number3 number6 number9 number12 number15 number18 number21 number24 number27 number30 number33 number36 row1"
                         "number0 number2 number5 number8 number11 number14 number17 number20 number23 number26 number29 number32 number35 row2"
                         "number0 number1 number4 number7 number10 number13 number16 number19 number22 number25 number28 number31 number34 row3"
                         ". range0112 range0112 range0112 range0112 range1324 range1324 range1324 range1324 range2536 range2536 range2536 range2536 ."
                         ". range0118 range0118 parityEven parityEven red red black black parityOdd parityOdd range1936 range1936 .";
  }

  .grid-cols_repeat\(14\,_1fr\) {
    grid-template-columns: repeat(14, 1fr);
  }

  .grid-rows_repeat\(5\,_3em\) {
    grid-template-rows: repeat(5, 3em);
  }

  .justify-self_center {
    justify-self: center;
  }

  .grid-cols_repeat\(5\,_3em\) {
    grid-template-columns: repeat(5, 3em);
  }

  .grid-rows_repeat\(14\,_3em\) {
    grid-template-rows: repeat(14, 3em);
  }

  .grid-template-areas_\'\._\._number0_number0_number0\'_\'range0118_range0112_number1_number2_number3\'_\'range0118_range0112_number4_number5_number6\'_\'parityEven_range0112_number7_number8_number9\'_\'parityEven_range0112_number10_number11_number12\'_\'red_range1324_number13_number14_number15\'_\'red_range1324_number16_number17_number18\'_\'black_range1324_number19_number20_number21\'_\'black_range1324_number22_number23_number24\'_\'parityOdd_range2536_number25_number26_number27\'_\'parityOdd_range2536_number28_number29_number30\'_\'range1936_range2536_number31_number32_number33\'_\'range1936_range2536_number34_number35_number36\'_\'\._\._row3_row2_row1\' {
    grid-template-areas: ". . number0 number0 number0"
                         "range0118 range0112 number1 number2 number3"
                         "range0118 range0112 number4 number5 number6"
                         "parityEven range0112 number7 number8 number9"
                         "parityEven range0112 number10 number11 number12"
                         "red range1324 number13 number14 number15"
                         "red range1324 number16 number17 number18"
                         "black range1324 number19 number20 number21"
                         "black range1324 number22 number23 number24"
                         "parityOdd range2536 number25 number26 number27"
                         "parityOdd range2536 number28 number29 number30"
                         "range1936 range2536 number31 number32 number33"
                         "range1936 range2536 number34 number35 number36"
                         ". . row3 row2 row1";
  }

  .self_center {
    align-self: center;
  }

  .top_-0\.125em {
    top: -.125em;
  }

  .left_calc\(100\%_\+_0\.125em\) {
    left: calc(100% + .125em);
  }

  .left_-0\.125em {
    left: -.125em;
  }

  .self_flex-end {
    align-self: flex-end;
  }

  .justify-self_flex-start {
    justify-self: flex-start;
  }

  .fs_3xl {
    font-size: var(--font-sizes-3xl);
  }

  .border-w_1px {
    border-width: 1px;
  }

  .border_color-mix\(in_srgb\,_\#FFFFFF_10\%\,_transparent\) {
    border-color: #ffffff1a;
  }

  .pb_48px {
    padding-bottom: 48px;
  }

  .transition-prop_opacity\,_visibility {
    --transition-prop: opacity, visibility;
    transition-property: opacity, visibility;
  }

  .duration_0\.3s {
    --transition-duration: .3s;
    transition-duration: .3s;
  }

  .transition-prop_transform\,_opacity {
    --transition-prop: transform, opacity;
    transition-property: transform, opacity;
  }

  .duration_0\.2s {
    --transition-duration: .2s;
    transition-duration: .2s;
  }

  .ease_ease-out {
    --transition-easing: ease-out;
    transition-timing-function: ease-out;
  }

  .grid-cols_auto_minmax\(0\,_1fr\) {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-template-areas_\'result_board\'_\'lastBets_board\'_\'chipControls_chipControls\' {
    grid-template-areas: "result board"
                         "lastBets board"
                         "chipControls chipControls";
  }

  .bottom_calc\(100\%_\+_0\.5rem\) {
    bottom: calc(100% + .5rem);
  }

  .border_neutral\.300 {
    border-color: var(--colors-neutral-300);
  }

  .mb_4 {
    margin-bottom: var(--spacing-4);
  }

  .leading_normal {
    line-height: var(--line-heights-normal);
  }

  .font_inherit {
    font-family: inherit;
  }

  .fs_var\(--maktub-game-input-font-size\,_14px\) {
    font-size: var(--maktub-game-input-font-size, 14px);
  }

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

  .top_8px {
    top: 8px;
  }

  .mr_-4px {
    margin-right: -4px;
  }

  .leading_1\.2 {
    line-height: 1.2;
  }

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

  .border_currentColor {
    border-color: currentColor;
  }

  .border-t_transparent {
    border-top-color: var(--colors-transparent);
  }

  .animation-name_fade-in {
    animation-name: fade-in;
  }

  .animation-direction_alternate {
    animation-direction: alternate;
  }

  .animation-duration_650ms {
    animation-duration: .65s;
  }

  .animation-timing-function_linear {
    animation-timing-function: linear;
  }

  .animation-iteration-count_infinite {
    animation-iteration-count: infinite;
  }

  .animation-duration_240ms {
    animation-duration: .24s;
  }

  .animation-timing-function_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) {
    animation-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .flex_column-reverse {
    flex-direction: column-reverse;
  }

  .fs_8\.88888888888889px {
    font-size: 8.88889px;
  }

  .mt_0\.25rem {
    margin-top: .25rem;
  }

  .transition-prop_background\,_box-shadow\,_border-color\,_transform\,_opacity {
    --transition-prop: background, box-shadow, border-color, transform, opacity;
    transition-property: background, box-shadow, border-color, transform, opacity;
  }

  .pt_0\.75em {
    padding-top: .75em;
  }

  .pb_calc\(0\.75em_\+_3px\) {
    padding-bottom: calc(.75em + 3px);
  }

  .border_neutral\.200 {
    border-color: var(--colors-neutral-200);
  }

  .mb_1em {
    margin-bottom: 1em;
  }

  .fs_0\.75em {
    font-size: .75em;
  }

  .pt_10px {
    padding-top: 10px;
  }

  .pl_10px {
    padding-left: 10px;
  }

  .border_transparent {
    border-color: var(--colors-transparent);
  }

  .bg_var\(--maktub-bg-dark-light\,_\#1D121F\) {
    background-color: var(--maktub-bg-dark-light, #1d121f);
  }

  .bg_\#2A1B2E {
    background-color: #2a1b2e;
  }

  .border_primary {
    border-color: var(--colors-primary);
  }

  .mb_4px {
    margin-bottom: 4px;
  }

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

  .fs_16px {
    font-size: 16px;
  }

  .leading_none {
    line-height: var(--line-heights-none);
  }

  .fs_0\.7em {
    font-size: .7em;
  }

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

  .pt_8px {
    padding-top: 8px;
  }

  .pb_12px {
    padding-bottom: 12px;
  }

  .mt_auto {
    margin-top: auto;
  }

  .bottom_8px {
    bottom: 8px;
  }

  .leading_18px {
    line-height: 18px;
  }

  .pt_9px {
    padding-top: 9px;
  }

  .border_var\(--maktub-stroke\,_\#2C292F\) {
    border-color: var(--maktub-stroke, #2c292f);
  }

  .border_var\(--maktub-primary-tone\,_var\(--maktub-button-color\,_\#FFAB24\)\) {
    border-color: var(--maktub-primary-tone, var(--maktub-button-color, #ffab24));
  }

  .font_400 {
    font-weight: 400;
  }

  .mt_6px {
    margin-top: 6px;
  }

  .ml_auto {
    margin-left: auto;
  }

  .leading_19px {
    line-height: 19px;
  }

  .font_var\(--maktub-font-family\,_\'DM_Sans\'\)\,_sans-serif {
    font-family: var(--maktub-font-family, "DM Sans"), sans-serif;
  }

  .self_stretch {
    align-self: stretch;
  }

  .mt_8px {
    margin-top: 8px;
  }

  .mb_8px {
    margin-bottom: 8px;
  }

  .pl_6px {
    padding-left: 6px;
  }

  .pr_8px {
    padding-right: 8px;
  }

  .ml_0 {
    margin-left: var(--spacing-0);
  }

  .mr_8px {
    margin-right: 8px;
  }

  .top_41px {
    top: 41px;
  }

  .left_2px {
    left: 2px;
  }

  .pl_8px {
    padding-left: 8px;
  }

  .ml_11px {
    margin-left: 11px;
  }

  .mb_20px {
    margin-bottom: 20px;
  }

  .font_500 {
    font-weight: 500;
  }

  .mt_2px {
    margin-top: 2px;
  }

  .mt_10px {
    margin-top: 10px;
  }

  .pb_16px {
    padding-bottom: 16px;
  }

  .mt_20px {
    margin-top: 20px;
  }

  .ml_14px {
    margin-left: 14px;
  }

  .gap-y_8px {
    column-gap: 8px;
  }

  .gap-x_6px {
    row-gap: 6px;
  }

  .basis_100\% {
    flex-basis: 100%;
  }

  .leading_16px {
    line-height: 16px;
  }

  .mb_-1px {
    margin-bottom: -1px;
  }

  .border_var\(--maktub-primary-tone\,_\#FFAB24\) {
    border-color: var(--maktub-primary-tone, #ffab24);
  }

  .items_baseline {
    align-items: baseline;
  }

  .pl_18px {
    padding-left: 18px;
  }

  .pt_2px {
    padding-top: 2px;
  }

  .mb_16px {
    margin-bottom: 16px;
  }

  .mt_16px {
    margin-top: 16px;
  }

  .top_-20px {
    top: -20px;
  }

  .bottom_-20px {
    bottom: -20px;
  }

  .mask-image_linear-gradient\(90deg\,_transparent_calc\(50\%_-_100px\)\,_rgba\(0\,0\,0\,0\.236\)_calc\(50\%_-_76px\)\,_\#000_calc\(50\%_-_60px\)\,_\#000_calc\(50\%_\+_60px\)\,_rgba\(0\,0\,0\,0\.236\)_calc\(50\%_\+_76px\)\,_transparent_calc\(50\%_\+_100px\)\) {
    -webkit-mask-image: linear-gradient(90deg, #0000 calc(50% - 100px), #0000003c calc(50% - 76px), #000 calc(50% - 60px) calc(50% + 60px), #0000003c calc(50% + 76px), #0000 calc(50% + 100px));
    mask-image: linear-gradient(90deg, #0000 calc(50% - 100px), #0000003c calc(50% - 76px), #000 calc(50% - 60px) calc(50% + 60px), #0000003c calc(50% + 76px), #0000 calc(50% + 100px));
  }

  .top_20px {
    top: 20px;
  }

  .ml_-60px {
    margin-left: -60px;
  }

  .top_46px {
    top: 46px;
  }

  .pl_15px {
    padding-left: 15px;
  }

  .ml_6px {
    margin-left: 6px;
  }

  .leading_15px {
    line-height: 15px;
  }

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

  .fs_11\.5px {
    font-size: 11.5px;
  }

  .pt_16px {
    padding-top: 16px;
  }

  .leading_1\.5 {
    line-height: 1.5;
  }

  .pl_2 {
    padding-left: var(--spacing-2);
  }

  .pr_4 {
    padding-right: var(--spacing-4);
  }

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

  .fs_1\.25em {
    font-size: 1.25em;
  }

  .leading_1\.3 {
    line-height: 1.3;
  }

  .fs_0\.875em {
    font-size: .875em;
  }

  .leading_1\.2857 {
    line-height: 1.2857;
  }

  .leading_13px {
    line-height: 13px;
  }

  .fs_8px {
    font-size: 8px;
  }

  .leading_14px {
    line-height: 14px;
  }

  .bg_current {
    background-color: var(--colors-current);
  }

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

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

  .bg_transparent {
    background-color: var(--colors-transparent);
  }

  .bg_rose\.50 {
    background-color: var(--colors-rose-50);
  }

  .bg_rose\.100 {
    background-color: var(--colors-rose-100);
  }

  .bg_rose\.200 {
    background-color: var(--colors-rose-200);
  }

  .bg_rose\.300 {
    background-color: var(--colors-rose-300);
  }

  .bg_rose\.400 {
    background-color: var(--colors-rose-400);
  }

  .bg_rose\.500 {
    background-color: var(--colors-rose-500);
  }

  .bg_rose\.600 {
    background-color: var(--colors-rose-600);
  }

  .bg_rose\.700 {
    background-color: var(--colors-rose-700);
  }

  .bg_rose\.800 {
    background-color: var(--colors-rose-800);
  }

  .bg_rose\.900 {
    background-color: var(--colors-rose-900);
  }

  .bg_rose\.950 {
    background-color: var(--colors-rose-950);
  }

  .bg_fuchsia\.50 {
    background-color: var(--colors-fuchsia-50);
  }

  .bg_fuchsia\.100 {
    background-color: var(--colors-fuchsia-100);
  }

  .bg_fuchsia\.200 {
    background-color: var(--colors-fuchsia-200);
  }

  .bg_fuchsia\.300 {
    background-color: var(--colors-fuchsia-300);
  }

  .bg_fuchsia\.400 {
    background-color: var(--colors-fuchsia-400);
  }

  .bg_fuchsia\.500 {
    background-color: var(--colors-fuchsia-500);
  }

  .bg_fuchsia\.600 {
    background-color: var(--colors-fuchsia-600);
  }

  .bg_fuchsia\.700 {
    background-color: var(--colors-fuchsia-700);
  }

  .bg_fuchsia\.800 {
    background-color: var(--colors-fuchsia-800);
  }

  .bg_fuchsia\.900 {
    background-color: var(--colors-fuchsia-900);
  }

  .bg_fuchsia\.950 {
    background-color: var(--colors-fuchsia-950);
  }

  .bg_violet\.50 {
    background-color: var(--colors-violet-50);
  }

  .bg_violet\.100 {
    background-color: var(--colors-violet-100);
  }

  .bg_violet\.200 {
    background-color: var(--colors-violet-200);
  }

  .bg_violet\.300 {
    background-color: var(--colors-violet-300);
  }

  .bg_violet\.400 {
    background-color: var(--colors-violet-400);
  }

  .bg_violet\.500 {
    background-color: var(--colors-violet-500);
  }

  .bg_violet\.600 {
    background-color: var(--colors-violet-600);
  }

  .bg_violet\.700 {
    background-color: var(--colors-violet-700);
  }

  .bg_violet\.800 {
    background-color: var(--colors-violet-800);
  }

  .bg_violet\.900 {
    background-color: var(--colors-violet-900);
  }

  .bg_violet\.950 {
    background-color: var(--colors-violet-950);
  }

  .bg_indigo\.50 {
    background-color: var(--colors-indigo-50);
  }

  .bg_indigo\.100 {
    background-color: var(--colors-indigo-100);
  }

  .bg_indigo\.200 {
    background-color: var(--colors-indigo-200);
  }

  .bg_indigo\.300 {
    background-color: var(--colors-indigo-300);
  }

  .bg_indigo\.400 {
    background-color: var(--colors-indigo-400);
  }

  .bg_indigo\.500 {
    background-color: var(--colors-indigo-500);
  }

  .bg_indigo\.600 {
    background-color: var(--colors-indigo-600);
  }

  .bg_indigo\.700 {
    background-color: var(--colors-indigo-700);
  }

  .bg_indigo\.800 {
    background-color: var(--colors-indigo-800);
  }

  .bg_indigo\.900 {
    background-color: var(--colors-indigo-900);
  }

  .bg_indigo\.950 {
    background-color: var(--colors-indigo-950);
  }

  .bg_sky\.50 {
    background-color: var(--colors-sky-50);
  }

  .bg_sky\.100 {
    background-color: var(--colors-sky-100);
  }

  .bg_sky\.200 {
    background-color: var(--colors-sky-200);
  }

  .bg_sky\.300 {
    background-color: var(--colors-sky-300);
  }

  .bg_sky\.400 {
    background-color: var(--colors-sky-400);
  }

  .bg_sky\.500 {
    background-color: var(--colors-sky-500);
  }

  .bg_sky\.600 {
    background-color: var(--colors-sky-600);
  }

  .bg_sky\.700 {
    background-color: var(--colors-sky-700);
  }

  .bg_sky\.800 {
    background-color: var(--colors-sky-800);
  }

  .bg_sky\.900 {
    background-color: var(--colors-sky-900);
  }

  .bg_sky\.950 {
    background-color: var(--colors-sky-950);
  }

  .bg_cyan\.50 {
    background-color: var(--colors-cyan-50);
  }

  .bg_cyan\.100 {
    background-color: var(--colors-cyan-100);
  }

  .bg_cyan\.200 {
    background-color: var(--colors-cyan-200);
  }

  .bg_cyan\.300 {
    background-color: var(--colors-cyan-300);
  }

  .bg_cyan\.400 {
    background-color: var(--colors-cyan-400);
  }

  .bg_cyan\.500 {
    background-color: var(--colors-cyan-500);
  }

  .bg_cyan\.600 {
    background-color: var(--colors-cyan-600);
  }

  .bg_cyan\.700 {
    background-color: var(--colors-cyan-700);
  }

  .bg_cyan\.800 {
    background-color: var(--colors-cyan-800);
  }

  .bg_cyan\.900 {
    background-color: var(--colors-cyan-900);
  }

  .bg_cyan\.950 {
    background-color: var(--colors-cyan-950);
  }

  .bg_teal\.50 {
    background-color: var(--colors-teal-50);
  }

  .bg_teal\.100 {
    background-color: var(--colors-teal-100);
  }

  .bg_teal\.200 {
    background-color: var(--colors-teal-200);
  }

  .bg_teal\.300 {
    background-color: var(--colors-teal-300);
  }

  .bg_teal\.400 {
    background-color: var(--colors-teal-400);
  }

  .bg_teal\.500 {
    background-color: var(--colors-teal-500);
  }

  .bg_teal\.600 {
    background-color: var(--colors-teal-600);
  }

  .bg_teal\.700 {
    background-color: var(--colors-teal-700);
  }

  .bg_teal\.800 {
    background-color: var(--colors-teal-800);
  }

  .bg_teal\.900 {
    background-color: var(--colors-teal-900);
  }

  .bg_teal\.950 {
    background-color: var(--colors-teal-950);
  }

  .bg_emerald\.50 {
    background-color: var(--colors-emerald-50);
  }

  .bg_emerald\.100 {
    background-color: var(--colors-emerald-100);
  }

  .bg_emerald\.200 {
    background-color: var(--colors-emerald-200);
  }

  .bg_emerald\.300 {
    background-color: var(--colors-emerald-300);
  }

  .bg_emerald\.400 {
    background-color: var(--colors-emerald-400);
  }

  .bg_emerald\.500 {
    background-color: var(--colors-emerald-500);
  }

  .bg_emerald\.600 {
    background-color: var(--colors-emerald-600);
  }

  .bg_emerald\.700 {
    background-color: var(--colors-emerald-700);
  }

  .bg_emerald\.800 {
    background-color: var(--colors-emerald-800);
  }

  .bg_emerald\.900 {
    background-color: var(--colors-emerald-900);
  }

  .bg_emerald\.950 {
    background-color: var(--colors-emerald-950);
  }

  .bg_lime\.50 {
    background-color: var(--colors-lime-50);
  }

  .bg_lime\.100 {
    background-color: var(--colors-lime-100);
  }

  .bg_lime\.200 {
    background-color: var(--colors-lime-200);
  }

  .bg_lime\.300 {
    background-color: var(--colors-lime-300);
  }

  .bg_lime\.400 {
    background-color: var(--colors-lime-400);
  }

  .bg_lime\.500 {
    background-color: var(--colors-lime-500);
  }

  .bg_lime\.600 {
    background-color: var(--colors-lime-600);
  }

  .bg_lime\.700 {
    background-color: var(--colors-lime-700);
  }

  .bg_lime\.800 {
    background-color: var(--colors-lime-800);
  }

  .bg_lime\.900 {
    background-color: var(--colors-lime-900);
  }

  .bg_lime\.950 {
    background-color: var(--colors-lime-950);
  }

  .bg_amber\.50 {
    background-color: var(--colors-amber-50);
  }

  .bg_amber\.100 {
    background-color: var(--colors-amber-100);
  }

  .bg_amber\.200 {
    background-color: var(--colors-amber-200);
  }

  .bg_amber\.300 {
    background-color: var(--colors-amber-300);
  }

  .bg_amber\.400 {
    background-color: var(--colors-amber-400);
  }

  .bg_amber\.500 {
    background-color: var(--colors-amber-500);
  }

  .bg_amber\.600 {
    background-color: var(--colors-amber-600);
  }

  .bg_amber\.700 {
    background-color: var(--colors-amber-700);
  }

  .bg_amber\.800 {
    background-color: var(--colors-amber-800);
  }

  .bg_amber\.900 {
    background-color: var(--colors-amber-900);
  }

  .bg_amber\.950 {
    background-color: var(--colors-amber-950);
  }

  .bg_stone\.50 {
    background-color: var(--colors-stone-50);
  }

  .bg_stone\.100 {
    background-color: var(--colors-stone-100);
  }

  .bg_stone\.200 {
    background-color: var(--colors-stone-200);
  }

  .bg_stone\.300 {
    background-color: var(--colors-stone-300);
  }

  .bg_stone\.400 {
    background-color: var(--colors-stone-400);
  }

  .bg_stone\.500 {
    background-color: var(--colors-stone-500);
  }

  .bg_stone\.600 {
    background-color: var(--colors-stone-600);
  }

  .bg_stone\.700 {
    background-color: var(--colors-stone-700);
  }

  .bg_stone\.800 {
    background-color: var(--colors-stone-800);
  }

  .bg_stone\.900 {
    background-color: var(--colors-stone-900);
  }

  .bg_stone\.950 {
    background-color: var(--colors-stone-950);
  }

  .bg_zinc\.50 {
    background-color: var(--colors-zinc-50);
  }

  .bg_zinc\.100 {
    background-color: var(--colors-zinc-100);
  }

  .bg_zinc\.200 {
    background-color: var(--colors-zinc-200);
  }

  .bg_zinc\.300 {
    background-color: var(--colors-zinc-300);
  }

  .bg_zinc\.400 {
    background-color: var(--colors-zinc-400);
  }

  .bg_zinc\.500 {
    background-color: var(--colors-zinc-500);
  }

  .bg_zinc\.600 {
    background-color: var(--colors-zinc-600);
  }

  .bg_zinc\.700 {
    background-color: var(--colors-zinc-700);
  }

  .bg_zinc\.800 {
    background-color: var(--colors-zinc-800);
  }

  .bg_zinc\.900 {
    background-color: var(--colors-zinc-900);
  }

  .bg_zinc\.950 {
    background-color: var(--colors-zinc-950);
  }

  .bg_gray\.50 {
    background-color: var(--colors-gray-50);
  }

  .bg_gray\.100 {
    background-color: var(--colors-gray-100);
  }

  .bg_gray\.200 {
    background-color: var(--colors-gray-200);
  }

  .bg_gray\.300 {
    background-color: var(--colors-gray-300);
  }

  .bg_gray\.400 {
    background-color: var(--colors-gray-400);
  }

  .bg_gray\.500 {
    background-color: var(--colors-gray-500);
  }

  .bg_gray\.600 {
    background-color: var(--colors-gray-600);
  }

  .bg_gray\.700 {
    background-color: var(--colors-gray-700);
  }

  .bg_gray\.800 {
    background-color: var(--colors-gray-800);
  }

  .bg_gray\.900 {
    background-color: var(--colors-gray-900);
  }

  .bg_gray\.950 {
    background-color: var(--colors-gray-950);
  }

  .bg_slate\.50 {
    background-color: var(--colors-slate-50);
  }

  .bg_slate\.100 {
    background-color: var(--colors-slate-100);
  }

  .bg_slate\.200 {
    background-color: var(--colors-slate-200);
  }

  .bg_slate\.300 {
    background-color: var(--colors-slate-300);
  }

  .bg_slate\.400 {
    background-color: var(--colors-slate-400);
  }

  .bg_slate\.500 {
    background-color: var(--colors-slate-500);
  }

  .bg_slate\.600 {
    background-color: var(--colors-slate-600);
  }

  .bg_slate\.700 {
    background-color: var(--colors-slate-700);
  }

  .bg_slate\.800 {
    background-color: var(--colors-slate-800);
  }

  .bg_slate\.900 {
    background-color: var(--colors-slate-900);
  }

  .bg_slate\.950 {
    background-color: var(--colors-slate-950);
  }

  .bg_neutral\.50 {
    background-color: var(--colors-neutral-50);
  }

  .bg_neutral\.100 {
    background-color: var(--colors-neutral-100);
  }

  .bg_neutral\.200 {
    background-color: var(--colors-neutral-200);
  }

  .bg_neutral\.300 {
    background-color: var(--colors-neutral-300);
  }

  .bg_neutral\.400 {
    background-color: var(--colors-neutral-400);
  }

  .bg_neutral\.500 {
    background-color: var(--colors-neutral-500);
  }

  .bg_neutral\.600 {
    background-color: var(--colors-neutral-600);
  }

  .bg_neutral\.700 {
    background-color: var(--colors-neutral-700);
  }

  .bg_neutral\.800 {
    background-color: var(--colors-neutral-800);
  }

  .bg_neutral\.900 {
    background-color: var(--colors-neutral-900);
  }

  .bg_neutral\.950 {
    background-color: var(--colors-neutral-950);
  }

  .bg_red\.50 {
    background-color: var(--colors-red-50);
  }

  .bg_red\.100 {
    background-color: var(--colors-red-100);
  }

  .bg_red\.200 {
    background-color: var(--colors-red-200);
  }

  .bg_red\.300 {
    background-color: var(--colors-red-300);
  }

  .bg_red\.400 {
    background-color: var(--colors-red-400);
  }

  .bg_red\.500 {
    background-color: var(--colors-red-500);
  }

  .bg_red\.600 {
    background-color: var(--colors-red-600);
  }

  .bg_red\.700 {
    background-color: var(--colors-red-700);
  }

  .bg_red\.800 {
    background-color: var(--colors-red-800);
  }

  .bg_red\.900 {
    background-color: var(--colors-red-900);
  }

  .bg_red\.950 {
    background-color: var(--colors-red-950);
  }

  .bg_orange\.50 {
    background-color: var(--colors-orange-50);
  }

  .bg_orange\.100 {
    background-color: var(--colors-orange-100);
  }

  .bg_orange\.200 {
    background-color: var(--colors-orange-200);
  }

  .bg_orange\.300 {
    background-color: var(--colors-orange-300);
  }

  .bg_orange\.400 {
    background-color: var(--colors-orange-400);
  }

  .bg_orange\.500 {
    background-color: var(--colors-orange-500);
  }

  .bg_orange\.600 {
    background-color: var(--colors-orange-600);
  }

  .bg_orange\.700 {
    background-color: var(--colors-orange-700);
  }

  .bg_orange\.800 {
    background-color: var(--colors-orange-800);
  }

  .bg_orange\.900 {
    background-color: var(--colors-orange-900);
  }

  .bg_orange\.950 {
    background-color: var(--colors-orange-950);
  }

  .bg_yellow\.50 {
    background-color: var(--colors-yellow-50);
  }

  .bg_yellow\.100 {
    background-color: var(--colors-yellow-100);
  }

  .bg_yellow\.200 {
    background-color: var(--colors-yellow-200);
  }

  .bg_yellow\.300 {
    background-color: var(--colors-yellow-300);
  }

  .bg_yellow\.400 {
    background-color: var(--colors-yellow-400);
  }

  .bg_yellow\.500 {
    background-color: var(--colors-yellow-500);
  }

  .bg_yellow\.600 {
    background-color: var(--colors-yellow-600);
  }

  .bg_yellow\.700 {
    background-color: var(--colors-yellow-700);
  }

  .bg_yellow\.800 {
    background-color: var(--colors-yellow-800);
  }

  .bg_yellow\.900 {
    background-color: var(--colors-yellow-900);
  }

  .bg_yellow\.950 {
    background-color: var(--colors-yellow-950);
  }

  .bg_green\.50 {
    background-color: var(--colors-green-50);
  }

  .bg_green\.100 {
    background-color: var(--colors-green-100);
  }

  .bg_green\.200 {
    background-color: var(--colors-green-200);
  }

  .bg_green\.300 {
    background-color: var(--colors-green-300);
  }

  .bg_green\.400 {
    background-color: var(--colors-green-400);
  }

  .bg_green\.500 {
    background-color: var(--colors-green-500);
  }

  .bg_green\.600 {
    background-color: var(--colors-green-600);
  }

  .bg_green\.700 {
    background-color: var(--colors-green-700);
  }

  .bg_green\.800 {
    background-color: var(--colors-green-800);
  }

  .bg_green\.900 {
    background-color: var(--colors-green-900);
  }

  .bg_green\.950 {
    background-color: var(--colors-green-950);
  }

  .bg_blue\.50 {
    background-color: var(--colors-blue-50);
  }

  .bg_blue\.100 {
    background-color: var(--colors-blue-100);
  }

  .bg_blue\.200 {
    background-color: var(--colors-blue-200);
  }

  .bg_blue\.300 {
    background-color: var(--colors-blue-300);
  }

  .bg_blue\.400 {
    background-color: var(--colors-blue-400);
  }

  .bg_blue\.500 {
    background-color: var(--colors-blue-500);
  }

  .bg_blue\.600 {
    background-color: var(--colors-blue-600);
  }

  .bg_blue\.700 {
    background-color: var(--colors-blue-700);
  }

  .bg_blue\.800 {
    background-color: var(--colors-blue-800);
  }

  .bg_blue\.900 {
    background-color: var(--colors-blue-900);
  }

  .bg_blue\.950 {
    background-color: var(--colors-blue-950);
  }

  .bg_purple\.50 {
    background-color: var(--colors-purple-50);
  }

  .bg_purple\.100 {
    background-color: var(--colors-purple-100);
  }

  .bg_purple\.200 {
    background-color: var(--colors-purple-200);
  }

  .bg_purple\.300 {
    background-color: var(--colors-purple-300);
  }

  .bg_purple\.400 {
    background-color: var(--colors-purple-400);
  }

  .bg_purple\.500 {
    background-color: var(--colors-purple-500);
  }

  .bg_purple\.600 {
    background-color: var(--colors-purple-600);
  }

  .bg_purple\.700 {
    background-color: var(--colors-purple-700);
  }

  .bg_purple\.800 {
    background-color: var(--colors-purple-800);
  }

  .bg_purple\.900 {
    background-color: var(--colors-purple-900);
  }

  .bg_purple\.950 {
    background-color: var(--colors-purple-950);
  }

  .bg_pink\.50 {
    background-color: var(--colors-pink-50);
  }

  .bg_pink\.100 {
    background-color: var(--colors-pink-100);
  }

  .bg_pink\.200 {
    background-color: var(--colors-pink-200);
  }

  .bg_pink\.300 {
    background-color: var(--colors-pink-300);
  }

  .bg_pink\.400 {
    background-color: var(--colors-pink-400);
  }

  .bg_pink\.500 {
    background-color: var(--colors-pink-500);
  }

  .bg_pink\.600 {
    background-color: var(--colors-pink-600);
  }

  .bg_pink\.700 {
    background-color: var(--colors-pink-700);
  }

  .bg_pink\.800 {
    background-color: var(--colors-pink-800);
  }

  .bg_pink\.900 {
    background-color: var(--colors-pink-900);
  }

  .bg_pink\.950 {
    background-color: var(--colors-pink-950);
  }

  .bg_bitterSweet\.50 {
    background-color: var(--colors-bitter-sweet-50);
  }

  .bg_bitterSweet\.100 {
    background-color: var(--colors-bitter-sweet-100);
  }

  .bg_bitterSweet\.200 {
    background-color: var(--colors-bitter-sweet-200);
  }

  .bg_bitterSweet\.300 {
    background-color: var(--colors-bitter-sweet-300);
  }

  .bg_bitterSweet\.400 {
    background-color: var(--colors-bitter-sweet-400);
  }

  .bg_bitterSweet\.500 {
    background-color: var(--colors-bitter-sweet-500);
  }

  .bg_bitterSweet\.600 {
    background-color: var(--colors-bitter-sweet-600);
  }

  .bg_bitterSweet\.700 {
    background-color: var(--colors-bitter-sweet-700);
  }

  .bg_bitterSweet\.800 {
    background-color: var(--colors-bitter-sweet-800);
  }

  .bg_bitterSweet\.900 {
    background-color: var(--colors-bitter-sweet-900);
  }

  .bg_bitterSweet\.950 {
    background-color: var(--colors-bitter-sweet-950);
  }

  .bg_pigmo\.50 {
    background-color: var(--colors-pigmo-50);
  }

  .bg_pigmo\.100 {
    background-color: var(--colors-pigmo-100);
  }

  .bg_pigmo\.200 {
    background-color: var(--colors-pigmo-200);
  }

  .bg_base {
    background-color: var(--colors-base);
  }

  .bg_primary {
    background-color: var(--colors-primary);
  }

  .bg_primary\.text {
    background-color: var(--colors-primary-text);
  }

  .bg_primary\.light {
    background-color: var(--colors-primary-light);
  }

  .bg_primary\.hover {
    background-color: var(--colors-primary-hover);
  }

  .bg_secondary {
    background-color: var(--colors-secondary);
  }

  .bg_success {
    background-color: var(--colors-success);
  }

  .bg_info {
    background-color: var(--colors-info);
  }

  .bg_error {
    background-color: var(--colors-error);
  }

  .bg_warning {
    background-color: var(--colors-warning);
  }

  .bg_danger {
    background-color: var(--colors-danger);
  }

  .bg_text\.primary {
    background-color: var(--colors-text-primary);
  }

  .bg_text\.secondary {
    background-color: var(--colors-text-secondary);
  }

  .bg_text\.disabled {
    background-color: var(--colors-text-disabled);
  }

  .bg_border {
    background-color: var(--colors-border);
  }

  .bg_tone\.dark {
    background-color: var(--colors-tone-dark);
  }

  .bg_tone\.mid {
    background-color: var(--colors-tone-mid);
  }

  .bg_tone\.light {
    background-color: var(--colors-tone-light);
  }

  .bg_tone\.white {
    background-color: var(--colors-tone-white);
  }

  .bg_tone\.font {
    background-color: var(--colors-tone-font);
  }

  .bg_tone\.label {
    background-color: var(--colors-tone-label);
  }

  .bg_tone\.primary {
    background-color: var(--colors-tone-primary);
  }

  .bg_selection {
    background-color: var(--colors-selection);
  }

  .bg_colorPalette {
    background-color: var(--colors-color-palette);
  }

  .bg_colorPalette\.50 {
    background-color: var(--colors-color-palette-50);
  }

  .bg_colorPalette\.100 {
    background-color: var(--colors-color-palette-100);
  }

  .bg_colorPalette\.200 {
    background-color: var(--colors-color-palette-200);
  }

  .bg_colorPalette\.300 {
    background-color: var(--colors-color-palette-300);
  }

  .bg_colorPalette\.400 {
    background-color: var(--colors-color-palette-400);
  }

  .bg_colorPalette\.500 {
    background-color: var(--colors-color-palette-500);
  }

  .bg_colorPalette\.600 {
    background-color: var(--colors-color-palette-600);
  }

  .bg_colorPalette\.700 {
    background-color: var(--colors-color-palette-700);
  }

  .bg_colorPalette\.800 {
    background-color: var(--colors-color-palette-800);
  }

  .bg_colorPalette\.900 {
    background-color: var(--colors-color-palette-900);
  }

  .bg_colorPalette\.950 {
    background-color: var(--colors-color-palette-950);
  }

  .bg_colorPalette\.text {
    background-color: var(--colors-color-palette-text);
  }

  .bg_colorPalette\.light {
    background-color: var(--colors-color-palette-light);
  }

  .bg_colorPalette\.hover {
    background-color: var(--colors-color-palette-hover);
  }

  .bg_colorPalette\.primary {
    background-color: var(--colors-color-palette-primary);
  }

  .bg_colorPalette\.secondary {
    background-color: var(--colors-color-palette-secondary);
  }

  .bg_colorPalette\.disabled {
    background-color: var(--colors-color-palette-disabled);
  }

  .bg_colorPalette\.dark {
    background-color: var(--colors-color-palette-dark);
  }

  .bg_colorPalette\.mid {
    background-color: var(--colors-color-palette-mid);
  }

  .bg_colorPalette\.white {
    background-color: var(--colors-color-palette-white);
  }

  .bg_colorPalette\.font {
    background-color: var(--colors-color-palette-font);
  }

  .bg_colorPalette\.label {
    background-color: var(--colors-color-palette-label);
  }

  .border_current {
    border-color: var(--colors-current);
  }

  .border_black {
    border-color: var(--colors-black);
  }

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

  .border_rose\.50 {
    border-color: var(--colors-rose-50);
  }

  .border_rose\.100 {
    border-color: var(--colors-rose-100);
  }

  .border_rose\.200 {
    border-color: var(--colors-rose-200);
  }

  .border_rose\.300 {
    border-color: var(--colors-rose-300);
  }

  .border_rose\.400 {
    border-color: var(--colors-rose-400);
  }

  .border_rose\.500 {
    border-color: var(--colors-rose-500);
  }

  .border_rose\.600 {
    border-color: var(--colors-rose-600);
  }

  .border_rose\.700 {
    border-color: var(--colors-rose-700);
  }

  .border_rose\.800 {
    border-color: var(--colors-rose-800);
  }

  .border_rose\.900 {
    border-color: var(--colors-rose-900);
  }

  .border_rose\.950 {
    border-color: var(--colors-rose-950);
  }

  .border_fuchsia\.50 {
    border-color: var(--colors-fuchsia-50);
  }

  .border_fuchsia\.100 {
    border-color: var(--colors-fuchsia-100);
  }

  .border_fuchsia\.200 {
    border-color: var(--colors-fuchsia-200);
  }

  .border_fuchsia\.300 {
    border-color: var(--colors-fuchsia-300);
  }

  .border_fuchsia\.400 {
    border-color: var(--colors-fuchsia-400);
  }

  .border_fuchsia\.500 {
    border-color: var(--colors-fuchsia-500);
  }

  .border_fuchsia\.600 {
    border-color: var(--colors-fuchsia-600);
  }

  .border_fuchsia\.700 {
    border-color: var(--colors-fuchsia-700);
  }

  .border_fuchsia\.800 {
    border-color: var(--colors-fuchsia-800);
  }

  .border_fuchsia\.900 {
    border-color: var(--colors-fuchsia-900);
  }

  .border_fuchsia\.950 {
    border-color: var(--colors-fuchsia-950);
  }

  .border_violet\.50 {
    border-color: var(--colors-violet-50);
  }

  .border_violet\.100 {
    border-color: var(--colors-violet-100);
  }

  .border_violet\.200 {
    border-color: var(--colors-violet-200);
  }

  .border_violet\.300 {
    border-color: var(--colors-violet-300);
  }

  .border_violet\.400 {
    border-color: var(--colors-violet-400);
  }

  .border_violet\.500 {
    border-color: var(--colors-violet-500);
  }

  .border_violet\.600 {
    border-color: var(--colors-violet-600);
  }

  .border_violet\.700 {
    border-color: var(--colors-violet-700);
  }

  .border_violet\.800 {
    border-color: var(--colors-violet-800);
  }

  .border_violet\.900 {
    border-color: var(--colors-violet-900);
  }

  .border_violet\.950 {
    border-color: var(--colors-violet-950);
  }

  .border_indigo\.50 {
    border-color: var(--colors-indigo-50);
  }

  .border_indigo\.100 {
    border-color: var(--colors-indigo-100);
  }

  .border_indigo\.200 {
    border-color: var(--colors-indigo-200);
  }

  .border_indigo\.300 {
    border-color: var(--colors-indigo-300);
  }

  .border_indigo\.400 {
    border-color: var(--colors-indigo-400);
  }

  .border_indigo\.500 {
    border-color: var(--colors-indigo-500);
  }

  .border_indigo\.600 {
    border-color: var(--colors-indigo-600);
  }

  .border_indigo\.700 {
    border-color: var(--colors-indigo-700);
  }

  .border_indigo\.800 {
    border-color: var(--colors-indigo-800);
  }

  .border_indigo\.900 {
    border-color: var(--colors-indigo-900);
  }

  .border_indigo\.950 {
    border-color: var(--colors-indigo-950);
  }

  .border_sky\.50 {
    border-color: var(--colors-sky-50);
  }

  .border_sky\.100 {
    border-color: var(--colors-sky-100);
  }

  .border_sky\.200 {
    border-color: var(--colors-sky-200);
  }

  .border_sky\.300 {
    border-color: var(--colors-sky-300);
  }

  .border_sky\.400 {
    border-color: var(--colors-sky-400);
  }

  .border_sky\.500 {
    border-color: var(--colors-sky-500);
  }

  .border_sky\.600 {
    border-color: var(--colors-sky-600);
  }

  .border_sky\.700 {
    border-color: var(--colors-sky-700);
  }

  .border_sky\.800 {
    border-color: var(--colors-sky-800);
  }

  .border_sky\.900 {
    border-color: var(--colors-sky-900);
  }

  .border_sky\.950 {
    border-color: var(--colors-sky-950);
  }

  .border_cyan\.50 {
    border-color: var(--colors-cyan-50);
  }

  .border_cyan\.100 {
    border-color: var(--colors-cyan-100);
  }

  .border_cyan\.200 {
    border-color: var(--colors-cyan-200);
  }

  .border_cyan\.300 {
    border-color: var(--colors-cyan-300);
  }

  .border_cyan\.400 {
    border-color: var(--colors-cyan-400);
  }

  .border_cyan\.500 {
    border-color: var(--colors-cyan-500);
  }

  .border_cyan\.600 {
    border-color: var(--colors-cyan-600);
  }

  .border_cyan\.700 {
    border-color: var(--colors-cyan-700);
  }

  .border_cyan\.800 {
    border-color: var(--colors-cyan-800);
  }

  .border_cyan\.900 {
    border-color: var(--colors-cyan-900);
  }

  .border_cyan\.950 {
    border-color: var(--colors-cyan-950);
  }

  .border_teal\.50 {
    border-color: var(--colors-teal-50);
  }

  .border_teal\.100 {
    border-color: var(--colors-teal-100);
  }

  .border_teal\.200 {
    border-color: var(--colors-teal-200);
  }

  .border_teal\.300 {
    border-color: var(--colors-teal-300);
  }

  .border_teal\.400 {
    border-color: var(--colors-teal-400);
  }

  .border_teal\.500 {
    border-color: var(--colors-teal-500);
  }

  .border_teal\.600 {
    border-color: var(--colors-teal-600);
  }

  .border_teal\.700 {
    border-color: var(--colors-teal-700);
  }

  .border_teal\.800 {
    border-color: var(--colors-teal-800);
  }

  .border_teal\.900 {
    border-color: var(--colors-teal-900);
  }

  .border_teal\.950 {
    border-color: var(--colors-teal-950);
  }

  .border_emerald\.50 {
    border-color: var(--colors-emerald-50);
  }

  .border_emerald\.100 {
    border-color: var(--colors-emerald-100);
  }

  .border_emerald\.200 {
    border-color: var(--colors-emerald-200);
  }

  .border_emerald\.300 {
    border-color: var(--colors-emerald-300);
  }

  .border_emerald\.400 {
    border-color: var(--colors-emerald-400);
  }

  .border_emerald\.500 {
    border-color: var(--colors-emerald-500);
  }

  .border_emerald\.600 {
    border-color: var(--colors-emerald-600);
  }

  .border_emerald\.700 {
    border-color: var(--colors-emerald-700);
  }

  .border_emerald\.800 {
    border-color: var(--colors-emerald-800);
  }

  .border_emerald\.900 {
    border-color: var(--colors-emerald-900);
  }

  .border_emerald\.950 {
    border-color: var(--colors-emerald-950);
  }

  .border_lime\.50 {
    border-color: var(--colors-lime-50);
  }

  .border_lime\.100 {
    border-color: var(--colors-lime-100);
  }

  .border_lime\.200 {
    border-color: var(--colors-lime-200);
  }

  .border_lime\.300 {
    border-color: var(--colors-lime-300);
  }

  .border_lime\.400 {
    border-color: var(--colors-lime-400);
  }

  .border_lime\.500 {
    border-color: var(--colors-lime-500);
  }

  .border_lime\.600 {
    border-color: var(--colors-lime-600);
  }

  .border_lime\.700 {
    border-color: var(--colors-lime-700);
  }

  .border_lime\.800 {
    border-color: var(--colors-lime-800);
  }

  .border_lime\.900 {
    border-color: var(--colors-lime-900);
  }

  .border_lime\.950 {
    border-color: var(--colors-lime-950);
  }

  .border_amber\.50 {
    border-color: var(--colors-amber-50);
  }

  .border_amber\.100 {
    border-color: var(--colors-amber-100);
  }

  .border_amber\.200 {
    border-color: var(--colors-amber-200);
  }

  .border_amber\.300 {
    border-color: var(--colors-amber-300);
  }

  .border_amber\.400 {
    border-color: var(--colors-amber-400);
  }

  .border_amber\.500 {
    border-color: var(--colors-amber-500);
  }

  .border_amber\.600 {
    border-color: var(--colors-amber-600);
  }

  .border_amber\.700 {
    border-color: var(--colors-amber-700);
  }

  .border_amber\.800 {
    border-color: var(--colors-amber-800);
  }

  .border_amber\.900 {
    border-color: var(--colors-amber-900);
  }

  .border_amber\.950 {
    border-color: var(--colors-amber-950);
  }

  .border_stone\.50 {
    border-color: var(--colors-stone-50);
  }

  .border_stone\.100 {
    border-color: var(--colors-stone-100);
  }

  .border_stone\.200 {
    border-color: var(--colors-stone-200);
  }

  .border_stone\.300 {
    border-color: var(--colors-stone-300);
  }

  .border_stone\.400 {
    border-color: var(--colors-stone-400);
  }

  .border_stone\.500 {
    border-color: var(--colors-stone-500);
  }

  .border_stone\.600 {
    border-color: var(--colors-stone-600);
  }

  .border_stone\.700 {
    border-color: var(--colors-stone-700);
  }

  .border_stone\.800 {
    border-color: var(--colors-stone-800);
  }

  .border_stone\.900 {
    border-color: var(--colors-stone-900);
  }

  .border_stone\.950 {
    border-color: var(--colors-stone-950);
  }

  .border_zinc\.50 {
    border-color: var(--colors-zinc-50);
  }

  .border_zinc\.100 {
    border-color: var(--colors-zinc-100);
  }

  .border_zinc\.200 {
    border-color: var(--colors-zinc-200);
  }

  .border_zinc\.300 {
    border-color: var(--colors-zinc-300);
  }

  .border_zinc\.400 {
    border-color: var(--colors-zinc-400);
  }

  .border_zinc\.500 {
    border-color: var(--colors-zinc-500);
  }

  .border_zinc\.600 {
    border-color: var(--colors-zinc-600);
  }

  .border_zinc\.700 {
    border-color: var(--colors-zinc-700);
  }

  .border_zinc\.800 {
    border-color: var(--colors-zinc-800);
  }

  .border_zinc\.900 {
    border-color: var(--colors-zinc-900);
  }

  .border_zinc\.950 {
    border-color: var(--colors-zinc-950);
  }

  .border_gray\.50 {
    border-color: var(--colors-gray-50);
  }

  .border_gray\.100 {
    border-color: var(--colors-gray-100);
  }

  .border_gray\.200 {
    border-color: var(--colors-gray-200);
  }

  .border_gray\.300 {
    border-color: var(--colors-gray-300);
  }

  .border_gray\.400 {
    border-color: var(--colors-gray-400);
  }

  .border_gray\.500 {
    border-color: var(--colors-gray-500);
  }

  .border_gray\.600 {
    border-color: var(--colors-gray-600);
  }

  .border_gray\.700 {
    border-color: var(--colors-gray-700);
  }

  .border_gray\.800 {
    border-color: var(--colors-gray-800);
  }

  .border_gray\.900 {
    border-color: var(--colors-gray-900);
  }

  .border_gray\.950 {
    border-color: var(--colors-gray-950);
  }

  .border_slate\.50 {
    border-color: var(--colors-slate-50);
  }

  .border_slate\.100 {
    border-color: var(--colors-slate-100);
  }

  .border_slate\.200 {
    border-color: var(--colors-slate-200);
  }

  .border_slate\.300 {
    border-color: var(--colors-slate-300);
  }

  .border_slate\.400 {
    border-color: var(--colors-slate-400);
  }

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

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

  .border_slate\.700 {
    border-color: var(--colors-slate-700);
  }

  .border_slate\.800 {
    border-color: var(--colors-slate-800);
  }

  .border_slate\.900 {
    border-color: var(--colors-slate-900);
  }

  .border_slate\.950 {
    border-color: var(--colors-slate-950);
  }

  .border_neutral\.50 {
    border-color: var(--colors-neutral-50);
  }

  .border_neutral\.100 {
    border-color: var(--colors-neutral-100);
  }

  .border_neutral\.400 {
    border-color: var(--colors-neutral-400);
  }

  .border_neutral\.500 {
    border-color: var(--colors-neutral-500);
  }

  .border_neutral\.600 {
    border-color: var(--colors-neutral-600);
  }

  .border_neutral\.700 {
    border-color: var(--colors-neutral-700);
  }

  .border_neutral\.800 {
    border-color: var(--colors-neutral-800);
  }

  .border_neutral\.900 {
    border-color: var(--colors-neutral-900);
  }

  .border_neutral\.950 {
    border-color: var(--colors-neutral-950);
  }

  .border_red\.50 {
    border-color: var(--colors-red-50);
  }

  .border_red\.100 {
    border-color: var(--colors-red-100);
  }

  .border_red\.200 {
    border-color: var(--colors-red-200);
  }

  .border_red\.300 {
    border-color: var(--colors-red-300);
  }

  .border_red\.400 {
    border-color: var(--colors-red-400);
  }

  .border_red\.500 {
    border-color: var(--colors-red-500);
  }

  .border_red\.600 {
    border-color: var(--colors-red-600);
  }

  .border_red\.700 {
    border-color: var(--colors-red-700);
  }

  .border_red\.800 {
    border-color: var(--colors-red-800);
  }

  .border_red\.900 {
    border-color: var(--colors-red-900);
  }

  .border_red\.950 {
    border-color: var(--colors-red-950);
  }

  .border_orange\.50 {
    border-color: var(--colors-orange-50);
  }

  .border_orange\.100 {
    border-color: var(--colors-orange-100);
  }

  .border_orange\.200 {
    border-color: var(--colors-orange-200);
  }

  .border_orange\.300 {
    border-color: var(--colors-orange-300);
  }

  .border_orange\.400 {
    border-color: var(--colors-orange-400);
  }

  .border_orange\.500 {
    border-color: var(--colors-orange-500);
  }

  .border_orange\.600 {
    border-color: var(--colors-orange-600);
  }

  .border_orange\.700 {
    border-color: var(--colors-orange-700);
  }

  .border_orange\.800 {
    border-color: var(--colors-orange-800);
  }

  .border_orange\.900 {
    border-color: var(--colors-orange-900);
  }

  .border_orange\.950 {
    border-color: var(--colors-orange-950);
  }

  .border_yellow\.50 {
    border-color: var(--colors-yellow-50);
  }

  .border_yellow\.100 {
    border-color: var(--colors-yellow-100);
  }

  .border_yellow\.200 {
    border-color: var(--colors-yellow-200);
  }

  .border_yellow\.300 {
    border-color: var(--colors-yellow-300);
  }

  .border_yellow\.400 {
    border-color: var(--colors-yellow-400);
  }

  .border_yellow\.500 {
    border-color: var(--colors-yellow-500);
  }

  .border_yellow\.600 {
    border-color: var(--colors-yellow-600);
  }

  .border_yellow\.700 {
    border-color: var(--colors-yellow-700);
  }

  .border_yellow\.800 {
    border-color: var(--colors-yellow-800);
  }

  .border_yellow\.900 {
    border-color: var(--colors-yellow-900);
  }

  .border_yellow\.950 {
    border-color: var(--colors-yellow-950);
  }

  .border_green\.50 {
    border-color: var(--colors-green-50);
  }

  .border_green\.100 {
    border-color: var(--colors-green-100);
  }

  .border_green\.200 {
    border-color: var(--colors-green-200);
  }

  .border_green\.300 {
    border-color: var(--colors-green-300);
  }

  .border_green\.400 {
    border-color: var(--colors-green-400);
  }

  .border_green\.500 {
    border-color: var(--colors-green-500);
  }

  .border_green\.600 {
    border-color: var(--colors-green-600);
  }

  .border_green\.700 {
    border-color: var(--colors-green-700);
  }

  .border_green\.800 {
    border-color: var(--colors-green-800);
  }

  .border_green\.900 {
    border-color: var(--colors-green-900);
  }

  .border_green\.950 {
    border-color: var(--colors-green-950);
  }

  .border_blue\.50 {
    border-color: var(--colors-blue-50);
  }

  .border_blue\.100 {
    border-color: var(--colors-blue-100);
  }

  .border_blue\.200 {
    border-color: var(--colors-blue-200);
  }

  .border_blue\.300 {
    border-color: var(--colors-blue-300);
  }

  .border_blue\.400 {
    border-color: var(--colors-blue-400);
  }

  .border_blue\.500 {
    border-color: var(--colors-blue-500);
  }

  .border_blue\.600 {
    border-color: var(--colors-blue-600);
  }

  .border_blue\.700 {
    border-color: var(--colors-blue-700);
  }

  .border_blue\.800 {
    border-color: var(--colors-blue-800);
  }

  .border_blue\.900 {
    border-color: var(--colors-blue-900);
  }

  .border_blue\.950 {
    border-color: var(--colors-blue-950);
  }

  .border_purple\.50 {
    border-color: var(--colors-purple-50);
  }

  .border_purple\.100 {
    border-color: var(--colors-purple-100);
  }

  .border_purple\.200 {
    border-color: var(--colors-purple-200);
  }

  .border_purple\.300 {
    border-color: var(--colors-purple-300);
  }

  .border_purple\.400 {
    border-color: var(--colors-purple-400);
  }

  .border_purple\.500 {
    border-color: var(--colors-purple-500);
  }

  .border_purple\.600 {
    border-color: var(--colors-purple-600);
  }

  .border_purple\.700 {
    border-color: var(--colors-purple-700);
  }

  .border_purple\.800 {
    border-color: var(--colors-purple-800);
  }

  .border_purple\.900 {
    border-color: var(--colors-purple-900);
  }

  .border_purple\.950 {
    border-color: var(--colors-purple-950);
  }

  .border_pink\.50 {
    border-color: var(--colors-pink-50);
  }

  .border_pink\.100 {
    border-color: var(--colors-pink-100);
  }

  .border_pink\.200 {
    border-color: var(--colors-pink-200);
  }

  .border_pink\.300 {
    border-color: var(--colors-pink-300);
  }

  .border_pink\.400 {
    border-color: var(--colors-pink-400);
  }

  .border_pink\.500 {
    border-color: var(--colors-pink-500);
  }

  .border_pink\.600 {
    border-color: var(--colors-pink-600);
  }

  .border_pink\.700 {
    border-color: var(--colors-pink-700);
  }

  .border_pink\.800 {
    border-color: var(--colors-pink-800);
  }

  .border_pink\.900 {
    border-color: var(--colors-pink-900);
  }

  .border_pink\.950 {
    border-color: var(--colors-pink-950);
  }

  .border_bitterSweet\.50 {
    border-color: var(--colors-bitter-sweet-50);
  }

  .border_bitterSweet\.100 {
    border-color: var(--colors-bitter-sweet-100);
  }

  .border_bitterSweet\.200 {
    border-color: var(--colors-bitter-sweet-200);
  }

  .border_bitterSweet\.300 {
    border-color: var(--colors-bitter-sweet-300);
  }

  .border_bitterSweet\.400 {
    border-color: var(--colors-bitter-sweet-400);
  }

  .border_bitterSweet\.500 {
    border-color: var(--colors-bitter-sweet-500);
  }

  .border_bitterSweet\.600 {
    border-color: var(--colors-bitter-sweet-600);
  }

  .border_bitterSweet\.700 {
    border-color: var(--colors-bitter-sweet-700);
  }

  .border_bitterSweet\.800 {
    border-color: var(--colors-bitter-sweet-800);
  }

  .border_bitterSweet\.900 {
    border-color: var(--colors-bitter-sweet-900);
  }

  .border_bitterSweet\.950 {
    border-color: var(--colors-bitter-sweet-950);
  }

  .border_pigmo\.50 {
    border-color: var(--colors-pigmo-50);
  }

  .border_pigmo\.100 {
    border-color: var(--colors-pigmo-100);
  }

  .border_pigmo\.200 {
    border-color: var(--colors-pigmo-200);
  }

  .border_base {
    border-color: var(--colors-base);
  }

  .border_primary\.text {
    border-color: var(--colors-primary-text);
  }

  .border_primary\.light {
    border-color: var(--colors-primary-light);
  }

  .border_primary\.hover {
    border-color: var(--colors-primary-hover);
  }

  .border_secondary {
    border-color: var(--colors-secondary);
  }

  .border_success {
    border-color: var(--colors-success);
  }

  .border_info {
    border-color: var(--colors-info);
  }

  .border_error {
    border-color: var(--colors-error);
  }

  .border_warning {
    border-color: var(--colors-warning);
  }

  .border_danger {
    border-color: var(--colors-danger);
  }

  .border_text\.primary {
    border-color: var(--colors-text-primary);
  }

  .border_text\.secondary {
    border-color: var(--colors-text-secondary);
  }

  .border_text\.disabled {
    border-color: var(--colors-text-disabled);
  }

  .border_border {
    border-color: var(--colors-border);
  }

  .border_tone\.dark {
    border-color: var(--colors-tone-dark);
  }

  .border_tone\.mid {
    border-color: var(--colors-tone-mid);
  }

  .border_tone\.light {
    border-color: var(--colors-tone-light);
  }

  .border_tone\.white {
    border-color: var(--colors-tone-white);
  }

  .border_tone\.font {
    border-color: var(--colors-tone-font);
  }

  .border_tone\.label {
    border-color: var(--colors-tone-label);
  }

  .border_tone\.primary {
    border-color: var(--colors-tone-primary);
  }

  .border_selection {
    border-color: var(--colors-selection);
  }

  .border_colorPalette {
    border-color: var(--colors-color-palette);
  }

  .border_colorPalette\.50 {
    border-color: var(--colors-color-palette-50);
  }

  .border_colorPalette\.100 {
    border-color: var(--colors-color-palette-100);
  }

  .border_colorPalette\.200 {
    border-color: var(--colors-color-palette-200);
  }

  .border_colorPalette\.300 {
    border-color: var(--colors-color-palette-300);
  }

  .border_colorPalette\.400 {
    border-color: var(--colors-color-palette-400);
  }

  .border_colorPalette\.500 {
    border-color: var(--colors-color-palette-500);
  }

  .border_colorPalette\.600 {
    border-color: var(--colors-color-palette-600);
  }

  .border_colorPalette\.700 {
    border-color: var(--colors-color-palette-700);
  }

  .border_colorPalette\.800 {
    border-color: var(--colors-color-palette-800);
  }

  .border_colorPalette\.900 {
    border-color: var(--colors-color-palette-900);
  }

  .border_colorPalette\.950 {
    border-color: var(--colors-color-palette-950);
  }

  .border_colorPalette\.text {
    border-color: var(--colors-color-palette-text);
  }

  .border_colorPalette\.light {
    border-color: var(--colors-color-palette-light);
  }

  .border_colorPalette\.hover {
    border-color: var(--colors-color-palette-hover);
  }

  .border_colorPalette\.primary {
    border-color: var(--colors-color-palette-primary);
  }

  .border_colorPalette\.secondary {
    border-color: var(--colors-color-palette-secondary);
  }

  .border_colorPalette\.disabled {
    border-color: var(--colors-color-palette-disabled);
  }

  .border_colorPalette\.dark {
    border-color: var(--colors-color-palette-dark);
  }

  .border_colorPalette\.mid {
    border-color: var(--colors-color-palette-mid);
  }

  .border_colorPalette\.white {
    border-color: var(--colors-color-palette-white);
  }

  .border_colorPalette\.font {
    border-color: var(--colors-color-palette-font);
  }

  .border_colorPalette\.label {
    border-color: var(--colors-color-palette-label);
  }

  .font_thin {
    font-weight: var(--font-weights-thin);
  }

  .font_extralight {
    font-weight: var(--font-weights-extralight);
  }

  .font_light {
    font-weight: var(--font-weights-light);
  }

  .font_normal {
    font-weight: var(--font-weights-normal);
  }

  .font_medium {
    font-weight: var(--font-weights-medium);
  }

  .font_extrabold {
    font-weight: var(--font-weights-extrabold);
  }

  .font_black {
    font-weight: var(--font-weights-black);
  }

  .\[\&\:\:-webkit-scrollbar\]\:h_4px::-webkit-scrollbar {
    height: 4px;
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg_transparent::-webkit-scrollbar-track {
    background: var(--colors-transparent);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_rgba\(255\,255\,255\,0\.15\)::-webkit-scrollbar-thumb {
    background: #ffffff26;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded_2px::-webkit-scrollbar-thumb {
    border-radius: 2px;
  }

  .\[\&_\>_\*\]\:flex_1_1_0 > * {
    flex: 1 1 0;
  }

  .after\:pos_absolute:after {
    position: absolute;
  }

  .after\:w_0:after {
    width: var(--sizes-0);
  }

  .after\:h_0:after {
    height: var(--sizes-0);
  }

  .after\:transform_translateX\(-50\%\):after {
    transform: translateX(-50%);
  }

  .\[\&\:\:-webkit-scrollbar\]\:h_6px::-webkit-scrollbar {
    height: 6px;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_var\(--maktub-bg-dark-light\,_\#170D19\)::-webkit-scrollbar-thumb {
    background: var(--maktub-bg-dark-light, #170d19);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded_3px::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg_var\(--maktub-bg-dark\,_\#170D19\)::-webkit-scrollbar-track {
    background: var(--maktub-bg-dark, #170d19);
  }

  .\[\&\:\:-webkit-scrollbar\]\:w_3px::-webkit-scrollbar {
    width: 3px;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_rgba\(255\,255\,255\,0\.1\)::-webkit-scrollbar-thumb {
    background: #ffffff1a;
  }

  .\[\&\:\:-webkit-slider-runnable-track\]\:w_full::-webkit-slider-runnable-track {
    width: var(--sizes-full);
  }

  .\[\&\:\:-webkit-slider-runnable-track\]\:h_5::-webkit-slider-runnable-track {
    height: var(--sizes-5);
  }

  .\[\&\:\:-webkit-slider-runnable-track\]\:cursor_pointer::-webkit-slider-runnable-track {
    cursor: pointer;
  }

  .\[\&\:\:-webkit-slider-runnable-track\]\:bg_transparent::-webkit-slider-runnable-track {
    background: var(--colors-transparent);
  }

  .\[\&\:\:-webkit-slider-runnable-track\]\:border_none::-webkit-slider-runnable-track {
    border: var(--borders-none);
  }

  .\[\&\:\:-webkit-slider-runnable-track\]\:pointer-events_none::-webkit-slider-runnable-track {
    pointer-events: none;
  }

  .\[\&\:\:-moz-range-track\]\:w_full::-moz-range-track {
    width: var(--sizes-full);
  }

  .\[\&\:\:-moz-range-track\]\:h_5::-moz-range-track {
    height: var(--sizes-5);
  }

  .\[\&\:\:-moz-range-track\]\:cursor_pointer::-moz-range-track {
    cursor: pointer;
  }

  .\[\&\:\:-moz-range-track\]\:bg_transparent::-moz-range-track {
    background: var(--colors-transparent);
  }

  .\[\&\:\:-moz-range-track\]\:border_none::-moz-range-track {
    border: var(--borders-none);
  }

  .\[\&\:\:-moz-range-track\]\:pointer-events_none::-moz-range-track {
    pointer-events: none;
  }

  .\[\&\:\:-ms-track\]\:w_full::-ms-track {
    width: var(--sizes-full);
  }

  .\[\&\:\:-ms-track\]\:h_5::-ms-track {
    height: var(--sizes-5);
  }

  .\[\&\:\:-ms-track\]\:cursor_pointer::-ms-track {
    cursor: pointer;
  }

  .\[\&\:\:-ms-track\]\:bg_transparent::-ms-track {
    background: var(--colors-transparent);
  }

  .\[\&\:\:-ms-track\]\:border_none::-ms-track {
    border: var(--borders-none);
  }

  .\[\&\:\:-ms-track\]\:pointer-events_none::-ms-track {
    pointer-events: none;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:w_2\.5::-webkit-slider-thumb {
    width: var(--sizes-2\.5);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:h_7::-webkit-slider-thumb {
    height: var(--sizes-7);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:border_none::-webkit-slider-thumb {
    border: var(--borders-none);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:bg_var\(--thumb-bg\,_\#D9D9D9\)::-webkit-slider-thumb {
    background: var(--thumb-bg, #d9d9d9);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:cursor_grab::-webkit-slider-thumb {
    cursor: grab;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:appearance_none::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:rounded_full::-webkit-slider-thumb {
    border-radius: var(--radii-full);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:shadow_var\(--thumb-shadow\,_0_4px_6px_-1px_rgba\(27\,_23\,_23\,_0\.2\)\,_0_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.12\)\)::-webkit-slider-thumb {
    box-shadow: var(--thumb-shadow, 0 4px 6px -1px #1b171733, 0 2px 4px -1px #0000001f);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:transform_translateY\(-4px\)::-webkit-slider-thumb {
    transform: translateY(-4px);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:pointer-events_auto::-webkit-slider-thumb {
    pointer-events: auto;
  }

  .\[\&\:\:-moz-range-thumb\]\:w_2\.5::-moz-range-thumb {
    width: var(--sizes-2\.5);
  }

  .\[\&\:\:-moz-range-thumb\]\:h_7::-moz-range-thumb {
    height: var(--sizes-7);
  }

  .\[\&\:\:-moz-range-thumb\]\:border_none::-moz-range-thumb {
    border: var(--borders-none);
  }

  .\[\&\:\:-moz-range-thumb\]\:bg_var\(--thumb-bg\,_\#D9D9D9\)::-moz-range-thumb {
    background: var(--thumb-bg, #d9d9d9);
  }

  .\[\&\:\:-moz-range-thumb\]\:cursor_grab::-moz-range-thumb {
    cursor: grab;
  }

  .\[\&\:\:-moz-range-thumb\]\:appearance_none::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
  }

  .\[\&\:\:-moz-range-thumb\]\:rounded_full::-moz-range-thumb {
    border-radius: var(--radii-full);
  }

  .\[\&\:\:-moz-range-thumb\]\:shadow_var\(--thumb-shadow\,_0_4px_6px_-1px_rgba\(27\,_23\,_23\,_0\.2\)\,_0_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.12\)\)::-moz-range-thumb {
    box-shadow: var(--thumb-shadow, 0 4px 6px -1px #1b171733, 0 2px 4px -1px #0000001f);
  }

  .\[\&\:\:-moz-range-thumb\]\:transform_translateY\(-2px\)::-moz-range-thumb {
    transform: translateY(-2px);
  }

  .\[\&\:\:-moz-range-thumb\]\:pointer-events_auto::-moz-range-thumb {
    pointer-events: auto;
  }

  .\[\&\:\:-ms-thumb\]\:w_2\.5::-ms-thumb {
    width: var(--sizes-2\.5);
  }

  .\[\&\:\:-ms-thumb\]\:h_7::-ms-thumb {
    height: var(--sizes-7);
  }

  .\[\&\:\:-ms-thumb\]\:border_none::-ms-thumb {
    border: var(--borders-none);
  }

  .\[\&\:\:-ms-thumb\]\:bg_var\(--thumb-bg\,_\#D9D9D9\)::-ms-thumb {
    background: var(--thumb-bg, #d9d9d9);
  }

  .\[\&\:\:-ms-thumb\]\:cursor_grab::-ms-thumb {
    cursor: grab;
  }

  .\[\&\:\:-ms-thumb\]\:appearance_none::-ms-thumb {
    -webkit-appearance: none;
    appearance: none;
  }

  .\[\&\:\:-ms-thumb\]\:rounded_full::-ms-thumb {
    border-radius: var(--radii-full);
  }

  .\[\&\:\:-ms-thumb\]\:shadow_var\(--thumb-shadow\,_0_4px_6px_-1px_rgba\(27\,_23\,_23\,_0\.2\)\,_0_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.12\)\)::-ms-thumb {
    box-shadow: var(--thumb-shadow, 0 4px 6px -1px #1b171733, 0 2px 4px -1px #0000001f);
  }

  .\[\&\:\:-ms-thumb\]\:transform_translateY\(-4px\)::-ms-thumb {
    transform: translateY(-4px);
  }

  .\[\&\:\:-ms-thumb\]\:pointer-events_auto::-ms-thumb {
    pointer-events: auto;
  }

  .\[\&\:\:-ms-fill-lower\]\:w_full::-ms-fill-lower {
    width: var(--sizes-full);
  }

  .\[\&\:\:-ms-fill-lower\]\:h_5::-ms-fill-lower {
    height: var(--sizes-5);
  }

  .\[\&\:\:-ms-fill-lower\]\:cursor_pointer::-ms-fill-lower {
    cursor: pointer;
  }

  .\[\&\:\:-ms-fill-lower\]\:bg_transparent::-ms-fill-lower {
    background: var(--colors-transparent);
  }

  .\[\&\:\:-ms-fill-lower\]\:border_none::-ms-fill-lower {
    border: var(--borders-none);
  }

  .\[\&\:\:-ms-fill-lower\]\:pointer-events_none::-ms-fill-lower {
    pointer-events: none;
  }

  .\[\&\:\:-ms-fill-upper\]\:w_full::-ms-fill-upper {
    width: var(--sizes-full);
  }

  .\[\&\:\:-ms-fill-upper\]\:h_5::-ms-fill-upper {
    height: var(--sizes-5);
  }

  .\[\&\:\:-ms-fill-upper\]\:cursor_pointer::-ms-fill-upper {
    cursor: pointer;
  }

  .\[\&\:\:-ms-fill-upper\]\:bg_transparent::-ms-fill-upper {
    background: var(--colors-transparent);
  }

  .\[\&\:\:-ms-fill-upper\]\:border_none::-ms-fill-upper {
    border: var(--borders-none);
  }

  .\[\&\:\:-ms-fill-upper\]\:pointer-events_none::-ms-fill-upper {
    pointer-events: none;
  }

  .before\:pos_absolute:before {
    position: absolute;
  }

  .before\:transform_translateX\(-50\%\):before {
    transform: translateX(-50%);
  }

  .before\:border-l_7px_solid_transparent:before {
    border-left: 7px solid #0000;
  }

  .before\:border-r_7px_solid_transparent:before {
    border-right: 7px solid #0000;
  }

  .before\:border-t_7px_solid_var\(--dice-ring\):before {
    border-top: 7px solid var(--dice-ring);
  }

  .\[\&\[data-state\=show\]\]\:transform_translateX\(-50\%\)[data-state="show"] {
    transform: translateX(-50%);
  }

  .\[\&\[data-state\=show\]\]\:opacity_1[data-state="show"] {
    opacity: 1;
  }

  .\[\&\[data-status\=win\]\,_\&\[data-status\=lose\]\]\:animation_expand_var\(--dice-scale-transition\)[data-status="win"], .\[\&\[data-status\=win\]\,_\&\[data-status\=lose\]\]\:animation_expand_var\(--dice-scale-transition\)[data-status="lose"] {
    animation: expand var(--dice-scale-transition);
  }

  .\[\&\[data-status\=win\]\]\:text_success[data-status="win"] {
    color: var(--colors-success);
  }

  .\[\&\[data-status\=lose\]\]\:text_error[data-status="lose"] {
    color: var(--colors-error);
  }

  .\[\&\[data-disabled\]\]\:opacity_0\.5[data-disabled] {
    opacity: .5;
  }

  .\[\&_\[data-part\=\"track\"\]\]\:h_4px [data-part="track"] {
    height: 4px;
  }

  .\[\&_\[data-part\=\"track\"\]\]\:bg_var\(--maktub-bg-dark\,_\#170D19\) [data-part="track"] {
    background: var(--maktub-bg-dark, #170d19);
  }

  .\[\&_\[data-part\=\"range\"\]\]\:h_full [data-part="range"] {
    height: var(--sizes-full);
  }

  .\[\&_\[data-part\=\"range\"\]\]\:bg_var\(--maktub-button-color\,_\#E6007A\) [data-part="range"] {
    background: var(--maktub-button-color, #e6007a);
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:w_14px [data-part="thumb"] {
    width: 14px;
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:h_14px [data-part="thumb"] {
    height: 14px;
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:bg_var\(--maktub-button-color\,_\#E6007A\) [data-part="thumb"] {
    background: var(--maktub-button-color, #e6007a);
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:shadow_0_1px_2px_rgba\(0\,_0\,_0\,_0\.35\) [data-part="thumb"] {
    box-shadow: 0 1px 2px #00000059;
  }

  .\[\&\[data-disabled\]_\[data-part\=\"thumb\"\]\]\:cursor_not-allowed[data-disabled] [data-part="thumb"] {
    cursor: not-allowed;
  }

  .before\:d_block:before, .after\:d_block:after {
    display: block;
  }

  .after\:bg-gradient_to-b:after {
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient: var(--gradient-via-stops, var(--gradient-stops));
    background-image: linear-gradient(to bottom, var(--gradient));
  }

  .after\:from_transparent:after {
    --gradient-from: var(--colors-transparent);
  }

  .after\:to_var\(--maktub-bg-dark\,_\#1D121F\):after {
    --gradient-to: var(--maktub-bg-dark, #1d121f);
  }

  .after\:pointer-events_none:after {
    pointer-events: none;
  }

  .\[\&_\[data-surface\]\]\:pos_absolute [data-surface] {
    position: absolute;
  }

  .\[\&_\[data-surface\]\]\:rounded_0\.3em [data-surface] {
    border-radius: .3em;
  }

  .\[\&_\[data-surface\]\]\:shadow_inset_0_1px_0_0_rgba\(255\,_255\,_255\,_0\.16\) [data-surface] {
    box-shadow: inset 0 1px #ffffff29;
  }

  .highlighted\:shadow_inset_0_0_0_0\.0625em_color-mix\(in_srgb\,_\#FFFFFF_34\%\,_transparent\)[data-highlighted] {
    box-shadow: inset 0 0 0 .0625em #ffffff57;
  }

  .\[\&_\>_\*\]\:min-w_0 > * {
    min-width: var(--sizes-0);
  }

  .\[\&_\.label\]\:max-w_100\% .label {
    max-width: 100%;
  }

  .\[\&_\.label\]\:overflow_hidden .label {
    overflow: hidden;
  }

  .\[\&_\.label\]\:text_ellipsis .label {
    text-overflow: ellipsis;
  }

  .\[\&_\.label\]\:white-space_nowrap .label {
    white-space: nowrap;
  }

  .after\:transform_translate\(-50\%\):after {
    transform: translate(-50%);
  }

  .before\:transform_translateY\(0\):before {
    transform: translateY(0);
  }

  .before\:transform_translateY\(calc\(100\%_-_6px\)\):before {
    transform: translateY(calc(100% - 6px));
  }

  .before\:w_full:before {
    width: var(--sizes-full);
  }

  .before\:h_full:before {
    height: var(--sizes-full);
  }

  .before\:bg_var\(--background-color\):before {
    background: var(--background-color);
  }

  .before\:transition_transform_var\(--duration\)_ease-out:before {
    transition: transform var(--duration) ease-out;
  }

  .disabled\:opacity_0\.5:is(:disabled, [disabled], [data-disabled]) {
    opacity: .5;
  }

  .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
  }

  .\[\&\:\:-webkit-scrollbar\]\:d_none::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:w_0::-webkit-scrollbar {
    width: var(--sizes-0);
  }

  .\[\&\:\:-webkit-scrollbar\]\:h_0::-webkit-scrollbar {
    height: var(--sizes-0);
  }

  .\[\&\:\:-webkit-scrollbar\]\:bg_transparent::-webkit-scrollbar {
    background: var(--colors-transparent);
  }

  .\[\&_\>_\*\]\:snap_start > * {
    scroll-snap-align: start;
  }

  .\[\&_\>_\*\]\:scroll-m_0_token\(sizes\.2\) > * {
    scroll-margin: 0 var(--sizes-2);
  }

  .\[\&\:\:placeholder\]\:text_\#B8B4BC::placeholder {
    color: #b8b4bc;
  }

  .\[\&\:\:placeholder\]\:opacity_1::placeholder {
    opacity: 1;
  }

  .disabled\:opacity_0\.45:is(:disabled, [disabled], [data-disabled]) {
    opacity: .45;
  }

  .disabled\:filter_none:is(:disabled, [disabled], [data-disabled]) {
    filter: none;
  }

  .disabled\:opacity_0\.25:is(:disabled, [disabled], [data-disabled]) {
    opacity: .25;
  }

  .\[\&\[data-warning\=\"true\"\]\]\:opacity_1[data-warning="true"] {
    opacity: 1;
  }

  .\[\&\[data-warning\=\"true\"\]\]\:text_var\(--maktub-primary-tone\,_var\(--maktub-button-color\,_\#FFAB24\)\)[data-warning="true"] {
    color: var(--maktub-primary-tone, var(--maktub-button-color, #ffab24));
  }

  .\[\&\[data-complete\=\"true\"\]\]\:bg_\#54DB00[data-complete="true"] {
    background: #54db00;
  }

  .disabled\:cursor_default:is(:disabled, [disabled], [data-disabled]) {
    cursor: default;
  }

  .\[\&\[data-soon\=\"true\"\]\]\:text_\#54DB00[data-soon="true"] {
    color: #54db00;
  }

  .\[\&_\*\,_\&_\*\:\:before\,_\&_\*\:\:after\]\:box_border-box *, .\[\&_\*\,_\&_\*\:\:before\,_\&_\*\:\:after\]\:box_border-box :before, .\[\&_\*\,_\&_\*\:\:before\,_\&_\*\:\:after\]\:box_border-box :after {
    box-sizing: border-box;
  }

  .\[\&\[aria-selected\=\"true\"\]\]\:text_var\(--maktub-font-tone\,_\#FFFFFF\)[aria-selected="true"] {
    color: var(--maktub-font-tone, #fff);
  }

  .\[\&\[aria-selected\=\"true\"\]\]\:border-b_1px_solid_var\(--maktub-primary-tone\,_\#FFAB24\)[aria-selected="true"] {
    border-bottom: 1px solid var(--maktub-primary-tone, #ffab24);
  }

  .\[\&\[data-kind\=\"rakeback\"\]\]\:shadow_inset_0_0_0_1px_\#806015[data-kind="rakeback"] {
    box-shadow: inset 0 0 0 1px #806015;
  }

  .\[\&\[data-unavailable\=\"true\"\]_\[data-reward-label\]\]\:opacity_0\.3[data-unavailable="true"] [data-reward-label], .disabled\:opacity_0\.3:is(:disabled, [disabled], [data-disabled]) {
    opacity: .3;
  }

  .disabled\:text_\#B2B2B2:is(:disabled, [disabled], [data-disabled]) {
    color: #b2b2b2;
  }

  .disabled\:opacity_0\.4:is(:disabled, [disabled], [data-disabled]) {
    opacity: .4;
  }

  .\[\&_p\]\:m_0_0_12px p {
    margin: 0 0 12px;
  }

  .\[\&_strong\]\:text_var\(--maktub-font-tone\,_\#FFFFFF\) strong {
    color: var(--maktub-font-tone, #fff);
  }

  .\[\&\:\:-webkit-scrollbar\]\:w_4px::-webkit-scrollbar {
    width: 4px;
  }

  .disabled\:opacity_0\.2:is(:disabled, [disabled], [data-disabled]) {
    opacity: .2;
  }

  .\[\&\[data-highlight\=\"true\"\]\]\:bg_var\(--maktub-bg-dark-lighter\,_\#504B56\)[data-highlight="true"] {
    background: var(--maktub-bg-dark-lighter, #504b56);
  }

  .\[\&\[data-highlight\=\"true\"\]\]\:rounded_var\(--maktub-border-radius\,_6px\)[data-highlight="true"] {
    border-radius: var(--maktub-border-radius, 6px);
  }

  .\[\&\[data-pending\=\"true\"\]\]\:opacity_0\.5[data-pending="true"] {
    opacity: .5;
  }

  .\[\&\[data-own\=\"true\"\]\]\:text_\#FFE100[data-own="true"] {
    color: #ffe100;
  }

  .\[\&\[data-own\=\"true\"\]\]\:bg_rgba\(23\,248\,63\,0\.07\)[data-own="true"] {
    background: #17f83f12;
  }

  .\[\&\[data-expanded\=\"true\"\]\]\:opacity_1[data-expanded="true"] {
    opacity: 1;
  }

  .\[\&\[data-expanded\=\"true\"\]\]\:transform_translateY\(0\)[data-expanded="true"] {
    transform: translateY(0);
  }

  .\[\&\[data-expanded\=\"true\"\]\]\:transform_rotate\(180deg\)[data-expanded="true"] {
    transform: rotate(180deg);
  }

  .after\:content_\"\":after {
    content: "";
  }

  .after\:top_100\%:after {
    top: 100%;
  }

  .after\:left_var\(--arrow-position\):after {
    left: var(--arrow-position);
  }

  .after\:border-style_solid:after {
    border-style: solid;
  }

  .after\:border-w_0\.5em_0\.5em_0:after {
    border-width: .5em .5em 0;
  }

  .after\:border_transparent:after {
    border-color: var(--colors-transparent);
  }

  .after\:border-t_var\(--maktub-bg-dark\,_\#211624\):after {
    border-top-color: var(--maktub-bg-dark, #211624);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:mt_-0\.5::-webkit-slider-thumb {
    margin-top: calc(var(--spacing-0\.5) * -1);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:transition-prop_box-shadow::-webkit-slider-thumb {
    --transition-prop: box-shadow;
    transition-property: box-shadow;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:duration_var\(--duration\,_0\.3s\)::-webkit-slider-thumb {
    --transition-duration: var(--duration, .3s);
    transition-duration: var(--duration, .3s);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:ease_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\)::-webkit-slider-thumb {
    --transition-easing: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .\[\&\:\:-moz-range-thumb\]\:mt_-0\.5::-moz-range-thumb {
    margin-top: calc(var(--spacing-0\.5) * -1);
  }

  .\[\&\:\:-moz-range-thumb\]\:transition-prop_box-shadow::-moz-range-thumb {
    --transition-prop: box-shadow;
    transition-property: box-shadow;
  }

  .\[\&\:\:-moz-range-thumb\]\:duration_var\(--duration\,_0\.3s\)::-moz-range-thumb {
    --transition-duration: var(--duration, .3s);
    transition-duration: var(--duration, .3s);
  }

  .\[\&\:\:-moz-range-thumb\]\:ease_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\)::-moz-range-thumb {
    --transition-easing: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .\[\&\:\:-ms-thumb\]\:mt_-0\.5::-ms-thumb {
    margin-top: calc(var(--spacing-0\.5) * -1);
  }

  .before\:content_\"\":before {
    content: "";
  }

  .before\:top_0:before {
    top: var(--spacing-0);
  }

  .before\:left_0:before {
    left: var(--spacing-0);
  }

  .after\:border-t_var\(--maktub-bg-dark\,_\#1C1818\):after {
    border-top-color: var(--maktub-bg-dark, #1c1818);
  }

  .\[\&_\>_label\]\:mb_0 > label {
    margin-bottom: var(--spacing-0);
  }

  .before\:pt_calc\(75\%_\*_var\(--plinko-board-scale\)\):before {
    padding-top: calc(75% * var(--plinko-board-scale));
  }

  .after\:top_0:after {
    top: var(--spacing-0);
  }

  .after\:bottom_0:after {
    bottom: var(--spacing-0);
  }

  .after\:right_0:after {
    right: var(--spacing-0);
  }

  .after\:left_0:after {
    left: var(--spacing-0);
  }

  .odd\:animation-name_slide-from-top:nth-child(odd) {
    animation-name: slide-from-top;
  }

  .even\:animation-name_slide-from-top-even:nth-child(2n) {
    animation-name: slide-from-top-even;
  }

  .after\:pb_86\%:after {
    padding-bottom: 86%;
  }

  .\[\&_\[data-surface\]\]\:top_0 [data-surface] {
    top: var(--spacing-0);
  }

  .\[\&_\[data-surface\]\]\:left_0 [data-surface] {
    left: var(--spacing-0);
  }

  .\[\&_\[data-surface\]\]\:right_0 [data-surface] {
    right: var(--spacing-0);
  }

  .\[\&_\[data-surface\]\]\:bottom_0\.22em [data-surface] {
    bottom: .22em;
  }

  .\[\&_\[data-surface\]\]\:transition-prop_box-shadow\,_filter [data-surface] {
    --transition-prop: box-shadow, filter;
    transition-property: box-shadow, filter;
  }

  .\[\&_\[data-surface\]\]\:duration_0\.18s [data-surface] {
    --transition-duration: .18s;
    transition-duration: .18s;
  }

  .\[\&_\[data-surface\]\]\:ease_cubic-bezier\(0\.22\,_1\,_0\.36\,_1\) [data-surface] {
    --transition-easing: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .highlighted\:bg_color-mix\(in_srgb\,_var\(--maktub-bg-dark-light\,_\#1D121F\)_55\%\,_transparent\)[data-highlighted] {
    background-color: color-mix(in srgb, var(--maktub-bg-dark-light, #1d121f) 55%, transparent);
  }

  .odd\:animation-name_slide-from-right:nth-child(odd) {
    animation-name: slide-from-right;
  }

  .even\:animation-name_slide-from-right-even:nth-child(2n) {
    animation-name: slide-from-right-even;
  }

  .after\:border-t_var\(--maktub-bg-dark\,_\#170D19\):after {
    border-top-color: var(--maktub-bg-dark, #170d19);
  }

  .after\:pb_100\%:after {
    padding-bottom: 100%;
  }

  .\[\&_\>_\*\]\:shrink_0 > *, .\[\&_svg\]\:shrink_0 svg {
    flex-shrink: 0;
  }

  .\[\&_\>_\*_\+_\*\]\:mt_8px > * + * {
    margin-top: 8px;
  }

  .\[\&_li\]\:mb_8px li {
    margin-bottom: 8px;
  }

  .focus\:ring_none:is(:focus, [data-focus]) {
    outline: var(--borders-none);
  }

  .focusVisible\:ring_2px_solid_var\(--maktub-primary-tone\,_\#F5B544\):is(:focus-visible, [data-focus-visible]) {
    outline: 2px solid var(--maktub-primary-tone, #f5b544);
  }

  .focusVisible\:ring_2px:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
  }

  .focus\:bg_var\(--maktub-cashout-button-color\,_color-mix\(in_srgb\,_var\(--maktub-action-btn-bg\,_\#211624\)_88\%\,_white\)\):is(:focus, [data-focus]) {
    background: var(--maktub-cashout-button-color, color-mix(in srgb, var(--maktub-action-btn-bg, #211624) 88%, white));
  }

  .focus\:shadow_inset_0_0_0_1px_var\(--maktub-primary-tone\,_var\(--maktub-button-color\,_\#FFAB24\)\):is(:focus, [data-focus]) {
    box-shadow: inset 0 0 0 1px var(--maktub-primary-tone, var(--maktub-button-color, #ffab24));
  }

  .focusVisible\:opacity_0\.9:is(:focus-visible, [data-focus-visible]) {
    opacity: .9;
  }

  .focusVisible\:ring_2px_solid_\#f3993a:is(:focus-visible, [data-focus-visible]) {
    outline: 2px solid #f3993a;
  }

  .focusVisible\:ring_-2px:is(:focus-visible, [data-focus-visible]) {
    outline-offset: -2px;
  }

  .hover\:transform_translateY\(-1px\):is(:hover, [data-hover]) {
    transform: translateY(-1px);
  }

  .hover\:transform_scale\(1\.06\)_translateY\(-1px\):is(:hover, [data-hover]) {
    transform: scale(1.06)translateY(-1px);
  }

  .\[\&\:hover\]\:opacity_0\.8:hover {
    opacity: .8;
  }

  .hover\:opacity_0\.5:is(:hover, [data-hover]) {
    opacity: .5;
  }

  .hover\:opacity_1:is(:hover, [data-hover]) {
    opacity: 1;
  }

  .\[\&\:hover\]\:text_\#FFFFFF:hover {
    color: #fff;
  }

  .hover\:opacity_0\.8:is(:hover, [data-hover]) {
    opacity: .8;
  }

  .hover\:bg_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_85\%\,_white\):is(:hover, [data-hover]) {
    background: color-mix(in srgb, var(--maktub-button-color, #e6007a) 85%, white);
  }

  .hover\:shadow_0_calc\(var\(--mines-lip\)_\+_var\(--mines-lift\)\)_0_0_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_55\%\,_black\)\,_inset_0_1px_0_0_rgba\(255\,_255\,_255\,_0\.22\):is(:hover, [data-hover]) {
    box-shadow: 0 calc(var(--mines-lip)  + var(--mines-lift)) 0 0 color-mix(in srgb, var(--maktub-button-color, #e6007a) 55%, black), inset 0 1px 0 0 #ffffff38;
  }

  .\[\&\:hover\]\:bg_rgba\(255\,255\,255\,0\.05\):hover {
    background: #ffffff0d;
  }

  .hover\:transform_translateY\(-2px\):is(:hover, [data-hover]) {
    transform: translateY(-2px);
  }

  .hover\:filter_brightness\(1\.06\):is(:hover, [data-hover]) {
    filter: brightness(1.06);
  }

  .hover\:transform_translate\(-50\%\,_-50\%\)_scale\(1\.2\):is(:hover, [data-hover]) {
    transform: translate(-50%, -50%)scale(1.2);
  }

  .\[\&\:hover_\[data-surface\]\,_\&\[data-highlighted\=\"true\"\]_\[data-surface\]\]\:shadow_inset_0_0_0_0\.11em_rgba\(255\,_255\,_255\,_0\.92\)\,_inset_0_1px_0_0_rgba\(255\,_255\,_255\,_0\.2\):hover [data-surface], .\[\&\:hover_\[data-surface\]\,_\&\[data-highlighted\=\"true\"\]_\[data-surface\]\]\:shadow_inset_0_0_0_0\.11em_rgba\(255\,_255\,_255\,_0\.92\)\,_inset_0_1px_0_0_rgba\(255\,_255\,_255\,_0\.2\)[data-highlighted="true"] [data-surface] {
    box-shadow: inset 0 0 0 .11em #ffffffeb, inset 0 1px #fff3;
  }

  .\[\&\:hover_\[data-surface\]\,_\&\[data-highlighted\=\"true\"\]_\[data-surface\]\]\:filter_brightness\(1\.1\):hover [data-surface], .\[\&\:hover_\[data-surface\]\,_\&\[data-highlighted\=\"true\"\]_\[data-surface\]\]\:filter_brightness\(1\.1\)[data-highlighted="true"] [data-surface] {
    filter: brightness(1.1);
  }

  .hover\:shadow_0_6px_10px_0_rgba\(0\,_0\,_0\,_0\.34\):is(:hover, [data-hover]) {
    box-shadow: 0 6px 10px #00000057;
  }

  .hover\:shadow_inset_0_0_0_0\.0625em_color-mix\(in_srgb\,_\#FFFFFF_34\%\,_transparent\):is(:hover, [data-hover]) {
    box-shadow: inset 0 0 0 .0625em #ffffff57;
  }

  .hover\:transform_scale\(1\.2\):is(:hover, [data-hover]) {
    transform: scale(1.2);
  }

  .hover\:bg_var\(--maktub-cashout-button-color\,_color-mix\(in_srgb\,_var\(--maktub-action-btn-bg\,_\#211624\)_88\%\,_white\)\):is(:hover, [data-hover]) {
    background: var(--maktub-cashout-button-color, color-mix(in srgb, var(--maktub-action-btn-bg, #211624) 88%, white));
  }

  .\[\&\:hover\]\:bg_rgba\(255\,255\,255\,0\.04\):hover {
    background: #ffffff0a;
  }

  .hover\:filter_brightness\(1\.08\):is(:hover, [data-hover]) {
    filter: brightness(1.08);
  }

  .hover\:text_var\(--maktub-font-tone\,_\#FFFFFF\):is(:hover, [data-hover]) {
    color: var(--maktub-font-tone, #fff);
  }

  .hover\:opacity_0\.9:is(:hover, [data-hover]) {
    opacity: .9;
  }

  .hover\:text-decor_underline:is(:hover, [data-hover]) {
    text-decoration: underline;
  }

  .hover\:bg_var\(--maktub-bg-dark-lighter\,_\#504B56\):is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-lighter, #504b56);
  }

  .hover\:bg_var\(--maktub-bg-dark-light\,_\#2C292F\):is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #2c292f);
  }

  .hover\:text_\#FFFFFF:is(:hover, [data-hover]) {
    color: #fff;
  }

  .hover\:bg_var\(--maktub-bg-dark-light\,_\#504B56\):is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #504b56);
  }

  .hover\:filter_brightness\(1\.1\):is(:hover, [data-hover]) {
    filter: brightness(1.1);
  }

  .hover\:filter_brightness\(1\.3\):is(:hover, [data-hover]) {
    filter: brightness(1.3);
  }

  [data-message-row]:hover .\[\[data-message-row\]\:hover_\&\]\:opacity_0\.6 {
    opacity: .6;
  }

  .hover\:bg_rgba\(243\,153\,58\,0\.06\):is(:hover, [data-hover]) {
    background: #f3993a0f;
  }

  .\[\&\:hover\]\:bg_rgba\(255\,255\,255\,0\.04\):hover {
    background-color: #ffffff0a;
  }

  .hover\:bg_color-mix\(in_srgb\,_var\(--maktub-bg-dark-light\,_\#1D121F\)_55\%\,_transparent\):is(:hover, [data-hover]) {
    background-color: color-mix(in srgb, var(--maktub-bg-dark-light, #1d121f) 55%, transparent);
  }

  .hover\:bg_\#2A1B2E:is(:hover, [data-hover]) {
    background-color: #2a1b2e;
  }

  .hover\:border_primary:is(:hover, [data-hover]) {
    border-color: var(--colors-primary);
  }

  .active\:bg_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_85\%\,_white\):is(:active, [data-active]) {
    background: color-mix(in srgb, var(--maktub-button-color, #e6007a) 85%, white);
  }

  .active\:shadow_0_calc\(var\(--mines-lip\)_\*_0\.4\)_0_0_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_55\%\,_black\):is(:active, [data-active]) {
    box-shadow: 0 calc(var(--mines-lip) * .4) 0 0 color-mix(in srgb, var(--maktub-button-color, #e6007a) 55%, black);
  }

  .active\:bg_var\(--maktub-cashout-button-color\,_color-mix\(in_srgb\,_var\(--maktub-action-btn-bg\,_\#211624\)_88\%\,_white\)\):is(:active, [data-active]) {
    background: var(--maktub-cashout-button-color, color-mix(in srgb, var(--maktub-action-btn-bg, #211624) 88%, white));
  }

  .active\:transform_scale\(0\.9\)\!:is(:active, [data-active]) {
    transform: scale(.9) !important;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:\[\&\:hover\]\:shadow_0_0_0_3px_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_22\%\,_transparent\)\,_var\(--thumb-shadow\,_0_4px_6px_-1px_rgba\(27\,_23\,_23\,_0\.2\)\,_0_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.12\)\)::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--maktub-button-color, #e6007a) 22%, transparent), var(--thumb-shadow, 0 4px 6px -1px #1b171733, 0 2px 4px -1px #0000001f);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:\[\&\:active\]\:cursor_grabbing::-webkit-slider-thumb:active {
    cursor: grabbing;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:\[\&\:active\]\:shadow_0_0_0_3px_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_28\%\,_transparent\)\,_var\(--thumb-shadow\,_0_4px_6px_-1px_rgba\(27\,_23\,_23\,_0\.2\)\,_0_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.12\)\)::-webkit-slider-thumb:active {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--maktub-button-color, #e6007a) 28%, transparent), var(--thumb-shadow, 0 4px 6px -1px #1b171733, 0 2px 4px -1px #0000001f);
  }

  .\[\&\:\:-moz-range-thumb\]\:\[\&\:hover\]\:shadow_0_0_0_3px_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_22\%\,_transparent\)\,_var\(--thumb-shadow\,_0_4px_6px_-1px_rgba\(27\,_23\,_23\,_0\.2\)\,_0_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.12\)\)::-moz-range-thumb:hover {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--maktub-button-color, #e6007a) 22%, transparent), var(--thumb-shadow, 0 4px 6px -1px #1b171733, 0 2px 4px -1px #0000001f);
  }

  .\[\&\:\:-moz-range-thumb\]\:\[\&\:active\]\:cursor_grabbing::-moz-range-thumb:active {
    cursor: grabbing;
  }

  .\[\&\:\:-moz-range-thumb\]\:\[\&\:active\]\:shadow_0_0_0_3px_color-mix\(in_srgb\,_var\(--maktub-button-color\,_\#E6007A\)_28\%\,_transparent\)\,_var\(--thumb-shadow\,_0_4px_6px_-1px_rgba\(27\,_23\,_23\,_0\.2\)\,_0_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.12\)\)::-moz-range-thumb:active {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--maktub-button-color, #e6007a) 28%, transparent), var(--thumb-shadow, 0 4px 6px -1px #1b171733, 0 2px 4px -1px #0000001f);
  }

  .\[\&\:\:-ms-thumb\]\:\[\&\:active\]\:cursor_grabbing::-ms-thumb:active {
    cursor: grabbing;
  }

  .disabled\:\[\&\:\:-webkit-slider-thumb\]\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled])::-webkit-slider-thumb {
    cursor: not-allowed;
  }

  .disabled\:\[\&\:\:-moz-range-thumb\]\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled])::-moz-range-thumb {
    cursor: not-allowed;
  }

  .disabled\:\[\&\:\:-ms-thumb\]\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled])::-ms-thumb {
    cursor: not-allowed;
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:before\:w_6px [data-part="thumb"]:before {
    width: 6px;
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:before\:h_6px [data-part="thumb"]:before {
    height: 6px;
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:before\:bg_var\(--maktub-bg-dark-light\,_\#1D121F\) [data-part="thumb"]:before {
    background: var(--maktub-bg-dark-light, #1d121f);
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:before\:shadow_none [data-part="thumb"]:before {
    box-shadow: none;
  }

  .\[\&_\[data-part\=\"thumb\"\]\]\:hover\:bg_var\(--maktub-button-color\,_\#E6007A\) [data-part="thumb"]:is(:hover, [data-hover]) {
    background: var(--maktub-button-color, #e6007a);
  }

  .focus\:\[\&\:\:-webkit-slider-runnable-track\]\:w_full:is(:focus, [data-focus])::-webkit-slider-runnable-track {
    width: var(--sizes-full);
  }

  .focus\:\[\&\:\:-webkit-slider-runnable-track\]\:h_5:is(:focus, [data-focus])::-webkit-slider-runnable-track {
    height: var(--sizes-5);
  }

  .focus\:\[\&\:\:-webkit-slider-runnable-track\]\:cursor_pointer:is(:focus, [data-focus])::-webkit-slider-runnable-track {
    cursor: pointer;
  }

  .focus\:\[\&\:\:-webkit-slider-runnable-track\]\:bg_transparent:is(:focus, [data-focus])::-webkit-slider-runnable-track {
    background: var(--colors-transparent);
  }

  .focus\:\[\&\:\:-webkit-slider-runnable-track\]\:border_none:is(:focus, [data-focus])::-webkit-slider-runnable-track {
    border: var(--borders-none);
  }

  .focus\:\[\&\:\:-webkit-slider-runnable-track\]\:pointer-events_none:is(:focus, [data-focus])::-webkit-slider-runnable-track {
    pointer-events: none;
  }

  .focus\:\[\&\:\:-ms-fill-lower\]\:w_full:is(:focus, [data-focus])::-ms-fill-lower {
    width: var(--sizes-full);
  }

  .focus\:\[\&\:\:-ms-fill-lower\]\:h_5:is(:focus, [data-focus])::-ms-fill-lower {
    height: var(--sizes-5);
  }

  .focus\:\[\&\:\:-ms-fill-lower\]\:cursor_pointer:is(:focus, [data-focus])::-ms-fill-lower {
    cursor: pointer;
  }

  .focus\:\[\&\:\:-ms-fill-lower\]\:bg_transparent:is(:focus, [data-focus])::-ms-fill-lower {
    background: var(--colors-transparent);
  }

  .focus\:\[\&\:\:-ms-fill-lower\]\:border_none:is(:focus, [data-focus])::-ms-fill-lower {
    border: var(--borders-none);
  }

  .focus\:\[\&\:\:-ms-fill-lower\]\:pointer-events_none:is(:focus, [data-focus])::-ms-fill-lower {
    pointer-events: none;
  }

  .focus\:\[\&\:\:-ms-fill-upper\]\:w_full:is(:focus, [data-focus])::-ms-fill-upper {
    width: var(--sizes-full);
  }

  .focus\:\[\&\:\:-ms-fill-upper\]\:h_5:is(:focus, [data-focus])::-ms-fill-upper {
    height: var(--sizes-5);
  }

  .focus\:\[\&\:\:-ms-fill-upper\]\:cursor_pointer:is(:focus, [data-focus])::-ms-fill-upper {
    cursor: pointer;
  }

  .focus\:\[\&\:\:-ms-fill-upper\]\:bg_transparent:is(:focus, [data-focus])::-ms-fill-upper {
    background: var(--colors-transparent);
  }

  .focus\:\[\&\:\:-ms-fill-upper\]\:border_none:is(:focus, [data-focus])::-ms-fill-upper {
    border: var(--borders-none);
  }

  .focus\:\[\&\:\:-ms-fill-upper\]\:pointer-events_none:is(:focus, [data-focus])::-ms-fill-upper {
    pointer-events: none;
  }

  .hover\:before\:transform_translateY\(0\):is(:hover, [data-hover]):before {
    transform: translateY(0);
  }

  @media screen and (min-width: 48rem) {
    .md\:gap_4 {
      gap: var(--spacing-4);
    }

    .md\:mx_4 {
      margin-inline: var(--spacing-4);
    }

    .md\:gap_2 {
      gap: var(--spacing-2);
    }

    .md\:px_4 {
      padding-inline: var(--spacing-4);
    }

    .md\:gap_8px {
      gap: 8px;
    }

    .md\:py_0 {
      padding-block: var(--spacing-0);
    }

    .md\:p_14px_12px_12px {
      padding: 14px 12px 12px;
    }

    .md\:rounded_10px {
      border-radius: 10px;
    }

    .md\:gap_1em {
      gap: 1em;
    }

    .md\:min-h_auto {
      min-height: auto;
    }

    .md\:px_0\.5em {
      padding-inline: .5em;
    }

    .md\:rounded_8px {
      border-radius: 8px;
    }

    .md\:mb_4 {
      margin-bottom: var(--spacing-4);
    }

    .md\:pb_4 {
      padding-bottom: var(--spacing-4);
    }

    .md\:overflow-x_visible {
      overflow-x: visible;
    }

    .md\:fs_16px {
      font-size: 16px;
    }

    .md\:fs_14px {
      font-size: 14px;
    }

    .md\:mt_10 {
      margin-top: var(--spacing-10);
    }
  }

  @media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {
    .lg\:order_1 {
      order: 1;
    }

    .lg\:order_2 {
      order: 2;
    }

    .lg\:order_0 {
      order: 0;
    }

    .lg\:gap_6px {
      gap: 6px;
    }

    .lg\:h_264px {
      height: 264px;
    }

    .lg\:w_clamp\(28px\,_4cqw_\+_4px\,_36px\) {
      width: clamp(28px, 4cqw + 4px, 36px);
    }

    .lg\:transform_translateY\(-50\%\) {
      transform: translateY(-50%);
    }

    .lg\:min-w_0 {
      min-width: var(--sizes-0);
    }

    .lg\:px_0 {
      padding-inline: var(--spacing-0);
    }

    .lg\:w_full {
      width: var(--sizes-full);
    }

    .lg\:h_24px {
      height: 24px;
    }

    .lg\:d_flex {
      display: flex;
    }

    .lg\:d_none {
      display: none;
    }

    .lg\:order_-1 {
      order: -1;
    }

    .lg\:px_12 {
      padding-inline: var(--spacing-12);
    }

    .lg\:order_-2 {
      order: -2;
    }

    .lg\:cq-type_size {
      container-type: size;
    }

    .lg\:--plinko-board-scale_1 {
      --plinko-board-scale: 1;
    }

    .lg\:max-w_min\(100cqw_-_2rem\,_\(100cqh_-_4\.5rem\)_\*_4_\/_3\) {
      max-width: min(100cqw - 2rem, 133.333cqh - 6rem);
    }

    .lg\:h_1\.8em {
      height: 1.8em;
    }

    .lg\:gap_1\% {
      gap: 1%;
    }

    .lg\:grid-area_wheel {
      grid-area: wheel;
    }

    .lg\:pos_relative {
      position: relative;
    }

    .lg\:bg_transparent {
      background: var(--colors-transparent);
    }

    .lg\:vis_visible {
      visibility: visible;
    }

    .lg\:opacity_1 {
      opacity: 1;
    }

    .lg\:transform_none {
      transform: none;
    }

    .lg\:--mines-stage-scale_1\.2 {
      --mines-stage-scale: 1.2;
    }

    .lg\:h_full {
      height: var(--sizes-full);
    }

    .lg\:min-h_0 {
      min-height: var(--sizes-0);
    }

    .lg\:flex_1_1_0 {
      flex: 1 1 0;
    }

    .lg\:d_block {
      display: block;
    }

    .lg\:h_100\% {
      height: 100%;
    }

    .lg\:min-h_730px {
      min-height: 730px;
    }

    .lg\:gap-x_4 {
      row-gap: var(--spacing-4);
    }

    .lg\:flex_column {
      flex-direction: column;
    }

    .lg\:fs_min\(calc\(92cqw_\/_var\(--coin-cells\)\)\,_var\(--coin-cap-lg\)\) {
      font-size: min(calc(92cqw / var(--coin-cells)), var(--coin-cap-lg));
    }

    .lg\:grid-cols_repeat\(2\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:mask-image_linear-gradient\(to_bottom\,_black_78\%\,_transparent\) {
      -webkit-mask-image: linear-gradient(#000 78%, #0000);
      mask-image: linear-gradient(#000 78%, #0000);
    }

    .lg\:top_calc\(50\%_-_8px\) {
      top: calc(50% - 8px);
    }

    .lg\:left_auto {
      left: auto;
    }

    .lg\:right_-12px {
      right: -12px;
    }

    .lg\:fs_10px {
      font-size: 10px;
    }

    .lg\:fs_11px {
      font-size: 11px;
    }

    .lg\:mb_-40px {
      margin-bottom: -40px;
    }

    .lg\:pb_0 {
      padding-bottom: var(--spacing-0);
    }

    .lg\:justify_center {
      justify-content: center;
    }

    .lg\:justify-self_flex-end {
      justify-self: flex-end;
    }

    .lg\:top_auto {
      top: auto;
    }

    .lg\:right_auto {
      right: auto;
    }

    .lg\:bottom_auto {
      bottom: auto;
    }

    .lg\:grid-cols_auto_minmax\(max-content\,_360px\)_auto {
      grid-template-columns: auto minmax(max-content, 360px) auto;
    }

    .lg\:grid-template-areas_\'result_wheel_lastBets\'_\'chipControls_chipControls_chipControls\'_\'board_board_board\' {
      grid-template-areas: "result wheel lastBets"
                           "chipControls chipControls chipControls"
                           "board board board";
    }

    .lg\:shrink_1 {
      flex-shrink: 1;
    }

    .lg\:pt_0\.75rem {
      padding-top: .75rem;
    }

    .lg\:fs_calc\(100cqh_\/_40\.57\.61\.5\) {
      font-size: calc(100cqh / 40.57.61.5);
    }

    .lg\:mt_0 {
      margin-top: var(--spacing-0);
    }

    .lg\:grid-cols_repeat\(1\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-template-areas_\'sidebar_content\'_\'bottomBar_bottomBar\' {
      grid-template-areas: "sidebar content"
                           "bottomBar bottomBar";
    }

    .lg\:grid-rows_1fr_auto {
      grid-template-rows: 1fr auto;
    }

    .lg\:grid-cols_18\.75rem_1fr {
      grid-template-columns: 18.75rem 1fr;
    }

    .lg\:grid-template-areas_\'header_header\'_\'sidebar_content\'_\'bottomBar_bottomBar\' {
      grid-template-areas: "header header"
                           "sidebar content"
                           "bottomBar bottomBar";
    }

    .lg\:grid-rows_auto_1fr_auto {
      grid-template-rows: auto 1fr auto;
    }

    .\[\&\:has\(\[data-maktub-balance-display\]\)_\>_\*\]\:lg\:min-h_0:has([data-maktub-balance-display]) > * {
      min-height: var(--sizes-0);
    }
  }

  @media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {
    @media screen and (min-width: 48rem) {
      .lgDown\:md\:max-w_400px {
        max-width: 400px;
      }
    }

    .lgDown\:min-h_var\(--maktub-stage-min-height\,_560px\) {
      min-height: var(--maktub-stage-min-height, 560px);
    }

    .lgDown\:min-h_var\(--maktub-stage-min-height\,_420px\) {
      min-height: var(--maktub-stage-min-height, 420px);
    }

    .lgDown\:w_full {
      width: var(--sizes-full);
    }

    .lgDown\:grid-cols_minmax\(0\,_1fr\) {
      grid-template-columns: minmax(0, 1fr);
    }

    .lgDown\:grid-template-areas_\'balance\'_\'content\'_\'sidebar\'_\'bottomBar\' {
      grid-template-areas: "balance"
                           "content"
                           "sidebar"
                           "bottomBar";
    }

    .lgDown\:grid-template-areas_\'balance\'_\'header\'_\'content\'_\'sidebar\'_\'bottomBar\' {
      grid-template-areas: "balance"
                           "header"
                           "content"
                           "sidebar"
                           "bottomBar";
    }

    @media screen and (min-width: 48rem) {
      .lgDown\:md\:max-w_400px {
        max-width: 400px;
      }
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:transition_none {
      transition: none;
    }
  }
}

@layer maktub.recipes.slots {
  @layer maktub._base {
    .button__root {
      -webkit-appearance: none;
      appearance: none;
      cursor: pointer;
      min-width: var(--sizes-0);
      outline: var(--borders-none);
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: background, border-color, box-shadow, color, transform;
      --transition-easing: var(--easings-default);
      transition-property: background, border-color, box-shadow, color, transform;
      transition-timing-function: var(--easings-default);
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      display: inline-flex;
      position: relative;
    }

    .button__root[hidden] {
      display: none;
    }

    .button__root:is(:disabled, [disabled], [data-disabled]) {
      opacity: .5;
      cursor: default;
      pointer-events: none;
    }

    .button__root:is(:active, [data-active]) {
      transform: scale(.9) !important;
    }

    .button__loadingIndicator {
      display: none;
    }

    .iconButton__root {
      -webkit-appearance: none;
      appearance: none;
      cursor: pointer;
      min-width: var(--sizes-0);
      outline: var(--borders-none);
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: background, border-color, box-shadow, color, transform;
      --transition-easing: var(--easings-default);
      transition-property: background, border-color, box-shadow, color, transform;
      transition-timing-function: var(--easings-default);
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      display: inline-flex;
      position: relative;
    }

    .iconButton__root[hidden] {
      display: none;
    }

    .iconButton__root:is(:disabled, [disabled], [data-disabled]) {
      opacity: .5;
      cursor: default;
      pointer-events: none;
    }

    .iconButton__root:is(:active, [data-active]) {
      transform: scale(.9) !important;
    }

    .iconButton__loadingIndicator {
      display: none;
    }

    .tabs__root {
      gap: var(--spacing-4);
      width: var(--sizes-full);
      display: flex;
    }

    .tabs__root[data-orientation="horizontal"] {
      flex-direction: column;
    }

    .tabs__root[data-orientation="vertical"] {
      flex-direction: row;
    }

    .tabs__list {
      scrollbar-width: none;
      flex-shrink: 0;
      display: flex;
      position: relative;
      overflow: auto;
    }

    .tabs__list::-webkit-scrollbar {
      display: none;
    }

    .tabs__list[data-orientation="horizontal"] {
      flex-direction: row;
    }

    .tabs__list[data-orientation="vertical"] {
      flex-direction: column;
    }

    .tabs__trigger {
      cursor: pointer;
      gap: var(--spacing-2);
      outline: var(--borders-none);
      text-transform: capitalize;
      white-space: nowrap;
      z-index: 1;
      font-size: var(--font-sizes-sm);
      font-weight: var(--font-weights-normal);
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: color, background, border-color;
      --transition-easing: ease-in-out;
      justify-content: center;
      align-items: center;
      transition-property: color, background, border-color;
      transition-timing-function: ease-in-out;
      display: inline-flex;
    }

    .tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
      opacity: .5;
      color: #fff;
      cursor: not-allowed;
    }

    .tabs__trigger[data-orientation="vertical"] {
      justify-content: flex-start;
    }

    .tabs__trigger:hover:not(:is([data-selected], [aria-selected="true"], [data-state="selected"])) {
      color: #fff;
    }

    .mines-tile__root {
      --mines-lip: .24em;
      --mines-lift: .1em;
      --mines-top: color-mix(in srgb, var(--maktub-bg-dark-light, #352738) 88%, white);
      --mines-top-hover: color-mix(in srgb, var(--maktub-bg-dark-light, #352738) 79%, white);
      --mines-side: color-mix(in srgb, var(--mines-top) 80%, black);
      --mines-side-hover: color-mix(in srgb, var(--mines-top-hover) 80%, black);
      --mines-floor: var(--maktub-bg-dark, #170d19);
      --mines-recess: linear-gradient(to bottom, #00000057, transparent 26%);
      cursor: pointer;
      aspect-ratio: 1;
      --transition-prop: background, box-shadow, border-color, transform;
      --transition-duration: var(--duration);
      transition-property: background, box-shadow, border-color, transform;
      transition-duration: var(--duration);
      --transition-easing: cubic-bezier(.22, 1, .36, 1);
      border: 2px solid #0000;
      border-radius: 8px;
      font-size: 1.5em;
      transition-timing-function: cubic-bezier(.22, 1, .36, 1);
      position: relative;
    }

    .mines-tile__root:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      pointer-events: none;
    }

    .mines-tile__cover {
      background: var(--mines-top);
      box-shadow: 0 var(--mines-lip) 0 0 var(--mines-side), inset 0 1px 0 0 #ffffff12;
      top: var(--spacing-0);
      left: var(--spacing-0);
      bottom: var(--spacing-0);
      right: var(--spacing-0);
      --transition-prop: transform, background, box-shadow;
      --transition-duration: .14s;
      --transition-easing: cubic-bezier(.22, 1, .36, 1);
      border-radius: 8px;
      transition-property: transform, background, box-shadow;
      transition-duration: .14s;
      transition-timing-function: cubic-bezier(.22, 1, .36, 1);
      position: absolute;
    }

    .mines-tile__content {
      top: var(--spacing-0);
      left: var(--spacing-0);
      bottom: var(--spacing-0);
      right: var(--spacing-0);
      position: absolute;
    }

    .mines-tile__icon {
      pointer-events: none;
      -webkit-user-select: none;
      user-select: none;
      animation-duration: var(--duration);
      animation-name: scale-in;
      animation-timing-function: cubic-bezier(.87, -.41, .19, 1.44);
      animation-fill-mode: forwards;
      display: block;
      position: absolute;
    }

    .slider__root {
      gap: var(--spacing-1);
      width: var(--sizes-full);
      flex-direction: column;
      display: flex;
    }

    .slider__label {
      color: var(--colors-text-secondary);
      font-weight: var(--font-weights-bold);
    }

    .slider__thumb {
      border-radius: var(--radii-full);
      cursor: pointer;
      outline: var(--borders-none);
      z-index: 1;
      background-color: var(--maktub-bg-dark-light, #2e1f31);
      justify-content: center;
      align-items: center;
      transition: background-color .5s, transform .25s;
      display: flex;
      position: relative;
      box-shadow: inset 0 .4px .2px #ffffff24, 4px 0 2px #00000026;
    }

    .slider__thumb:before {
      border-radius: var(--radii-full);
      content: "";
      background-color: var(--maktub-button-color, #e6007a);
      width: 6px;
      height: 6px;
      position: absolute;
      box-shadow: inset 0 1px 1px #0000004d;
    }

    .slider__thumb:is(:focus-visible, [data-focus-visible]) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--maktub-button-color, #e6007a) 60%, transparent);
    }

    .slider__thumb:is(:hover, [data-hover]) {
      background-color: var(--maktub-bg-dark-light, #2e1f31);
    }

    .slider__thumb:is(:active, [data-active]) {
      box-shadow: inset 0 .4px .2px #ffffff24, 4px 0 2px #00000026, 0 0 0 4px #3f304259;
      transform: translateX(-50%)scale(1.15) !important;
    }

    .slider__track {
      border-radius: var(--radii-full);
      background-color: var(--colors-neutral-300);
      flex: 1;
      overflow: hidden;
    }

    .slider__range {
      z-index: 1;
      background-color: var(--colors-primary);
    }

    .slider__control {
      align-items: center;
      display: flex;
      position: relative;
    }

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

    .slider__marker {
      color: var(--colors-text-secondary);
    }

    .slider__marker:before {
      height: var(--sizes-3);
      width: var(--sizes-0\.5);
      background-color: var(--colors-neutral-300);
      content: "";
      left: 50%;
      top: calc(var(--spacing-4) * -1);
      display: block;
      position: relative;
      transform: translateX(-50%);
    }

    .game-switch__root {
      gap: var(--spacing-2);
      cursor: pointer;
      align-items: center;
      display: inline-flex;
      position: relative;
    }

    .game-switch__root:is(:disabled, [disabled], [data-disabled]) {
      opacity: .5;
      cursor: default;
      pointer-events: none;
    }

    .game-switch__label {
      color: var(--colors-text-primary);
      -webkit-user-select: none;
      user-select: none;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
    }

    .game-switch__control {
      background: var(--maktub-dark-tone, #1d121f);
      box-sizing: border-box;
      border-radius: var(--maktub-secondary-btn-radius, 6px);
      cursor: pointer;
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: background;
      --transition-easing: ease-in-out;
      flex-shrink: 0;
      align-items: center;
      padding: 3px;
      transition-property: background;
      transition-timing-function: ease-in-out;
      display: inline-flex;
    }

    .game-switch__control:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
      background: var(--maktub-primary-tone, var(--maktub-button-color, #e6007a));
    }

    .game-switch__thumb {
      background: var(--maktub-light-tone, #4c3650);
      box-sizing: border-box;
      border-radius: max(0px, calc(var(--maktub-secondary-btn-radius, 6px)  - 3px));
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: transform, background;
      --transition-easing: ease-in-out;
      flex-shrink: 0;
      transition-property: transform, background;
      transition-timing-function: ease-in-out;
      box-shadow: 0 1px 2px #0000000f, 0 1px 3px #0000001a;
    }

    .game-switch__thumb:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
      background: var(--maktub-white-tone, #fff);
    }

    .toast__group {
      padding: var(--spacing-4);
    }

    .toast__root {
      background: var(--maktub-bg-dark-light, #232224);
      gap: var(--spacing-4);
      padding: var(--spacing-4);
      z-index: toast;
      border-left-style: solid;
      border-left-width: 4px;
      border-radius: 6px;
      align-items: center;
      width: 336px;
      max-width: calc(100vw - 32px);
      min-height: 100px;
      display: flex;
      position: relative;
      box-shadow: 0 8px 24px #00000073, 0 2px 6px #00000059;
    }

    .toast__root:is([open], [data-state="open"]) {
      animation-name: toast-in;
      animation-duration: .2s;
      animation-fill-mode: forwards;
    }

    .toast__root[data-state="closed"] {
      animation-name: toast-out;
      animation-duration: .3s;
    }

    .toast__title {
      color: var(--maktub-font-tone, #fff);
      letter-spacing: -.01em;
      font-size: 16px;
      font-weight: var(--font-weights-semibold);
      line-height: 22px;
    }

    .toast__description {
      color: #b2b2b2;
      letter-spacing: -.01em;
      font-size: 16px;
      font-weight: var(--font-weights-normal);
      line-height: 22px;
    }

    .toast__closeTrigger {
      background: var(--colors-transparent);
      color: #b2b2b2;
      cursor: pointer;
      padding: var(--spacing-0);
      border-radius: 4px;
      flex-shrink: 0;
      justify-content: center;
      align-self: flex-start;
      align-items: center;
      width: 24px;
      height: 24px;
      display: flex;
    }

    .toast__closeTrigger:is(:focus-visible, [data-focus-visible]) {
      outline-offset: 1px;
      outline: 2px solid;
      outline-color: var(--maktub-white-tone, #fff);
    }

    .toast__closeTrigger:is(:hover, [data-hover]) {
      color: var(--maktub-white-tone, #fff);
      background: #ffffff14;
    }

    .menu__arrow {
      --arrow-size: var(--sizes-3);
      --arrow-background: var(--colors-neutral-100);
    }

    .menu__content {
      background: var(--maktub-bg-dark, #170d19);
      border: 1px solid var(--maktub-bg-dark-light, #251929);
      border-radius: var(--radii-md);
      box-shadow: var(--shadows-lg);
      max-height: var(--available-height);
      outline: var(--borders-none);
      transform-origin: var(--transform-origin);
      z-index: dropdown;
      flex-direction: column;
      min-width: 180px;
      display: flex;
      overflow-y: auto;
    }

    .menu__content[hidden] {
      display: none;
    }

    .menu__content:is([open], [data-state="open"]) {
      animation: .25s ease-out dropdown-in;
    }

    .menu__content[data-state="closed"] {
      animation: .2s ease-out dropdown-out;
    }

    .menu__itemGroup {
      flex-direction: column;
      display: flex;
    }

    .menu__itemGroupLabel {
      font-size: var(--font-sizes-sm);
      text-transform: uppercase;
      line-height: 1rem;
      font-weight: var(--font-weights-semibold);
    }

    .menu__positioner {
      z-index: dropdown;
    }

    .menu__separator {
      margin-block: var(--spacing-2);
    }
  }

  .button__root--variant_elevated:is(:focus, [data-focus]), .button__root--variant_elevated:is(:hover, [data-hover]), .button__root--variant_elevated:is(:active, [data-active]) {
    background: color-mix(in srgb, var(--maktub-action-btn-bg, #211624) 88%, white);
  }

  .button__root--variant_neutral:is(:focus, [data-focus]), .button__root--variant_neutral:is(:hover, [data-hover]), .button__root--variant_neutral:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
  }

  .button__root--variant_ghost:is(:hover, [data-hover]), .button__root--variant_ghost:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
    color: var(--colors-white);
  }

  .button__root--variant_text:is(:hover, [data-hover]), .button__root--variant_text:is(:active, [data-active]) {
    color: var(--colors-primary);
  }

  .iconButton__root--variant_ghost:is(:hover, [data-hover]), .iconButton__root--variant_ghost:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
    color: var(--colors-white);
  }

  .iconButton__root--variant_neutral:is(:focus, [data-focus]), .iconButton__root--variant_neutral:is(:hover, [data-hover]), .iconButton__root--variant_neutral:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
  }

  .iconButton__root--variant_elevated:is(:focus, [data-focus]), .iconButton__root--variant_elevated:is(:hover, [data-hover]), .iconButton__root--variant_elevated:is(:active, [data-active]) {
    background: color-mix(in srgb, var(--maktub-action-btn-bg, #211624) 88%, white);
  }

  .iconButton__root--variant_text:is(:hover, [data-hover]), .iconButton__root--variant_text:is(:active, [data-active]) {
    color: var(--colors-primary);
  }

  .slider__track--size_sm, .slider__range--size_sm {
    height: var(--sizes-1\.5);
  }

  .slider__marker--size_sm, .slider__label--size_md {
    font-size: var(--font-sizes-sm);
    line-height: 1rem;
  }

  .slider__track--size_lg, .slider__range--size_lg {
    height: var(--sizes-2\.5);
  }

  .button__root--shape_rounded {
    border-radius: 4px;
  }

  .button__root--size_lg {
    gap: var(--spacing-2);
    height: var(--sizes-11);
    min-width: var(--sizes-11);
    padding-inline: var(--spacing-5);
    font-size: var(--font-sizes-md);
    line-height: 1.25rem;
  }

  .button__root--variant_primary {
    border-radius: var(--maktub-primary-btn-radius, var(--maktub-border-radius, 6px));
    background: var(--maktub-bet-btn-bg, var(--maktub-button-color, #e6007a));
    box-shadow: var(--maktub-bet-btn-shadow, none);
    color: var(--maktub-bet-btn-text, var(--maktub-button-text-color, white));
    font-weight: var(--maktub-primary-btn-weight, 600);
    transition: all .25s;
  }

  .button__root--variant_primary:is(:disabled, [disabled], [data-disabled]) {
    opacity: .5;
    cursor: default;
    pointer-events: none;
  }

  .button__root--variant_primary:is(:hover, [data-hover]) {
    filter: brightness(1.1);
    --maktub-bet-btn-text: var(--maktub-bet-btn-text-hover, var(--maktub-button-text-color, white));
  }

  .button__root--variant_elevated {
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px));
    background: var(--maktub-action-btn-bg, #211624);
    color: var(--colors-text-primary);
    font-weight: var(--maktub-secondary-btn-weight, 600);
    box-shadow: inset 0 1px #ffffff0d;
  }

  .button__root--variant_elevated:is(:focus, [data-focus]), .button__root--variant_elevated:is(:hover, [data-hover]), .button__root--variant_elevated:is(:active, [data-active]) {
    background: color-mix(in srgb, var(--maktub-action-btn-bg, #211624) 88%, white);
  }

  .button__root--variant_outline {
    border-radius: var(--radii-lg);
    color: #ffffffb3;
    z-index: 0;
    border-color: var(--maktub-bg-dark-light, #251929);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: color, border-color, background-color;
    --transition-easing: var(--easings-default);
    transition-property: color, border-color, background-color;
    transition-timing-function: var(--easings-default);
    border-width: 1px;
  }

  .button__root--variant_outline:before {
    opacity: 0;
    width: var(--sizes-full);
    z-index: 0;
    content: "";
    bottom: -1px;
    left: var(--spacing-0);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: opacity;
    --transition-easing: var(--easings-default);
    transition-property: opacity;
    transition-timing-function: var(--easings-default);
    background-image: radial-gradient(circle, #f1ddf91a 5%, #0000 80%);
    height: 1px;
    position: absolute;
    -webkit-mask-image: radial-gradient(circle, #fff, #0000 70%);
    mask-image: radial-gradient(circle, #fff, #0000 70%);
  }

  .button__root--variant_outline:is(:hover, [data-hover]) {
    background-color: var(--maktub-bg-dark, #201523);
    border-color: var(--maktub-bg-dark-light, #271c2b);
    background-image: radial-gradient(82% 73% at 50% 100%, #9f83ad1a 0%, #0000 100%);
  }

  .button__root--variant_outline:is(:hover, [data-hover]):before {
    opacity: 1;
  }

  .button__root--variant_outline:is(:active, [data-active]) {
    color: var(--colors-white);
    background-color: var(--colors-transparent);
    border-color: var(--colors-primary);
    background-image: radial-gradient(62% 44% at 50% 100%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 20%, transparent) 0%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 0%, transparent) 100%);
  }

  .button__root--variant_outline:is(:active, [data-active]):before {
    opacity: 1;
    background-image: radial-gradient(circle at center, white 0%, var(--maktub-button-color, #e6007a) 70%);
  }

  .button__root--shape_circle {
    border-radius: var(--radii-full);
  }

  .button__root--size_xs {
    gap: var(--spacing-2);
    height: var(--sizes-8);
    min-width: var(--sizes-8);
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .button__root--size_md {
    gap: var(--spacing-2);
    height: var(--sizes-10);
    min-width: var(--sizes-10);
    padding-inline: var(--spacing-4);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .button__root--size_sm {
    gap: var(--spacing-2);
    height: var(--sizes-9);
    min-width: var(--sizes-9);
    padding-inline: var(--spacing-3\.5);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .button__root--variant_secondary {
    border-radius: var(--maktub-border-radius, 6px);
    background: var(--maktub-bet-btn-bg, var(--maktub-button-color, #e6007a));
    box-shadow: var(--maktub-bet-btn-shadow, none);
    color: var(--maktub-bet-btn-text, var(--maktub-button-text-color, white));
    transition: all .25s;
  }

  .button__root--variant_secondary:is(:disabled, [disabled], [data-disabled]) {
    opacity: .5;
    cursor: default;
    pointer-events: none;
  }

  .button__root--variant_secondary:is(:hover, [data-hover]) {
    filter: brightness(1.1);
    --maktub-bet-btn-text: var(--maktub-bet-btn-text-hover, var(--maktub-button-text-color, white));
  }

  .button__root--variant_tertiary {
    background: var(--maktub-bg-dark, #201523);
    color: var(--colors-primary);
    font-weight: var(--font-weights-bold);
  }

  .button__root--variant_tertiary:is(:disabled, [disabled], [data-disabled]) {
    background: var(--colors-transparent);
    border: 1px solid var(--maktub-bg-dark, #201523);
    color: #ffffff4d;
  }

  .button__root--variant_tertiary:is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #271c2b);
  }

  .button__root--variant_tertiary:is(:active, [data-active]) {
    background: var(--maktub-bg-dark-light, #2f2632);
  }

  .button__root--variant_neutral {
    background: var(--maktub-bg-dark, #201523);
    color: var(--colors-text-primary);
  }

  .button__root--variant_neutral:is(:focus, [data-focus]), .button__root--variant_neutral:is(:hover, [data-hover]), .button__root--variant_neutral:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
  }

  .button__root--variant_ghost {
    color: var(--colors-text-primary);
  }

  .button__root--variant_ghost:is(:hover, [data-hover]), .button__root--variant_ghost:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
    color: var(--colors-white);
  }

  .button__root--variant_pink {
    border-radius: var(--radii-md);
    border: 1px solid;
    border-color: var(--maktub-bg-dark-light, #251929);
  }

  .button__root--variant_pink:before {
    opacity: 0;
    width: var(--sizes-full);
    content: "";
    left: var(--spacing-0);
    right: var(--spacing-0);
    background-image: radial-gradient(circle, #f1ddf91a 5%, #0000 40%);
    height: 1px;
    transition: opacity .2s;
    position: absolute;
    bottom: -1px;
  }

  .button__root--variant_pink[data-active="true"] {
    box-shadow: 0px 2px 20px 0px color-mix(in srgb, var(--maktub-button-color, #e6007a) 30%, transparent);
    background-image: radial-gradient(50.92% 50% at 50% 100%, #ffffff1a 0%, #75466000 100%), linear-gradient(125deg, color-mix(in srgb, var(--maktub-button-color, #e6007a) 15%, transparent) 0%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 15%, transparent) 100%);
    background-color: var(--colors-transparent) !important;
    border-color: var(--colors-primary) !important;
  }

  .button__root--variant_pink[data-active="true"]:before {
    opacity: 1;
    background-image: radial-gradient(circle, #ffffffd9 5%, #0000 40%);
  }

  .button__root--variant_pink:is(:hover, [data-hover]) {
    background-color: var(--maktub-bg-dark-light, #221825);
    border-color: var(--maktub-bg-dark-light, #271c2b);
  }

  .button__root--variant_pink:is(:hover, [data-hover]):before {
    opacity: 1;
  }

  .button__root--variant_outline-radient {
    border-radius: var(--radii-lg);
    color: #ffffffb3;
    z-index: 0;
    border-color: var(--maktub-bg-dark-light, #251929);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: color, border-color, background-color;
    --transition-easing: var(--easings-default);
    transition-property: color, border-color, background-color;
    transition-timing-function: var(--easings-default);
    border-width: 1px;
  }

  .button__root--variant_outline-radient:before {
    opacity: 0;
    width: var(--sizes-full);
    z-index: 0;
    content: "";
    bottom: -1px;
    left: var(--spacing-0);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: opacity;
    --transition-easing: var(--easings-default);
    transition-property: opacity;
    transition-timing-function: var(--easings-default);
    background-image: radial-gradient(circle, #f1ddf91a 5%, #0000 80%);
    height: 1px;
    position: absolute;
    -webkit-mask-image: radial-gradient(circle, #fff, #0000 70%);
    mask-image: radial-gradient(circle, #fff, #0000 70%);
  }

  .button__root--variant_outline-radient:is(:hover, [data-hover]) {
    background-color: var(--maktub-bg-dark, #201523);
    border-color: var(--maktub-bg-dark-light, #271c2b);
    background-image: radial-gradient(82% 73% at 50% 100%, #9f83ad1a 0%, #0000 100%);
  }

  .button__root--variant_outline-radient:is(:hover, [data-hover]):before {
    opacity: 1;
  }

  .button__root--variant_outline-radient:is(:active, [data-active]) {
    color: var(--colors-white);
    background-color: var(--colors-transparent);
    border-color: var(--colors-primary);
    background-image: radial-gradient(62% 44% at 50% 100%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 20%, transparent) 0%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 0%, transparent) 100%);
  }

  .button__root--variant_outline-radient:is(:active, [data-active]):before {
    opacity: 1;
    background-image: radial-gradient(circle at center, white 0%, var(--maktub-button-color, #e6007a) 70%);
  }

  .button__root--variant_success {
    background: var(--colors-success);
    color: var(--colors-neutral-50);
  }

  .button__root--variant_text {
    color: var(--colors-text-primary);
  }

  .button__root--variant_text:is(:hover, [data-hover]), .button__root--variant_text:is(:active, [data-active]) {
    color: var(--colors-primary);
  }

  .button__root--size_3xs {
    gap: var(--spacing-2);
    height: var(--sizes-6);
    min-width: var(--sizes-6);
    padding-inline: var(--spacing-2);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .button__root--size_2xs {
    gap: var(--spacing-2);
    height: var(--sizes-7);
    min-width: var(--sizes-7);
    padding-inline: var(--spacing-2\.5);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .button__root--size_xl {
    gap: var(--spacing-2\.5);
    height: var(--sizes-12);
    min-width: var(--sizes-12);
    padding-inline: var(--spacing-6);
    font-size: var(--font-sizes-lg);
    line-height: 1.5rem;
  }

  .button__root--size_2xl {
    gap: var(--spacing-3);
    height: var(--sizes-14);
    min-width: var(--sizes-14);
    padding-inline: var(--spacing-7);
    font-size: var(--font-sizes-lg);
    line-height: 1.5rem;
  }

  .button__root--size_auto {
    height: auto;
  }

  .button__root--shape_square {
    border-radius: 0;
  }

  .button__root--loading_true {
    color: var(--colors-transparent);
    cursor: default;
    opacity: .5;
    pointer-events: none;
  }

  .button__loadingIndicator--loading_true {
    color: var(--colors-text-primary);
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .iconButton__root--shape_rounded {
    border-radius: 4px;
  }

  .iconButton__root--size_sm {
    gap: var(--spacing-2);
    height: var(--sizes-9);
    min-width: var(--sizes-9);
    padding-inline: var(--spacing-0);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .iconButton__root--variant_outline {
    border-radius: var(--radii-lg);
    color: #ffffffb3;
    z-index: 0;
    border-color: var(--maktub-bg-dark-light, #251929);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: color, border-color, background-color;
    --transition-easing: var(--easings-default);
    transition-property: color, border-color, background-color;
    transition-timing-function: var(--easings-default);
    border-width: 1px;
  }

  .iconButton__root--variant_outline:before {
    opacity: 0;
    width: var(--sizes-full);
    z-index: 0;
    content: "";
    bottom: -1px;
    left: var(--spacing-0);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: opacity;
    --transition-easing: var(--easings-default);
    transition-property: opacity;
    transition-timing-function: var(--easings-default);
    background-image: radial-gradient(circle, #f1ddf91a 5%, #0000 80%);
    height: 1px;
    position: absolute;
    -webkit-mask-image: radial-gradient(circle, #fff, #0000 70%);
    mask-image: radial-gradient(circle, #fff, #0000 70%);
  }

  .iconButton__root--variant_outline:is(:hover, [data-hover]) {
    background-color: var(--maktub-bg-dark, #201523);
    border-color: var(--maktub-bg-dark-light, #271c2b);
    background-image: radial-gradient(82% 73% at 50% 100%, #9f83ad1a 0%, #0000 100%);
  }

  .iconButton__root--variant_outline:is(:hover, [data-hover]):before {
    opacity: 1;
  }

  .iconButton__root--variant_outline:is(:active, [data-active]) {
    color: var(--colors-white);
    background-color: var(--colors-transparent);
    border-color: var(--colors-primary);
    background-image: radial-gradient(62% 44% at 50% 100%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 20%, transparent) 0%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 0%, transparent) 100%);
  }

  .iconButton__root--variant_outline:is(:active, [data-active]):before {
    opacity: 1;
    background-image: radial-gradient(circle at center, white 0%, var(--maktub-button-color, #e6007a) 70%);
  }

  .iconButton__root--size_lg {
    gap: var(--spacing-2);
    height: var(--sizes-11);
    min-width: var(--sizes-11);
    padding-inline: var(--spacing-0);
    font-size: var(--font-sizes-md);
    line-height: 1.25rem;
  }

  .iconButton__root--size_md {
    gap: var(--spacing-2);
    height: var(--sizes-10);
    min-width: var(--sizes-10);
    padding-inline: var(--spacing-0);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .iconButton__root--variant_ghost {
    color: var(--colors-text-primary);
  }

  .iconButton__root--variant_ghost:is(:hover, [data-hover]), .iconButton__root--variant_ghost:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
    color: var(--colors-white);
  }

  .iconButton__root--variant_primary {
    border-radius: var(--maktub-primary-btn-radius, var(--maktub-border-radius, 6px));
    background: var(--maktub-bet-btn-bg, var(--maktub-button-color, #e6007a));
    box-shadow: var(--maktub-bet-btn-shadow, none);
    color: var(--maktub-bet-btn-text, var(--maktub-button-text-color, white));
    font-weight: var(--maktub-primary-btn-weight, 600);
    transition: all .25s;
  }

  .iconButton__root--variant_primary:is(:disabled, [disabled], [data-disabled]) {
    opacity: .5;
    cursor: default;
    pointer-events: none;
  }

  .iconButton__root--variant_primary:is(:hover, [data-hover]) {
    filter: brightness(1.1);
    --maktub-bet-btn-text: var(--maktub-bet-btn-text-hover, var(--maktub-button-text-color, white));
  }

  .iconButton__root--variant_secondary {
    border-radius: var(--maktub-border-radius, 6px);
    background: var(--maktub-bet-btn-bg, var(--maktub-button-color, #e6007a));
    box-shadow: var(--maktub-bet-btn-shadow, none);
    color: var(--maktub-bet-btn-text, var(--maktub-button-text-color, white));
    transition: all .25s;
  }

  .iconButton__root--variant_secondary:is(:disabled, [disabled], [data-disabled]) {
    opacity: .5;
    cursor: default;
    pointer-events: none;
  }

  .iconButton__root--variant_secondary:is(:hover, [data-hover]) {
    filter: brightness(1.1);
    --maktub-bet-btn-text: var(--maktub-bet-btn-text-hover, var(--maktub-button-text-color, white));
  }

  .iconButton__root--variant_tertiary {
    background: var(--maktub-bg-dark, #201523);
    color: var(--colors-primary);
    font-weight: var(--font-weights-bold);
  }

  .iconButton__root--variant_tertiary:is(:disabled, [disabled], [data-disabled]) {
    background: var(--colors-transparent);
    border: 1px solid var(--maktub-bg-dark, #201523);
    color: #ffffff4d;
  }

  .iconButton__root--variant_tertiary:is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #271c2b);
  }

  .iconButton__root--variant_tertiary:is(:active, [data-active]) {
    background: var(--maktub-bg-dark-light, #2f2632);
  }

  .iconButton__root--variant_neutral {
    background: var(--maktub-bg-dark, #201523);
    color: var(--colors-text-primary);
  }

  .iconButton__root--variant_neutral:is(:focus, [data-focus]), .iconButton__root--variant_neutral:is(:hover, [data-hover]), .iconButton__root--variant_neutral:is(:active, [data-active]) {
    background: var(--colors-neutral-300);
  }

  .iconButton__root--variant_elevated {
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px));
    background: var(--maktub-action-btn-bg, #211624);
    color: var(--colors-text-primary);
    font-weight: var(--maktub-secondary-btn-weight, 600);
    box-shadow: inset 0 1px #ffffff0d;
  }

  .iconButton__root--variant_elevated:is(:focus, [data-focus]), .iconButton__root--variant_elevated:is(:hover, [data-hover]), .iconButton__root--variant_elevated:is(:active, [data-active]) {
    background: color-mix(in srgb, var(--maktub-action-btn-bg, #211624) 88%, white);
  }

  .iconButton__root--variant_pink {
    border-radius: var(--radii-md);
    border: 1px solid;
    border-color: var(--maktub-bg-dark-light, #251929);
  }

  .iconButton__root--variant_pink:before {
    opacity: 0;
    width: var(--sizes-full);
    content: "";
    left: var(--spacing-0);
    right: var(--spacing-0);
    background-image: radial-gradient(circle, #f1ddf91a 5%, #0000 40%);
    height: 1px;
    transition: opacity .2s;
    position: absolute;
    bottom: -1px;
  }

  .iconButton__root--variant_pink[data-active="true"] {
    box-shadow: 0px 2px 20px 0px color-mix(in srgb, var(--maktub-button-color, #e6007a) 30%, transparent);
    background-image: radial-gradient(50.92% 50% at 50% 100%, #ffffff1a 0%, #75466000 100%), linear-gradient(125deg, color-mix(in srgb, var(--maktub-button-color, #e6007a) 15%, transparent) 0%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 15%, transparent) 100%);
    background-color: var(--colors-transparent) !important;
    border-color: var(--colors-primary) !important;
  }

  .iconButton__root--variant_pink[data-active="true"]:before {
    opacity: 1;
    background-image: radial-gradient(circle, #ffffffd9 5%, #0000 40%);
  }

  .iconButton__root--variant_pink:is(:hover, [data-hover]) {
    background-color: var(--maktub-bg-dark-light, #221825);
    border-color: var(--maktub-bg-dark-light, #271c2b);
  }

  .iconButton__root--variant_pink:is(:hover, [data-hover]):before {
    opacity: 1;
  }

  .iconButton__root--variant_outline-radient {
    border-radius: var(--radii-lg);
    color: #ffffffb3;
    z-index: 0;
    border-color: var(--maktub-bg-dark-light, #251929);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: color, border-color, background-color;
    --transition-easing: var(--easings-default);
    transition-property: color, border-color, background-color;
    transition-timing-function: var(--easings-default);
    border-width: 1px;
  }

  .iconButton__root--variant_outline-radient:before {
    opacity: 0;
    width: var(--sizes-full);
    z-index: 0;
    content: "";
    bottom: -1px;
    left: var(--spacing-0);
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
    --transition-prop: opacity;
    --transition-easing: var(--easings-default);
    transition-property: opacity;
    transition-timing-function: var(--easings-default);
    background-image: radial-gradient(circle, #f1ddf91a 5%, #0000 80%);
    height: 1px;
    position: absolute;
    -webkit-mask-image: radial-gradient(circle, #fff, #0000 70%);
    mask-image: radial-gradient(circle, #fff, #0000 70%);
  }

  .iconButton__root--variant_outline-radient:is(:hover, [data-hover]) {
    background-color: var(--maktub-bg-dark, #201523);
    border-color: var(--maktub-bg-dark-light, #271c2b);
    background-image: radial-gradient(82% 73% at 50% 100%, #9f83ad1a 0%, #0000 100%);
  }

  .iconButton__root--variant_outline-radient:is(:hover, [data-hover]):before {
    opacity: 1;
  }

  .iconButton__root--variant_outline-radient:is(:active, [data-active]) {
    color: var(--colors-white);
    background-color: var(--colors-transparent);
    border-color: var(--colors-primary);
    background-image: radial-gradient(62% 44% at 50% 100%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 20%, transparent) 0%, color-mix(in srgb, var(--maktub-button-color, #e6007a) 0%, transparent) 100%);
  }

  .iconButton__root--variant_outline-radient:is(:active, [data-active]):before {
    opacity: 1;
    background-image: radial-gradient(circle at center, white 0%, var(--maktub-button-color, #e6007a) 70%);
  }

  .iconButton__root--variant_success {
    background: var(--colors-success);
    color: var(--colors-neutral-50);
  }

  .iconButton__root--variant_text {
    color: var(--colors-text-primary);
  }

  .iconButton__root--variant_text:is(:hover, [data-hover]), .iconButton__root--variant_text:is(:active, [data-active]) {
    color: var(--colors-primary);
  }

  .iconButton__root--size_3xs {
    gap: var(--spacing-2);
    height: var(--sizes-6);
    min-width: var(--sizes-6);
    padding-inline: var(--spacing-0);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .iconButton__root--size_2xs {
    gap: var(--spacing-2);
    height: var(--sizes-7);
    min-width: var(--sizes-7);
    padding-inline: var(--spacing-0);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .iconButton__root--size_xs {
    gap: var(--spacing-2);
    height: var(--sizes-8);
    min-width: var(--sizes-8);
    padding-inline: var(--spacing-0);
    font-size: var(--font-sizes-xs);
    line-height: .875rem;
  }

  .iconButton__root--size_xl {
    gap: var(--spacing-2\.5);
    height: var(--sizes-12);
    min-width: var(--sizes-12);
    padding-inline: var(--spacing-0);
    font-size: var(--font-sizes-lg);
    line-height: 1.5rem;
  }

  .iconButton__root--size_2xl {
    gap: var(--spacing-3);
    height: var(--sizes-14);
    min-width: var(--sizes-14);
    padding-inline: var(--spacing-7);
    font-size: var(--font-sizes-lg);
    line-height: 1.5rem;
  }

  .iconButton__root--size_auto {
    height: auto;
  }

  .iconButton__root--shape_square {
    border-radius: 0;
  }

  .iconButton__root--shape_circle {
    border-radius: var(--radii-full);
  }

  .iconButton__root--loading_true {
    color: var(--colors-transparent);
    cursor: default;
    opacity: .5;
    pointer-events: none;
  }

  .iconButton__loadingIndicator--loading_true {
    color: var(--colors-text-primary);
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tabs__trigger--size_lg svg {
    width: var(--sizes-5);
    height: var(--sizes-5);
  }

  .tabs__list--variant_enclosed {
    height: calc(var(--maktub-secondary-btn-height, 40px)  + 8px);
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 8px));
    border: var(--maktub-container-border, none);
    background: var(--maktub-mode-select-bg, var(--maktub-bg-dark-light, #1a0f1c));
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 4px;
    padding: 4px;
    display: flex;
  }

  .tabs__list--variant_enclosed[data-orientation="vertical"] {
    padding-block: var(--spacing-1);
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .tabs__list--variant_enclosed[data-orientation="horizontal"] {
    align-items: center;
  }

  .tabs__trigger--variant_enclosed {
    color: #fff;
  }

  .tabs__trigger--variant_enclosed:is([data-selected], [aria-selected="true"], [data-state="selected"]) {
    color: #fff;
    font-weight: var(--maktub-secondary-btn-weight, 600);
  }

  .tabs__indicator--variant_enclosed {
    border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px));
    border: var(--borders-none);
    background: var(--maktub-mode-select-active, var(--maktub-enclosed-ind-bg, #ffffff14));
    height: var(--height);
    width: var(--width);
    position: absolute;
    --transition-duration: .4s !important;
  }

  .tabs__trigger--fixed_true {
    min-width: var(--sizes-0);
    flex: 1 0 0;
  }

  .tabs__trigger--size_md svg {
    width: var(--sizes-5);
    height: var(--sizes-5);
  }

  .tabs__trigger--variant_line {
    color: var(--colors-text-primary);
  }

  .tabs__trigger--variant_line:is([data-selected], [aria-selected="true"], [data-state="selected"]) {
    color: var(--colors-primary);
  }

  .tabs__indicator--variant_line {
    background: var(--colors-primary);
  }

  .tabs__indicator--variant_line[data-orientation="horizontal"] {
    width: var(--width);
    bottom: var(--spacing-0);
    height: 2px;
  }

  .tabs__indicator--variant_line[data-orientation="vertical"] {
    height: var(--height);
    left: var(--spacing-0);
    width: 2px;
  }

  .tabs__list--variant_solid {
    border-radius: var(--radii-md);
    padding: var(--spacing-1\.5);
    background-color: var(--maktub-bg-dark-light, #221825);
  }

  .tabs__list--variant_solid[data-orientation="vertical"] {
    padding-block: var(--spacing-1);
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .tabs__list--variant_solid[data-orientation="horizontal"] {
    align-items: center;
  }

  .tabs__trigger--variant_solid {
    color: var(--colors-text-secondary);
  }

  .tabs__trigger--variant_solid:is([data-selected], [aria-selected="true"], [data-state="selected"]) {
    color: var(--colors-text-primary);
    font-weight: var(--font-weights-semibold);
  }

  .tabs__indicator--variant_solid {
    background: radial-gradient(50.92% 50% at 50% 100%, #fff9 0%, #75466000 100%), linear-gradient(0deg, #ffffff0a 0%, #ffffff0a 100%), linear-gradient(125deg, var(--maktub-button-color, #e6007a) 0%, var(--maktub-button-color, #e6007a) 100%);
    border-radius: var(--radii-sm);
    height: var(--height);
    width: var(--width);
    position: absolute;
    --transition-duration: .4s !important;
  }

  .tabs__trigger--size_sm svg {
    width: var(--sizes-4);
    height: var(--sizes-4);
  }

  .mines-tile__root--status_gem {
    background: var(--mines-recess), var(--mines-floor);
  }

  .mines-tile__cover--status_gem {
    animation-name: scale-out;
    animation-duration: var(--duration);
    animation-timing-function: cubic-bezier(.87, -.41, .19, 1.44);
    animation-fill-mode: forwards;
  }

  .mines-tile__cover--status_idle {
    animation-name: scale-in;
    animation-duration: var(--duration);
    animation-timing-function: cubic-bezier(.87, -.41, .19, 1.44);
  }

  .mines-tile__cover--status_idle:is(:hover, [data-hover]) {
    background: var(--mines-top-hover);
    transform: translateY(calc(-1 * var(--mines-lift)));
    box-shadow: 0 calc(var(--mines-lip)  + var(--mines-lift)) 0 0 var(--mines-side-hover), inset 0 1px 0 0 #ffffff1a;
  }

  .mines-tile__cover--status_idle:is(:active, [data-active]) {
    background: var(--mines-top-hover);
    transform: translateY(calc(var(--mines-lip) * .6));
    box-shadow: 0 calc(var(--mines-lip) * .4) 0 0 var(--mines-side-hover), inset 0 1px 0 0 #ffffff1a;
    --transition-duration: 50ms;
    transition-duration: 50ms;
  }

  .mines-tile__root--status_fetching {
    border: 2px solid var(--maktub-button-color, #e6007a);
    box-shadow: 0 0 4px color-mix(in srgb, var(--maktub-button-color, #e6007a) 32%, transparent), 0 0 9px color-mix(in srgb, var(--maktub-button-color, #e6007a) 14%, transparent);
    animation: 2s ease-in-out infinite alternate shiny-border;
  }

  .mines-tile__cover--status_fetching {
    animation-name: tile-pulse;
    animation-duration: var(--fetch-duration);
    animation-delay: var(--duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  .mines-tile__root--status_mine {
    background: var(--mines-recess), var(--mines-floor);
  }

  .mines-tile__cover--status_mine {
    animation-name: scale-out;
    animation-duration: var(--duration);
    animation-timing-function: cubic-bezier(.87, -.41, .19, 1.44);
    animation-fill-mode: forwards;
  }

  .mines-tile__cover--selected_true {
    background: var(--maktub-button-color, #e6007a);
    box-shadow: 0 var(--mines-lip) 0 0 color-mix(in srgb, var(--maktub-button-color, #e6007a) 55%, black), inset 0 1px 0 0 #ffffff2e;
  }

  .mines-tile__root--cashedOut_true {
    border: 2px solid var(--maktub-button-color, #e6007a);
    box-shadow: 0 0 4px color-mix(in srgb, var(--maktub-button-color, #e6007a) 32%, transparent), 0 0 9px color-mix(in srgb, var(--maktub-button-color, #e6007a) 14%, transparent);
    animation: 2s ease-in-out infinite alternate shiny-border;
  }

  .slider__label--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: 1rem;
  }

  .slider__thumb--size_sm {
    height: var(--sizes-4);
    width: var(--sizes-4);
  }

  .slider__track--size_sm, .slider__range--size_sm {
    height: var(--sizes-1\.5);
  }

  .slider__control--size_sm {
    height: var(--sizes-4);
  }

  .slider__marker--size_sm, .slider__label--size_md {
    font-size: var(--font-sizes-sm);
    line-height: 1rem;
  }

  .slider__thumb--size_md {
    height: var(--sizes-4);
    width: var(--sizes-4);
  }

  .slider__track--size_md {
    height: var(--sizes-1);
  }

  .slider__range--size_md {
    height: var(--sizes-2);
  }

  .slider__control--size_md {
    height: var(--sizes-5);
  }

  .slider__marker--size_md {
    font-size: var(--font-sizes-sm);
    line-height: 1rem;
  }

  .slider__label--size_lg {
    font-size: var(--font-sizes-md);
    line-height: 1.25rem;
  }

  .slider__thumb--size_lg {
    height: var(--sizes-6);
    width: var(--sizes-6);
  }

  .slider__track--size_lg, .slider__range--size_lg {
    height: var(--sizes-2\.5);
  }

  .slider__control--size_lg {
    height: var(--sizes-6);
  }

  .slider__marker--size_lg {
    font-size: var(--font-sizes-md);
    line-height: 1.25rem;
  }

  .game-switch__control--size_md {
    width: 36px;
    height: 20px;
  }

  .game-switch__thumb--size_md {
    width: 14px;
    height: 14px;
  }

  .game-switch__thumb--size_md:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    transform: translateX(16px);
  }

  .game-switch__control--size_sm {
    width: 30px;
    height: 18px;
  }

  .game-switch__thumb--size_sm {
    width: 12px;
    height: 12px;
  }

  .game-switch__thumb--size_sm:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    transform: translateX(12px);
  }

  .toast__root--status_info {
    border-left-color: var(--colors-info);
  }

  .toast__root--status_success {
    border-left-color: #21ce55;
  }

  .toast__root--status_error {
    border-left-color: var(--colors-error);
  }

  .toast__root--status_warning {
    border-left-color: var(--colors-warning);
  }

  .toast__root--status_loading {
    border-left-color: var(--colors-info);
  }

  .toast__root--status_custom {
    border-left-color: var(--colors-neutral-500);
  }

  .menu__content--size_md {
    padding: var(--spacing-2);
  }

  .menu__item--size_md {
    height: var(--sizes-10);
    padding-inline: var(--spacing-2\.5);
    gap: var(--spacing-2\.5);
  }

  .menu__item--size_md:is(:hover, [data-hover]) {
    padding-left: var(--spacing-3);
  }

  .menu__itemGroupLabel--size_md {
    padding-block: var(--spacing-2\.5);
    padding-inline: var(--spacing-3);
  }

  .menu__triggerItem--size_md {
    height: var(--sizes-10);
    padding-inline: var(--spacing-3);
    gap: var(--spacing-1\.5);
  }

  .menu__content--variant_primary {
    background: var(--colors-neutral-100);
    border-radius: var(--radii-lg);
  }

  .menu__item--variant_primary {
    border-radius: var(--radii-md);
    color: #ffffff80;
    cursor: pointer;
    font-size: var(--font-sizes-sm);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color, padding;
    --transition-easing: var(--easings-default);
    transition-property: background, color, padding;
    transition-timing-function: var(--easings-default);
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative;
  }

  .menu__item--variant_primary[data-highlighted] {
    background: var(--maktub-bg-dark-light, #271c2b);
    color: #ffffffeb;
    font-weight: 600;
  }

  .menu__item--variant_primary:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    background: linear-gradient(125deg, var(--maktub-button-color, #e6007a), var(--maktub-button-color, #e6007a)) !important;
    box-shadow: 0px 2px 20px color-mix(in srgb, var(--maktub-button-color, #e6007a) 30%, transparent) !important;
    color: var(--colors-white) !important;
    font-weight: var(--font-weights-bold) !important;
  }

  .menu__item--variant_primary:is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #271c2b);
    color: #ffffffeb;
    font-weight: 600;
  }

  .menu__triggerItem--variant_primary {
    border-radius: var(--radii-md);
    color: #ffffff80;
    cursor: pointer;
    font-size: var(--font-sizes-sm);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color, padding;
    --transition-easing: var(--easings-default);
    transition-property: background, color, padding;
    transition-timing-function: var(--easings-default);
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative;
  }

  .menu__triggerItem--variant_primary[data-highlighted] {
    background: var(--maktub-bg-dark-light, #271c2b);
    color: #ffffffeb;
    font-weight: 600;
  }

  .menu__triggerItem--variant_primary:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    background: linear-gradient(125deg, var(--maktub-button-color, #e6007a), var(--maktub-button-color, #e6007a)) !important;
    box-shadow: 0px 2px 20px color-mix(in srgb, var(--maktub-button-color, #e6007a) 30%, transparent) !important;
    color: var(--colors-white) !important;
    font-weight: var(--font-weights-bold) !important;
  }

  .menu__triggerItem--variant_primary:is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #271c2b);
    color: #ffffffeb;
    font-weight: 600;
  }

  .menu__content--variant_secondary {
    background: var(--maktub-bg-dark, #201523);
    border-radius: var(--radii-md);
    border-color: var(--maktub-bg-dark-light, #251929);
    border-style: solid;
    border-width: 1px;
    min-width: 200px;
  }

  .menu__item--variant_secondary {
    border-radius: var(--radii-md);
    color: #ffffffb3;
    cursor: pointer;
    font-size: var(--font-sizes-sm);
    line-height: 1rem;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    --transition-easing: var(--easings-default);
    transition-property: background, color;
    transition-timing-function: var(--easings-default);
    align-items: center;
    display: flex;
    position: relative;
  }

  .menu__item--variant_secondary[data-highlighted] {
    background: radial-gradient(50.92% 50% at 50% 100%, #fff9 0%, #75466000 100%), linear-gradient(0deg, #ffffff0a 0%, #ffffff0a 100%), linear-gradient(125deg, var(--maktub-button-color, #e6007a) 0%, var(--maktub-button-color, #e6007a) 100%);
    color: var(--colors-white);
  }

  .menu__item--variant_secondary:is(:disabled, [disabled], [data-disabled]) {
    opacity: .5;
    pointer-events: none;
  }

  .menu__item--variant_secondary > svg {
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    --transition-easing: var(--easings-default);
    transition-property: background, color;
    transition-timing-function: var(--easings-default);
  }

  .menu__item--variant_secondary:is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #2f2632);
    color: var(--colors-white);
  }

  .menu__item--variant_secondary:is(:hover, [data-hover]) > svg {
    color: var(--colors-primary);
  }

  .menu__triggerItem--variant_secondary {
    border-radius: var(--radii-md);
    color: #ffffffb3;
    cursor: pointer;
    font-size: var(--font-sizes-sm);
    line-height: 1rem;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    --transition-easing: var(--easings-default);
    transition-property: background, color;
    transition-timing-function: var(--easings-default);
    align-items: center;
    display: flex;
    position: relative;
  }

  .menu__triggerItem--variant_secondary[data-highlighted] {
    background: radial-gradient(50.92% 50% at 50% 100%, #fff9 0%, #75466000 100%), linear-gradient(0deg, #ffffff0a 0%, #ffffff0a 100%), linear-gradient(125deg, var(--maktub-button-color, #e6007a) 0%, var(--maktub-button-color, #e6007a) 100%);
    color: var(--colors-white);
  }

  .menu__triggerItem--variant_secondary:is(:disabled, [disabled], [data-disabled]) {
    opacity: .5;
    pointer-events: none;
  }

  .menu__triggerItem--variant_secondary > svg {
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    --transition-easing: var(--easings-default);
    transition-property: background, color;
    transition-timing-function: var(--easings-default);
  }

  .menu__triggerItem--variant_secondary:is(:hover, [data-hover]) {
    background: var(--maktub-bg-dark-light, #2f2632);
    color: var(--colors-white);
  }

  .menu__triggerItem--variant_secondary:is(:hover, [data-hover]) > svg {
    color: var(--colors-primary);
  }

  .menu__content--size_xs {
    padding: var(--spacing-1);
  }

  .menu__item--size_xs {
    height: var(--sizes-8);
    padding-inline: var(--spacing-1\.5);
    gap: var(--spacing-1\.5);
  }

  .menu__item--size_xs:is(:hover, [data-hover]) {
    padding-left: var(--spacing-2);
  }

  .menu__itemGroupLabel--size_xs {
    padding-block: var(--spacing-1\.5);
    padding-inline: var(--spacing-1\.5);
  }

  .menu__triggerItem--size_xs {
    height: var(--sizes-8);
    padding-inline: var(--spacing-1\.5);
    gap: var(--spacing-1\.5);
  }

  .menu__content--size_sm {
    padding: var(--spacing-1);
  }

  .menu__item--size_sm {
    height: var(--sizes-9);
    padding-inline: var(--spacing-2);
    gap: var(--spacing-2);
  }

  .menu__item--size_sm:is(:hover, [data-hover]) {
    padding-left: var(--spacing-2\.5);
  }

  .menu__itemGroupLabel--size_sm {
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-2);
  }

  .menu__triggerItem--size_sm {
    height: var(--sizes-9);
    padding-inline: var(--spacing-2);
    gap: var(--spacing-2);
  }

  .menu__content--size_lg {
    padding: var(--spacing-2);
  }

  .menu__item--size_lg {
    height: var(--sizes-11);
    padding-inline: var(--spacing-2\.5);
    gap: var(--spacing-2\.5);
  }

  .menu__item--size_lg:is(:hover, [data-hover]) {
    padding-left: var(--spacing-3);
  }

  .menu__itemGroupLabel--size_lg {
    padding-block: var(--spacing-2\.5);
    padding-inline: var(--spacing-2\.5);
  }

  .menu__triggerItem--size_lg {
    height: var(--sizes-11);
    padding-inline: var(--spacing-2\.5);
    gap: var(--spacing-2\.5);
  }
}

.maktub-sdk-root {
.baccarat{display:flex;flex-direction:column;position:absolute;inset:0;overflow:hidden;padding:3em 1em 1em}.baccarat .playing-card{font-size:10px;height:7em;width:5em}.baccarat__hands .playing-card__back-logo{font-size:10px}@media(min-width: 768px){.baccarat .playing-card{font-size:11px;height:8.5em;width:6em}.baccarat__hands .playing-card__back-logo{font-size:11px}}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.baccarat .playing-card{font-size:12px;height:9em;width:6.5em}.baccarat__hands .playing-card__back-logo{font-size:12px}}@media(min-width: 1440px){.baccarat .playing-card{font-size:13px;height:9.5em;width:7em}.baccarat__hands .playing-card__back-logo{font-size:13px}}.baccarat__deck{position:absolute;right:1em;top:-3em;z-index:1}.baccarat__deck .playing-card{font-size:16px;height:7em;width:5em}@media(min-width: 768px){.baccarat .baccarat__deck .playing-card{font-size:16px;height:8.5em;width:6em}}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.baccarat .baccarat__deck .playing-card{font-size:16px;height:10em;width:7em}}@media(min-width: 1440px){.baccarat .baccarat__deck .playing-card{font-size:16px;height:11em;width:7.7em}}.baccarat__hands{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:space-between;align-items:center;gap:1em;position:relative;width:100%;z-index:2}.baccarat__felt{background:radial-gradient(ellipse 58% 52% at 50% 50%, color-mix(in srgb, var(--maktub-white-tone, #fff) 3.5%, transparent), transparent 72%);inset:-0.5em 0 0;pointer-events:none;position:absolute;z-index:-1}.baccarat__felt::before{border:2px solid rgba(255,255,255,.07);border-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 8%, transparent);border-radius:9999px;bottom:0;content:"";left:max(.5em,50% - 26em);outline:1px solid rgba(255,255,255,.03);outline-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 3.5%, transparent);outline-offset:-0.7em;position:absolute;right:max(.5em,50% - 26em);top:0}.baccarat__banker-hand{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.5em;min-height:8.5em}.baccarat__player-hand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5em;min-height:8.5em}.baccarat__label{color:rgba(255,255,255,.5);color:color-mix(in srgb, var(--maktub-white-tone, #fff) 50%, transparent);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.baccarat__banner{display:flex;flex-direction:column;align-items:center;gap:.25em;width:100%}.baccarat__brand{align-items:center;animation:baccarat-brand-in .4s cubic-bezier(0.22, 1, 0.36, 1) both;display:flex;justify-content:center;max-width:min(16em,62%);position:relative}.baccarat__brand::before,.baccarat__brand::after{content:"";height:1px;position:absolute;top:50%;width:min(8em,18vw)}.baccarat__brand::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.09), transparent);background:linear-gradient(to left, color-mix(in srgb, var(--maktub-white-tone, #fff) 10%, transparent), transparent);margin-right:.75em;right:100%}.baccarat__brand::after{background:linear-gradient(to right, rgba(255, 255, 255, 0.09), transparent);background:linear-gradient(to right, color-mix(in srgb, var(--maktub-white-tone, #fff) 10%, transparent), transparent);left:100%;margin-left:.75em}.baccarat__brand-logo{align-items:center;background:radial-gradient(ellipse 70% 90% at 50% 50%, rgba(255, 255, 255, 0.04), transparent 75%),rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.07);border-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 8%, transparent);border-radius:9999px;display:flex;justify-content:center;max-width:100%;outline:1px solid rgba(255,255,255,.03);outline-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 4%, transparent);outline-offset:-6px;padding:.45rem 1.2rem}@media(min-width: 768px){.baccarat__brand-logo{padding:.45rem 1.5rem}}.baccarat__brand-logo img,.baccarat__brand-logo svg{display:block;height:1.3rem !important;max-height:1.3rem}@media(min-width: 768px){.baccarat__brand-logo img,.baccarat__brand-logo svg{height:1.5rem !important;max-height:1.5rem}}.baccarat__brand-logo img,.baccarat__brand-logo svg{max-width:100%;object-fit:contain;opacity:.9;width:auto}.baccarat__banner-text{position:relative;display:flex;align-items:center;justify-content:center}.baccarat__banner-svg{display:block;width:204px;height:43px}.baccarat__banner-label{position:absolute;top:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);color:color-mix(in srgb, var(--maktub-white-tone, #fff) 70%, transparent);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.baccarat__winner{--badge: #39cf74;--badge-ink: #39cf74;align-items:center;animation:baccarat-winner-in .46s cubic-bezier(0.34, 1.56, 0.64, 1) both;background:linear-gradient(180deg, color-mix(in srgb, var(--badge) 24%, transparent), color-mix(in srgb, var(--badge) 10%, transparent));border-radius:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--badge) 42%, transparent),inset 0 1px 0 rgba(255,255,255,.08),0 0 1.75em -0.5em color-mix(in srgb, var(--badge) 55%, transparent);color:var(--badge-ink);display:flex;font-size:.95rem;font-weight:700;height:2.25rem;justify-content:center;letter-spacing:.08em;line-height:1;overflow:hidden;padding:0 1.5em;position:relative;text-transform:uppercase;white-space:nowrap}.baccarat__winner::after{animation:baccarat-sheen .9s cubic-bezier(0.3, 0, 0.2, 1) .18s both;background:linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.14) 46%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0.14) 54%, transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.baccarat__winner--player{--badge: #3b82f6;--badge-ink: #6ea8ff}.baccarat__winner--banker{--badge: #ed083e;--badge-ink: #ff5c7a}.baccarat__winner--tie{--badge: #39cf74;--badge-ink: #39cf74}.baccarat__actions{flex-shrink:0;margin-top:auto;padding-bottom:.25em}.baccarat__positions{display:flex;flex-shrink:0;gap:.75em;width:100%}@media(max-width: 767px){.baccarat__positions{padding:0 .5em}}.baccarat__position{--side: #39cf74;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;gap:2px;height:110px;padding:0 .75em;border-radius:var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 12px));border:none;background:var(--maktub-bg-dark-lighter, #2D2B33);box-shadow:none;color:var(--maktub-white-tone, #FFFFFF);transition:background-color .18s cubic-bezier(0.22, 1, 0.36, 1),color .18s cubic-bezier(0.22, 1, 0.36, 1),filter .18s cubic-bezier(0.22, 1, 0.36, 1);cursor:pointer}.baccarat__position--player{--side: #3b82f6}.baccarat__position--banker{--side: #ed083e}@media(hover: hover){.baccarat__position:not(.baccarat__position--locked):hover{background:var(--maktub-button-color, #E6007A);color:var(--maktub-button-text-color, #FFFFFF)}.baccarat__position:not(.baccarat__position--locked):hover .baccarat__position-amount{color:inherit}}.baccarat__position:not(.baccarat__position--locked):active{filter:brightness(0.94)}.baccarat__position--won{outline:1.5px solid color-mix(in srgb, #39cf74 70%, transparent);outline-offset:-1.5px}.baccarat__position--won::after{animation:baccarat-position-sheen 1s cubic-bezier(0.3, 0, 0.2, 1) .1s both;background:linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, 0.09) 48%, rgba(255, 255, 255, 0.14) 50%, rgba(255, 255, 255, 0.09) 52%, transparent 65%);background-repeat:no-repeat;background-size:250% 100%;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.baccarat__position--won .baccarat__position-amount{color:#39cf74}.baccarat__position--won .baccarat__position-chips{animation:baccarat-chips-hop .5s cubic-bezier(0.34, 1.56, 0.64, 1) both}.baccarat__position--winner{outline:1.5px solid color-mix(in srgb, var(--maktub-white-tone, #fff) 18%, transparent);outline-offset:-1.5px}.baccarat__position--lost .baccarat__position-chips,.baccarat__position--lost .baccarat__position-amount{opacity:.38;transition:opacity .35s cubic-bezier(0.22, 1, 0.36, 1)}.baccarat__position-tab{background:var(--side);border-radius:0 0 4px 4px;height:6px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:46px}.baccarat__position-label{font-family:var(--maktub-font-family);font-style:normal;font-weight:700;font-size:18px;line-height:22px}@media(max-width: 767px){.baccarat__position-label{font-size:14px;line-height:16px}}.baccarat__position-odds{font-family:var(--maktub-font-family);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;line-height:16px;margin-bottom:6px;opacity:.55}@media(max-width: 767px){.baccarat__position-odds{font-size:11px;line-height:13px;margin-bottom:2px}}.baccarat__position-amount{display:flex;align-items:center;font-family:var(--maktub-font-family);font-style:normal;font-weight:600;font-size:22px;line-height:22px;transition:color .3s cubic-bezier(0.22, 1, 0.36, 1)}@media(max-width: 767px){.baccarat__position-amount{font-size:16px;line-height:18px}}.baccarat__position-chips{position:absolute;right:10px;bottom:10px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-baccarat-content]{--baccarat-mobile-height: 400px}.baccarat{padding:12px 12px 4px}.baccarat__hands{gap:8px}.baccarat__banker-hand,.baccarat__player-hand{min-height:106px;gap:2px}.baccarat__label{font-size:11px;line-height:14px}.baccarat__banner-svg{height:24px;width:150px}.baccarat__brand::before,.baccarat__brand::after{width:min(4em,14vw);margin:0 .5em}.baccarat__brand-logo{border-width:1.5px;outline-offset:-4px;padding:3px 12px}.baccarat__brand-logo img,.baccarat__brand-logo svg{height:14px !important;max-height:14px}.baccarat__winner{height:24px;font-size:11px;padding:0 1em;border-radius:6px}.baccarat__banner-label{height:20px;font-size:9px}.baccarat__positions{gap:8px;padding:0;flex-shrink:0}.baccarat__position{height:64px;padding:6px 8px 0}.baccarat__position-label{font-size:14px;line-height:16px}.baccarat__position-odds{font-size:11px;line-height:13px;margin-bottom:2px}.baccarat__position-amount{font-size:16px;line-height:18px}.baccarat__deck{top:0;right:8px;font-size:8px}.baccarat .baccarat__deck .playing-card{font-size:8px;width:5em;height:7em}.baccarat .baccarat__deck .deck>*:not(:last-child){margin-top:-7em}.baccarat__hands .playing-card{font-size:10px;width:5em;height:7em}.baccarat .playing-card__back-logo{font-size:inherit}.baccarat .hand__value{height:22px;margin:3px 0;font-size:14px}}
.binary-chart-frame{flex:1 1 0%;min-height:0;margin:16px;display:flex;position:relative;overflow:hidden;border-radius:var(--maktub-border-radius, 6px);border:2px solid var(--maktub-bg-dark-light, #251929)}.binary-chart-frame>*{flex:1 1 0%;min-width:0}.binary-chart-canvas{display:block;width:100%;height:100%;min-height:0;touch-action:pan-y;cursor:crosshair}.binary-topbar{display:flex;align-items:center;gap:14px;width:100%;padding:12px 20px;font-family:var(--maktub-font-family);color:#fff;user-select:none}.binary-topbar__picker{position:relative}.binary-topbar__select{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 86%, #fff 12%);background:var(--maktub-bg-dark, #1d121f);color:#fff;font-size:14px;font-weight:700;cursor:pointer}.binary-topbar__dot{width:8px;height:8px;border-radius:50%;background:#f7931a}.binary-topbar__dot--forex{background:#4c8dff}.binary-topbar__dot--commodity{background:#e8b84a}.binary-topbar__dot--synthetic{background:#b46cff}.binary-topbar__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:280px;max-height:420px;overflow-y:auto;padding:6px;border-radius:10px;background:var(--maktub-bg-dark, #1d121f);border:1px solid color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 80%, #fff 16%);box-shadow:0 16px 40px rgba(0,0,0,.45)}.binary-topbar__group+.binary-topbar__group{margin-top:6px}.binary-topbar__group-title{padding:6px 8px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9d97a8}.binary-topbar__option{display:flex;justify-content:space-between;width:100%;padding:8px;border:none;border-radius:6px;background:rgba(0,0,0,0);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.binary-topbar__option:hover{background:color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 88%, #fff 10%)}.binary-topbar__option--active{background:color-mix(in srgb, var(--maktub-button-color, #e6007a) 22%, transparent)}.binary-topbar__option-price{font-variant-numeric:tabular-nums;color:#c9c4d1}.binary-topbar__option-closed{color:#6f6878;font-size:12px}.binary-topbar__price{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;transition:color .25s}.binary-topbar__price--up{color:#24d861}.binary-topbar__price--down{color:#de3449}.binary-topbar__change{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.binary-topbar__change--up{color:#24d861}.binary-topbar__change--down{color:#de3449}.binary-topbar__spacer{flex:1}.binary-topbar__status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#9d97a8}.binary-topbar__status--live{color:#c9c4d1}.binary-topbar__pulse{width:8px;height:8px;border-radius:50%;background:#24d861;box-shadow:0 0 0 0 rgba(36,216,97,.6);animation:binary-pulse 1.6s infinite}.binary-form{display:flex;flex-direction:column;gap:14px;font-family:var(--maktub-font-family)}.binary-form__tabs{display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;padding:4px;border-radius:8px;background:color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 82%, #000 18%)}.binary-form__tab{padding:8px 4px;border:none;border-radius:6px;background:rgba(0,0,0,0);color:#9d97a8;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.binary-form__tab--active{background:var(--maktub-bg-dark-light, #2a1d2e);color:#fff}.binary-form__field{display:flex;flex-direction:column;gap:8px}.binary-form__notice{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.05);font-size:12px;line-height:1.4;color:#9d97a8}.binary-form__field-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#9d97a8}.binary-form__level{color:#fff;font-variant-numeric:tabular-nums}.binary-form__level em{font-style:normal;color:#9d97a8}.binary-form__chips,.binary-form__offsets{display:flex;flex-wrap:wrap;gap:6px}.binary-form__chip,.binary-form__offset{min-width:44px;padding:7px 8px;border-radius:6px;border:1px solid color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 80%, #fff 14%);background:rgba(0,0,0,0);color:#c9c4d1;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.binary-form__chip--active,.binary-form__offset--active{border-color:var(--maktub-button-color, #e6007a);background:color-mix(in srgb, var(--maktub-button-color, #e6007a) 20%, transparent);color:#fff}.binary-form__offset{min-width:0;flex:1 0 17%;padding:6px 2px}.binary-form__offset--above:not(.binary-form__offset--active){color:color-mix(in srgb, #24d861 70%, #fff 30%)}.binary-form__offset--below:not(.binary-form__offset--active){color:color-mix(in srgb, #de3449 70%, #fff 30%)}.binary-form__offset:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.binary-form__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.binary-form__trade{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:filter .15s,transform .08s,opacity .15s}.binary-form__trade--up{background:linear-gradient(180deg, #2fe46d 0%, #1fb555 100%)}.binary-form__trade--down{background:linear-gradient(180deg, #ee4559 0%, #c12a3d 100%)}.binary-form__trade:hover:not(:disabled){filter:brightness(1.08)}.binary-form__trade:active:not(:disabled){transform:translateY(1px)}.binary-form__trade:disabled{opacity:.45;cursor:not-allowed}.binary-form__trade--pending{opacity:.7}.binary-form__trade-label{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.binary-form__trade-multiplier{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}.binary-form__trade-payout{font-size:11px;font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}.binary-trades{display:flex;flex-direction:column;gap:8px;margin-top:6px;font-family:var(--maktub-font-family)}.binary-trades__tabs{display:flex;gap:16px;border-bottom:1px solid color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 80%, #fff 14%)}.binary-trades__tab{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:none;border-bottom:2px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#9d97a8;font-size:13px;font-weight:700;cursor:pointer}.binary-trades__tab--active{color:#fff;border-bottom-color:var(--maktub-button-color, #e6007a)}.binary-trades__count{min-width:18px;padding:1px 5px;border-radius:9px;background:var(--maktub-button-color, #e6007a);color:var(--maktub-button-text-color, #fff);font-size:11px;text-align:center}.binary-trades__empty{padding:18px 0;text-align:center;font-size:13px;color:#6f6878}.binary-trade{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,0);background:color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 82%, #000 18%);font-size:12px;color:#fff;cursor:pointer}.binary-trade--focused{border-color:color-mix(in srgb, var(--maktub-button-color, #e6007a) 70%, transparent)}.binary-trade--history{cursor:default}.binary-trade__row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}.binary-trade__row--muted{color:#9d97a8}.binary-trade__side{font-weight:800}.binary-trade__side--up{color:#24d861}.binary-trade__side--down{color:#de3449}.binary-trade__instrument{flex:1;font-weight:600;color:#c9c4d1}.binary-trade__countdown{font-weight:800}.binary-trade__progress{height:4px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.08)}.binary-trade__progress-fill{height:100%;transition:width .25s linear,background .2s}.binary-trade__progress-fill--up{background:#24d861}.binary-trade__progress-fill--down{background:#de3449}.binary-trade__progress-fill--flat{background:#9d97a8}.binary-trade__status,.binary-trade__result{font-weight:800}.binary-trade__status--up,.binary-trade__result--up{color:#24d861}.binary-trade__status--down,.binary-trade__result--down{color:#de3449}.binary-trade__status--flat,.binary-trade__result--flat{color:#9d97a8}.binary-trade__sell{padding:5px 10px;border-radius:6px;border:1px solid color-mix(in srgb, var(--maktub-bg-dark, #1d121f) 70%, #fff 24%);background:rgba(0,0,0,0);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.binary-trade__sell:hover:not(:disabled){background:rgba(255,255,255,.06)}.binary-trade__sell:disabled{opacity:.5;cursor:wait}
[data-maktub-game-grid]:has(.binary-aurora-panel){background:#0b1327;font-family:Inter,Arial,sans-serif;font-feature-settings:"tnum"}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {[data-maktub-game-grid]:has(.binary-aurora-panel){grid-template-areas:"header header" "content sidebar" "bottomBar bottomBar";grid-template-columns:minmax(0, 1fr) 200px}}[data-maktub-game-grid]:has(.binary-aurora-panel) [data-maktub-game-header]{border-bottom:1px solid #2e3c60;background:#0b1327}[data-maktub-game-grid]:has(.binary-aurora-panel) [data-maktub-game-sidebar]{background:#0b1327;border-right:0 !important}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {[data-maktub-game-grid]:has(.binary-aurora-panel) [data-maktub-game-sidebar]{border-left:1px solid #2e3c60}}[data-maktub-game-grid]:has(.binary-aurora-panel) [data-maktub-sidebar-controls]{padding:16px;gap:16px}[data-maktub-game-grid]:has(.binary-aurora-panel) [data-maktub-game-content]{background:#0b1327}[data-maktub-game-grid]:has(.binary-aurora-panel) .binary-aurora-panel button,[data-maktub-game-grid]:has(.binary-aurora-panel) .binary-aurora button,[data-maktub-game-grid]:has(.binary-aurora-panel) .binary-aurora-header button{min-width:0;min-height:0}.binary-aurora-up{color:#64d297}.binary-aurora-muted{color:#a5b8e3}.binary-aurora-header{display:flex;align-items:center;gap:8px;padding:8px 12px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-header{padding:8px 16px}}.binary-aurora-header__portfolio{display:inline-flex;flex:none;align-items:center;gap:6px;height:40px;margin-left:auto;padding:0 12px;border-radius:8px;background:#182443;color:#a5b8e3;font:500 12px/18px Inter,Arial,sans-serif;cursor:pointer;transition:background .3s}.binary-aurora-header__portfolio:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-header__portfolio:hover,.binary-aurora-header__portfolio--on{background:#1e2b4d;color:#eef7ff}.binary-aurora-header__portfolio i{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:1000px;background:#f76b15;color:#fff;font-style:normal;font-size:11px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-header__portfolio span{display:none}}.binary-aurora-tabs{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.binary-aurora-tabs__add{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#253356;color:#eef7ff;cursor:pointer}.binary-aurora-tabs__add:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-tabs__add:hover{background:linear-gradient(rgba(229, 238, 255, 0.15), rgba(229, 238, 255, 0.15)),#253356}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-tabs__add{width:48px;height:48px}}.binary-aurora-tab{position:relative;display:flex;flex:none;align-items:center;min-width:112px;max-width:180px;height:40px;border-radius:8px;background:#182443;overflow:hidden;transition:background .5s}.binary-aurora-tab:hover{background:#1e2b4d}.binary-aurora-tab--active{background:#253356}.binary-aurora-tab--active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#617299}.binary-aurora-tab--active:hover{background:#253356}.binary-aurora-tab__glow{position:absolute;inset:0;pointer-events:none}.binary-aurora-tab__glow--up{background:radial-gradient(at bottom, rgba(48, 164, 108, 0.5), transparent 70%)}.binary-aurora-tab__glow--down{background:radial-gradient(at bottom, rgba(229, 72, 77, 0.5), transparent 70%)}.binary-aurora-tab__main{position:relative;display:flex;flex:1;align-items:center;gap:4px;min-width:0;height:100%;padding:0 4px;color:#eef7ff;text-align:left;cursor:pointer}.binary-aurora-tab__main:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-tab__icon{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px}.binary-aurora-tab__ring{position:absolute;inset:0}.binary-aurora-tab__text{display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:18px}.binary-aurora-tab__name{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.binary-aurora-tab__sub{overflow:hidden;color:#a5b8e3;text-overflow:ellipsis;white-space:nowrap}.binary-aurora-tab__close{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;border-radius:6px;color:#a5b8e3;opacity:0;cursor:pointer;transition:opacity .3s}.binary-aurora-tab__close:hover{background:linear-gradient(rgba(229, 238, 255, 0.05), rgba(229, 238, 255, 0.05))}.binary-aurora-tab:hover .binary-aurora-tab__close,.binary-aurora-tab__close:focus-visible{opacity:1}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-tab{height:48px}.binary-aurora-tab--active{min-width:160px;max-width:246px}.binary-aurora-tab__close{opacity:1}}.binary-aurora-panel{display:flex;flex-direction:column;width:100%;color:#eef7ff;font-family:Inter,Arial,sans-serif}.binary-aurora-ticket{display:flex;flex-direction:column;gap:16px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-ticket{gap:8px}}.binary-aurora-selectors{display:flex;flex-direction:column;gap:16px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-selectors{flex-direction:row;gap:12px}}.binary-aurora-selector{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.binary-aurora-selector__label{font-size:14px;line-height:20px;color:#a5b8e3;text-align:center}.binary-aurora-stepper{display:flex;align-items:center;gap:4px;height:40px;padding:0 4px;border-radius:12px;background:#182443}.binary-aurora-stepper button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#a5b8e3;cursor:pointer}.binary-aurora-stepper button:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-stepper button:hover:not(:disabled){background:rgba(229,238,255,.05);color:#eef7ff}.binary-aurora-stepper button:active:not(:disabled){background:rgba(229,238,255,.15)}.binary-aurora-stepper button:disabled{opacity:.4;cursor:default}.binary-aurora-stepper__value{flex:1;min-width:0;border:0;outline:0;background:rgba(0,0,0,0);color:#eef7ff;font:400 16px/22px Inter,Arial,sans-serif;letter-spacing:-0.011px;text-align:center}.binary-aurora-return{display:flex;flex-direction:column;align-items:center}.binary-aurora-return__label{font-size:14px;line-height:20px;color:#eef7ff}.binary-aurora-return__pct{font-size:32px;line-height:45px;font-weight:600;letter-spacing:-0.021px;color:#64d297}.binary-aurora-return__value{font-size:14px;line-height:20px;color:#64d297}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-return{order:3;flex-direction:row;justify-content:center;gap:4px;font-size:14px}.binary-aurora-return__pct{font-size:14px;line-height:20px;font-weight:500}.binary-aurora-return__value::before{content:"("}.binary-aurora-return__value::after{content:")"}}.binary-aurora-deals{display:flex;flex-direction:column-reverse;gap:16px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-deals{flex-direction:row;gap:12px}}.binary-aurora-deal{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:48px;max-height:96px;height:96px;padding:8px 16px;border-radius:12px;color:#fff;font:500 20px/28px Inter,Arial,sans-serif;letter-spacing:-0.016px;text-align:left;cursor:pointer;transition:transform .15s,opacity .1s}.binary-aurora-deal:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-deal--higher{background:#30a46c}.binary-aurora-deal--higher:hover:not(:disabled),.binary-aurora-deal--higher:active:not(:disabled){background:linear-gradient(rgba(229, 238, 255, 0.15), rgba(229, 238, 255, 0.15)),#30a46c}.binary-aurora-deal--lower{background:#e5484d}.binary-aurora-deal--lower:hover:not(:disabled),.binary-aurora-deal--lower:active:not(:disabled){background:linear-gradient(rgba(229, 238, 255, 0.15), rgba(229, 238, 255, 0.15)),#e5484d}.binary-aurora-deal:active:not(:disabled){transform:scale(0.98)}.binary-aurora-deal:disabled{opacity:.4;cursor:default}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-deal{flex:1;height:48px;padding:4px 16px;font-size:16px;line-height:22px}}.binary-aurora{position:relative;display:flex;flex:1;width:100%;min-height:0;color:#eef7ff;font-family:Inter,Arial,sans-serif}.binary-aurora__chart{display:flex;flex:1;min-width:0}.binary-aurora__chart>canvas{flex:1;min-width:0}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora__chart{flex-direction:column;min-height:443px}.binary-aurora__chart>canvas{flex:1 1 0;min-height:0}}.binary-aurora__toolbox{display:contents}.binary-aurora__analysis{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#253356;color:#eef7ff;cursor:pointer}.binary-aurora__analysis:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora__analysis:hover,.binary-aurora__analysis--on{background:linear-gradient(rgba(229, 238, 255, 0.05), rgba(229, 238, 255, 0.05)),#253356}.binary-aurora__analysis i{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#f76b15;color:#fff;font:normal 600 10px/16px Inter,Arial,sans-serif;text-align:center}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora__analysis{width:32px;height:32px;border-radius:8px}}.binary-aurora__tools{position:absolute;left:14px;bottom:calc(48px + var(--aurora-panes, 0px));display:flex;flex-direction:column;gap:8px}.binary-aurora__pair{display:flex;flex-direction:column;gap:1px}.binary-aurora__pair button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#253356;color:#eef7ff;font:400 14px/20px Inter,Arial,sans-serif;cursor:pointer}.binary-aurora__pair button:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora__pair button:first-child{border-radius:12px 12px 0 0}.binary-aurora__pair button:last-child{border-radius:0 0 12px 12px}.binary-aurora__pair button:hover:not(:disabled){background:linear-gradient(rgba(229, 238, 255, 0.15), rgba(229, 238, 255, 0.15)),#253356}.binary-aurora__pair button:disabled{opacity:.4;cursor:default}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora__pair button{width:32px;height:32px}}.binary-aurora__zoom{position:absolute;left:50%;bottom:calc(40px + var(--aurora-panes, 0px));display:flex;gap:1px;opacity:0;transform:translateX(-50%);transition:opacity .2s}.binary-aurora__zoom button,.binary-aurora__zoom span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#253356;color:#eef7ff;font-size:14px;line-height:20px}.binary-aurora__zoom button{cursor:pointer}.binary-aurora__zoom button:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora__zoom button:hover{background:linear-gradient(rgba(229, 238, 255, 0.15), rgba(229, 238, 255, 0.15)),#253356}.binary-aurora__zoom button:first-child{border-radius:12px 0 0 12px}.binary-aurora__zoom button:last-child{border-radius:0 12px 12px 0}.binary-aurora:hover .binary-aurora__zoom,.binary-aurora__zoom:focus-within{opacity:1}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora__zoom{opacity:1;left:auto;right:70px;transform:none}.binary-aurora__zoom button,.binary-aurora__zoom span{width:32px;height:32px}}.binary-aurora-title{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:12px;height:80px;padding:16px;background:linear-gradient(#0b1327 0%, transparent 100%);pointer-events:none}.binary-aurora-title>*{pointer-events:auto}.binary-aurora-title__close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#253356;color:#eef7ff;cursor:pointer}.binary-aurora-title__close:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-title__close:hover{background:linear-gradient(rgba(229, 238, 255, 0.15), rgba(229, 238, 255, 0.15)),#253356}.binary-aurora-title__asset{display:flex;align-items:center;gap:12px;color:#eef7ff;text-align:left;cursor:pointer}.binary-aurora-title__asset:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-title__text{display:flex;flex-direction:column}.binary-aurora-title__name{display:inline-flex;align-items:center;gap:4px;font-size:20px;line-height:28px;font-weight:500;letter-spacing:-0.016px}.binary-aurora-title__sub{font-size:14px;line-height:20px;color:#a5b8e3}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-title{display:none}}.binary-aurora-inspector{display:flex;gap:24px;margin-left:auto;margin-right:60px}.binary-aurora-inspector div{display:flex;flex-direction:column}.binary-aurora-inspector span{font-size:14px;line-height:20px;color:#a5b8e3}.binary-aurora-inspector b{font-size:18px;line-height:25px;font-weight:400;color:#eef7ff}.binary-aurora-inspector b.binary-aurora-up{color:#64d297}.binary-aurora-types{position:absolute;z-index:6;left:62px;bottom:calc(48px + var(--aurora-panes, 0px));width:320px;padding-bottom:8px;border:1px solid rgba(0,0,0,0);border-radius:16px;background:#182443;box-shadow:rgba(0,0,0,.2) 0 4px 12px}.binary-aurora-types__head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px 16px;font-size:16px;line-height:22px;font-weight:500}.binary-aurora-types__head button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:#a5b8e3;cursor:pointer}.binary-aurora-types__head button:hover{background:rgba(229,238,255,.05)}.binary-aurora-types__item{display:flex;align-items:center;gap:12px;width:100%;height:56px;padding:16px;color:#eef7ff;font-size:16px;line-height:24px;text-align:left;cursor:pointer}.binary-aurora-types__item span{flex:1}.binary-aurora-types__item:hover{background:rgba(229,238,255,.05)}.binary-aurora-types__radio{width:24px;height:24px;border:1px solid #617299;border-radius:50%;background:#182443}.binary-aurora-types__radio--on{border:7px solid #f76b15;background:#fff}.binary-aurora-portfolio{position:absolute;z-index:5;top:0;left:0;bottom:0;display:flex;flex-direction:column;width:min(359px,100%);background:#0b1327;border-right:1px solid #2e3c60}.binary-aurora-portfolio__head{display:flex;flex:none;align-items:center;justify-content:space-between;height:40px;padding:0 2px 0 12px;font-size:14px;line-height:20px;font-weight:500}.binary-aurora-portfolio__head button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#a5b8e3;cursor:pointer}.binary-aurora-portfolio__head button:hover{background:rgba(229,238,255,.05)}.binary-aurora-portfolio__body{display:flex;flex-direction:column;gap:20px;padding:12px;overflow-y:auto}.binary-aurora-portfolio__body section{display:flex;flex-direction:column;gap:8px}.binary-aurora-portfolio__body h3{margin:0;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-0.02px}.binary-aurora-portfolio__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;font-size:14px;line-height:20px;color:#a5b8e3}.binary-aurora-total{display:flex;flex-direction:column;justify-content:center;height:96px;padding:12px;border-radius:12px;background:#182443}.binary-aurora-total span{font-size:14px;line-height:20px;color:#a5b8e3}.binary-aurora-total b{font-size:20px;line-height:28px;font-weight:500}.binary-aurora-total b small{font-size:14px;line-height:19.6px}.binary-aurora-card{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;padding:12px;border-radius:12px;background:#182443;color:#eef7ff;text-align:left;cursor:pointer}.binary-aurora-card:hover{background:linear-gradient(rgba(229, 238, 255, 0.05), rgba(229, 238, 255, 0.05)),#182443}.binary-aurora-card:active{background:linear-gradient(rgba(229, 238, 255, 0.15), rgba(229, 238, 255, 0.15)),#182443}.binary-aurora-card__asset{display:flex;align-items:center;gap:8px;min-width:0}.binary-aurora-card__asset>span{display:flex;flex-direction:column}.binary-aurora-card__asset b{font-size:14px;line-height:20px;font-weight:500}.binary-aurora-card__asset small{font-size:12px;line-height:18px;color:#a5b8e3}.binary-aurora-card__result{display:flex;flex-direction:column;align-items:flex-end}.binary-aurora-card__result b{font-size:14px;line-height:20px;font-weight:400}.binary-aurora-card__result small{display:inline-flex;align-items:center;gap:2px;font-size:12px;line-height:18px;color:#a5b8e3}.binary-aurora-card__timer{margin-left:4px;font-style:normal;color:#eef7ff}.binary-aurora-card__badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:#fff}.binary-aurora-card__badge--win{background:#30a46c}.binary-aurora-card__badge--loss{background:#e5484d}.binary-aurora-picker{position:absolute;z-index:7;inset:0;display:flex;justify-content:center;padding:24px 16px;background:rgba(11,19,39,.8);backdrop-filter:blur(8px)}.binary-aurora-picker__content{display:flex;flex-direction:column;gap:12px;width:min(800px,100%);max-height:640px;padding-top:12px}.binary-aurora-picker__search{position:relative;display:flex;align-items:center;height:40px;border:1px solid rgba(0,0,0,0);border-radius:8px;background:#0b1327;color:#a5b8e3}.binary-aurora-picker__search svg{position:absolute;left:8px}.binary-aurora-picker__search input{width:100%;height:100%;padding:0 39px 0 33px;border:0;outline:0;background:rgba(0,0,0,0);color:#eef7ff;font:400 14px/20px Inter,Arial,sans-serif}.binary-aurora-picker__search:focus-within{border-color:#f76b15;box-shadow:rgba(247,107,21,.4) 0 0 24px}.binary-aurora-picker__panel{display:flex;flex-direction:column;min-height:0;border-radius:12px;background:#131b30;overflow:hidden}.binary-aurora-picker__tabs{display:flex}.binary-aurora-picker__tabs button{flex:1;height:40px;padding:0 12px;border-bottom:1px solid rgba(0,0,0,0);color:#a5b8e3;font:400 14px/20px Inter,Arial,sans-serif;cursor:pointer}.binary-aurora-picker__tabs button span{color:#54648b}.binary-aurora-picker__tabs button:hover{border-color:#617299}.binary-aurora-picker__tab--active{border-color:#f76b15 !important;color:#eef7ff !important;font-weight:500 !important}.binary-aurora-picker__header,.binary-aurora-picker__row{display:grid;grid-template-columns:minmax(0, 1fr) 146px 166px;align-items:center;padding:0 12px}.binary-aurora-picker__header{height:30px;font-size:12px;line-height:18px;color:#a5b8e3}.binary-aurora-picker__header span:last-child{text-align:right}.binary-aurora-picker__rows{overflow-y:auto}.binary-aurora-picker__row{width:100%;height:48px;border-bottom:1px solid #2e3c60;color:#eef7ff;text-align:left;cursor:pointer}.binary-aurora-picker__row:hover{background:rgba(229,238,255,.15)}.binary-aurora-picker__row:disabled{opacity:.4;cursor:default}.binary-aurora-picker__asset{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}.binary-aurora-picker__exp{font-size:12px;line-height:18px;color:#a5b8e3}.binary-aurora-picker__pct{font-size:14px;line-height:20px;font-weight:500;color:#64d297;text-align:right}@media(max-width: 640px){.binary-aurora-picker__header,.binary-aurora-picker__row{grid-template-columns:minmax(0, 1fr) 90px}.binary-aurora-picker__header span:nth-child(2),.binary-aurora-picker__exp{display:none}}.binary-aurora-switch{position:relative;flex:none;width:54px;height:34px;border-radius:1000px;background:#253356;cursor:pointer;transition:background .15s}.binary-aurora-switch:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-switch i{position:absolute;top:1px;left:1px;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:rgba(0,0,0,.2) 0 1px 3px;transition:transform .15s}.binary-aurora-switch--on{background:#f76b15}.binary-aurora-switch--on i{transform:translateX(20px)}.binary-aurora-candle-time__grid{display:grid;grid-template-columns:repeat(5, 48px);justify-content:space-between;gap:10px 0;padding:8px 16px}.binary-aurora-candle-time__grid button{width:48px;height:48px;border-radius:12px;color:#eef7ff;font-size:16px;line-height:24px;cursor:pointer}.binary-aurora-candle-time__grid button:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-candle-time__grid button:hover{background:rgba(229,238,255,.05)}.binary-aurora-candle-time__size--on,.binary-aurora-candle-time__size--on:hover{background:#253356 !important}.binary-aurora-candle-time__hint{margin:0;padding:8px 16px;font-size:14px;line-height:20px;color:#a5b8e3}.binary-aurora-candle-time__row{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;font-size:16px;line-height:24px}.binary-aurora-hint{position:absolute;z-index:4;top:88px;left:50%;padding:8px 12px;border-radius:8px;background:#182443;color:#eef7ff;font-size:13px;line-height:18px;white-space:nowrap;transform:translateX(-50%);pointer-events:none}.binary-aurora-pane-label{position:absolute;z-index:2;left:8px;max-width:calc(100% - 120px);overflow:hidden;color:#a5b8e3;font-size:11px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.binary-aurora-sentiment{display:flex;flex:none;flex-direction:column;align-items:center;gap:4px;width:41.9px;padding:8px;border-radius:4px;background:#0b1327}.binary-aurora-sentiment__label{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:35px;font-size:12px;line-height:17px}.binary-aurora-sentiment__label--up{color:#64d297}.binary-aurora-sentiment__label--down{flex-direction:column-reverse;color:#ff918d}.binary-aurora-sentiment__track{display:flex;flex:1;flex-direction:column;gap:1px;width:4px;min-height:0}.binary-aurora-sentiment__bar{min-height:0;transition:flex-basis .6s ease-in,background .2s}.binary-aurora-sentiment__bar--up{border-radius:4px 4px 0 0;background:#1b4931}.binary-aurora-sentiment__bar--down{border-radius:0 0 4px 4px;background:#62181b}.binary-aurora-sentiment:hover .binary-aurora-sentiment__bar--up{background:linear-gradient(#1b4931, #30a46c)}.binary-aurora-sentiment:hover .binary-aurora-sentiment__bar--down{background:linear-gradient(#e5484d, #62181b)}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-sentiment{flex-direction:row-reverse;gap:6px;width:auto;padding:6px 8px 2px;border-radius:0;background:none}.binary-aurora-sentiment__label{flex-direction:row;min-height:0}.binary-aurora-sentiment__label--up{flex-direction:row-reverse}.binary-aurora-sentiment__label--down{flex-direction:row}.binary-aurora-sentiment__track{flex-direction:row-reverse;width:auto;height:4px}.binary-aurora-sentiment__bar--up,.binary-aurora-sentiment:hover .binary-aurora-sentiment__bar--up{border-radius:0 4px 4px 0;background:linear-gradient(to right, #30a46c, #1b4931)}.binary-aurora-sentiment__bar--down,.binary-aurora-sentiment:hover .binary-aurora-sentiment__bar--down{border-radius:4px 0 0 4px;background:linear-gradient(to right, #62181b, #e5484d)}}.binary-aurora-analysis{position:absolute;z-index:5;top:0;left:0;bottom:0;display:flex;flex-direction:column;width:min(359px,100%);background:#0b1327;border-right:1px solid #2e3c60;color:#eef7ff;font-family:Inter,Arial,sans-serif}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-analysis{position:fixed;z-index:50;inset:0;width:100%;border-right:0}}.binary-aurora-analysis button{font-family:inherit}.binary-aurora-analysis button:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-analysis__head{display:flex;flex:none;align-items:center;gap:4px;height:40px;padding:0 2px 0 12px;font-size:14px;line-height:20px;font-weight:500}.binary-aurora-analysis__head span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.binary-aurora-analysis__head button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#a5b8e3;cursor:pointer}.binary-aurora-analysis__head button:hover{background:rgba(229,238,255,.05)}.binary-aurora-analysis__head button:first-child{margin-left:-10px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-aurora-analysis__head{height:56px;padding:0 8px 0 16px}}.binary-aurora-analysis__body{display:flex;flex:1;flex-direction:column;gap:20px;min-height:0;padding:12px;overflow-y:auto}.binary-aurora-analysis__section{display:flex;flex-direction:column;gap:8px}.binary-aurora-analysis__section h4{margin:0;font-size:12px;line-height:18px;font-weight:500;color:#a5b8e3}.binary-aurora-analysis__applied-head{display:flex;align-items:center;justify-content:space-between}.binary-aurora-analysis__applied-head button{color:#ff9f6e;font-size:14px;line-height:20px;cursor:pointer}.binary-aurora-analysis__applied-head button:hover{text-decoration:underline}.binary-aurora-analysis__card{display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px;background:#182443}.binary-aurora-analysis__card--hidden .binary-aurora-analysis__card-text{opacity:.5}.binary-aurora-analysis__card-main{display:flex;flex:1;align-items:center;gap:12px;min-width:0;padding:4px;border-radius:8px;color:#eef7ff;text-align:left;cursor:pointer}.binary-aurora-analysis__card-main:hover{background:rgba(229,238,255,.05)}.binary-aurora-analysis__card-text{display:flex;flex-direction:column;min-width:0}.binary-aurora-analysis__card-text b{overflow:hidden;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.binary-aurora-analysis__card-text small{overflow:hidden;font-size:12px;line-height:18px;color:#a5b8e3;white-space:nowrap;text-overflow:ellipsis}.binary-aurora-analysis__card-action{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#a5b8e3;cursor:pointer}.binary-aurora-analysis__card-action:hover{background:rgba(229,238,255,.05);color:#eef7ff}.binary-aurora-analysis__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#253356;color:#a5b8e3}.binary-aurora-analysis__dot{display:inline-block;width:6px;height:6px;margin:0 3px 1px 0;border-radius:50%;vertical-align:middle}.binary-aurora-analysis__group{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#182443}.binary-aurora-analysis__row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 8px 8px 12px;color:#eef7ff;font-size:14px;line-height:20px;text-align:left;cursor:pointer}.binary-aurora-analysis__row>svg{flex:none;color:#a5b8e3}.binary-aurora-analysis__row:hover{background:rgba(229,238,255,.05)}.binary-aurora-analysis__row--tall{min-height:64px}.binary-aurora-analysis__row--switch{cursor:default;padding-right:12px}.binary-aurora-analysis__row--switch:hover{background:none}.binary-aurora-analysis__row+.binary-aurora-analysis__row{box-shadow:inset 0 1px 0 rgba(46,60,96,.6)}.binary-aurora-analysis__row-label{flex:1;min-width:0}.binary-aurora-analysis__badge{padding:2px 6px;border-radius:6px;background:#f76b15;color:#fff;font-style:normal;font-size:11px;line-height:14px;font-weight:500}.binary-aurora-analysis__scripts{display:flex;flex-direction:column;gap:12px}.binary-aurora-analysis__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px 12px;color:#a5b8e3;text-align:center}.binary-aurora-analysis__empty b{font-size:14px;line-height:20px;font-weight:500;color:#eef7ff}.binary-aurora-analysis__empty span{font-size:12px;line-height:18px}.binary-aurora-analysis__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.binary-aurora-analysis__actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:8px;background:#253356;color:#eef7ff;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}.binary-aurora-analysis__actions button:hover{background:linear-gradient(rgba(229, 238, 255, 0.05), rgba(229, 238, 255, 0.05)),#253356}.binary-aurora-analysis__paste{display:flex;flex-direction:column;gap:8px}.binary-aurora-analysis__paste textarea{min-height:140px;padding:8px 12px;border:1px solid #2e3c60;border-radius:8px;background:#131b30;color:#eef7ff;font:12px/18px ui-monospace,Menlo,monospace;resize:vertical;outline:none}.binary-aurora-analysis__paste textarea:focus{border-color:#617299}.binary-aurora-analysis__note{margin:0;font-size:12px;line-height:18px;color:#64d297;text-align:center}.binary-aurora-analysis__note--error{color:#ff918d}.binary-aurora-form{display:flex;flex-direction:column;min-height:100%}.binary-aurora-form__body{display:flex;flex:1;flex-direction:column;gap:16px}.binary-aurora-form__field{display:flex;flex-direction:column;gap:6px}.binary-aurora-form__label{font-size:12px;line-height:18px;color:#a5b8e3}.binary-aurora-form__box{position:relative;display:flex;align-items:center;height:40px;border-radius:8px;background:#131b30}.binary-aurora-form__number{gap:2px;padding-right:6px}.binary-aurora-form__number input{flex:1;min-width:0;height:100%;padding:0 12px;border:0;background:none;color:#eef7ff;font:inherit;font-size:14px;outline:none}.binary-aurora-form__number button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#a5b8e3;cursor:pointer}.binary-aurora-form__number button:hover{background:rgba(229,238,255,.08);color:#eef7ff}.binary-aurora-form__number:focus-within{box-shadow:inset 0 0 0 1px #617299}.binary-aurora-form__select select{width:100%;height:100%;padding:0 36px 0 12px;border:0;background:none;color:#eef7ff;font:inherit;font-size:14px;appearance:none;cursor:pointer;outline:none}.binary-aurora-form__select select option{background:#182443;color:#eef7ff}.binary-aurora-form__select svg{position:absolute;right:12px;color:#a5b8e3;pointer-events:none}.binary-aurora-form__select:focus-within{box-shadow:inset 0 0 0 1px #617299}.binary-aurora-form__group{display:flex;flex-direction:column;gap:4px}.binary-aurora-form__row{display:flex;align-items:center;justify-content:space-between;min-height:40px;font-size:14px;line-height:20px}.binary-aurora-form__swatch{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#253356;cursor:pointer}.binary-aurora-form__swatch:hover{background:linear-gradient(rgba(229, 238, 255, 0.05), rgba(229, 238, 255, 0.05)),#253356}.binary-aurora-form__swatch i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.binary-aurora-form__widths{display:flex;gap:4px}.binary-aurora-form__widths button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer}.binary-aurora-form__widths button i{width:12px;background:#54648b}.binary-aurora-form__widths button:hover i{background:#a5b8e3}.binary-aurora-form__width--on{background:#253356}.binary-aurora-form__width--on i{background:#a5b8e3 !important}.binary-aurora-form__footer{position:sticky;bottom:-12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding:12px 0;background:#0b1327}.binary-aurora-form__footer--single{grid-template-columns:1fr}.binary-aurora-form__default,.binary-aurora-form__apply{height:40px;border-radius:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}.binary-aurora-form__default:focus-visible,.binary-aurora-form__apply:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-form__default{background:#253356;color:#eef7ff}.binary-aurora-form__default:hover{background:linear-gradient(rgba(229, 238, 255, 0.05), rgba(229, 238, 255, 0.05)),#253356}.binary-aurora-form__apply{background:#f76b15;color:#fff}.binary-aurora-form__apply:hover:not(:disabled){background:linear-gradient(rgba(229, 238, 255, 0.05), rgba(229, 238, 255, 0.05)),#f76b15}.binary-aurora-form__apply:disabled{opacity:.5;cursor:default}.binary-aurora-color{display:flex;flex-direction:column;gap:16px}.binary-aurora-color__square{position:relative;height:184px;border-radius:6px;background-image:linear-gradient(to top, #000, transparent),linear-gradient(to right, #fff, transparent);cursor:crosshair;touch-action:none}.binary-aurora-color__square i{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:rgba(0,0,0,.4) 0 0 0 1px;transform:translate(-50%, -50%);pointer-events:none}.binary-aurora-color__controls{display:flex;align-items:center;gap:12px}.binary-aurora-color__sliders{display:flex;flex:1;flex-direction:column;gap:16px}.binary-aurora-color__slider{position:relative;height:12px;border-radius:6px;cursor:pointer;touch-action:none}.binary-aurora-color__slider:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-color__slider--hue{background:linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)}.binary-aurora-color__slider--alpha{background:repeating-conic-gradient(#3b4a6f 0 25%, #182443 0 50%) 0 0/8px 8px}.binary-aurora-color__slider--alpha span{position:absolute;inset:0;border-radius:6px}.binary-aurora-color__slider i{position:absolute;top:50%;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:rgba(0,0,0,.4) 0 0 0 1px;transform:translate(-50%, -50%);pointer-events:none}.binary-aurora-color__preview{flex:none;width:54px;height:54px;overflow:hidden;border-radius:6px;background:repeating-conic-gradient(#3b4a6f 0 25%, #182443 0 50%) 0 0/8px 8px}.binary-aurora-color__preview span{display:block;width:100%;height:100%}.binary-aurora-color__swatches{display:grid;grid-template-columns:repeat(6, 1fr);gap:8px}.binary-aurora-color__swatches button{aspect-ratio:1;border-radius:6px;cursor:pointer}.binary-aurora-color__swatches button:focus-visible{outline:3px solid #f76b15;outline-offset:2px}.binary-aurora-color__swatches button:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.binary-asset-icon{display:inline-flex;flex:none;align-items:flex-start}.binary-asset-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;line-height:1;font-family:Roboto,Arial,sans-serif;box-shadow:0 0 0 1px rgba(0,0,0,.25)}[data-maktub-game-grid]:has(.binary-nova-panel){background:#1c1f2d;font-family:Roboto,Arial,sans-serif}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {[data-maktub-game-grid]:has(.binary-nova-panel){grid-template-areas:"content sidebar" "bottomBar bottomBar";grid-template-columns:minmax(0, 1fr) 230px}}[data-maktub-game-grid]:has(.binary-nova-panel) [data-maktub-game-sidebar]{background:#1c1f2d;border-right:0 !important}[data-maktub-game-grid]:has(.binary-nova-panel) [data-maktub-sidebar-controls]{padding:10px 10px 10px 10px;gap:0}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-maktub-game-grid]:has(.binary-nova-panel) [data-maktub-sidebar-controls]{padding:0}}[data-maktub-game-grid]:has(.binary-nova-panel) .binary-nova-panel button,[data-maktub-game-grid]:has(.binary-nova-panel) .binary-nova button{min-width:0;min-height:0}[data-maktub-game-grid]:has(.binary-nova-panel) [data-maktub-game-content]{background:#1c1f2d}.binary-nova-panel{display:flex;flex-direction:column;gap:10px;width:210px;min-height:0;height:100%;font-size:14px;line-height:18px;color:#fff}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-nova-panel{width:100%}}.binary-nova-card{display:flex;flex-wrap:wrap;flex:none;padding:15px;border-radius:4px;background:#2b3040}.binary-nova-card__asset{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:11px;font-weight:700}.binary-nova-card__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binary-nova-card__pct{font-weight:700;opacity:.5}.binary-nova-card__payout{display:flex;align-items:baseline;gap:4px;width:100%;margin-top:14px;font-size:12px;line-height:15.96px;color:rgba(255,255,255,.5)}.binary-nova-card__payout i{flex:1;border-bottom:1px dashed rgba(255,255,255,.15)}.binary-nova-card__payout b{color:#fff;font-weight:700}.binary-nova-card__actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:11px}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-nova-card{padding:10px}.binary-nova-card__asset{margin-bottom:10px}.binary-nova-card__actions{flex-direction:row;margin-top:14px}}.binary-nova-steppers{display:flex;flex-direction:column;gap:14px;width:100%}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-nova-steppers{flex-direction:row;gap:12px}}.binary-nova-field{position:relative;width:180px;height:54px;margin:0;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:4px;min-inline-size:0;transition:border-color .2s linear}.binary-nova-field:hover{border-color:rgba(255,255,255,.5)}.binary-nova-field legend{margin-left:10px;padding:0 6px;font-size:12px;line-height:16px;color:rgba(255,255,255,.3)}.binary-nova-field__mobile{display:none}.binary-nova-field__row{display:flex;align-items:center;justify-content:center;padding:3px 12px 10px}.binary-nova-field__btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.binary-nova-field__btn svg{width:8px;height:8px}.binary-nova-field__btn:active:not(:disabled){background:#686f86}.binary-nova-field__btn:disabled{cursor:default}.binary-nova-field__value{width:94px;height:24px;margin:0 6px;padding:2px 4px;border:0;outline:0;background:rgba(0,0,0,0);color:#fff;font:400 16px/20px Roboto,Arial,sans-serif;text-align:center}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-nova-field{flex:1;width:auto}.binary-nova-field__desktop{display:none}.binary-nova-field__mobile{display:inline}.binary-nova-field__value{width:100%;min-width:0}}.binary-nova-trade{display:flex;align-items:center;justify-content:space-between;width:180px;height:44px;padding:0 12px;border-radius:4px;font-size:14px;line-height:17.92px;font-weight:700;color:#fff;cursor:pointer;transition:color .2s linear,background-color .2s linear,outline .2s linear,opacity .2s linear,box-shadow .2s linear}.binary-nova-trade:focus-visible{outline:2px solid #6674ff;outline-offset:3px}.binary-nova-trade--buy{background:#0faf59;box-shadow:rgba(53,184,114,.25) 0 4px 10px}.binary-nova-trade--buy:hover:not(:disabled){background:#05c55e}.binary-nova-trade--buy:active:not(:disabled){background:#089a4c}.binary-nova-trade--buy:disabled{background:rgba(15,175,89,.3)}.binary-nova-trade--sell{background:#db4635;box-shadow:rgba(255,82,82,.25) 0 4px 10px}.binary-nova-trade--sell:hover:not(:disabled){background:#ff432e}.binary-nova-trade--sell:active:not(:disabled){background:#c32f1e}.binary-nova-trade--sell:disabled{background:rgba(219,70,53,.3)}.binary-nova-trade:disabled{box-shadow:none;cursor:default}.binary-nova-trade:disabled span{opacity:.3}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-nova-trade{flex:1;width:auto;height:38px}}.binary-nova-up{color:#0faf59}.binary-nova-down{color:#ff6251}.binary-nova-trades{display:flex;flex-direction:column;flex:1;min-height:0;border-radius:4px;background:#2b3040;overflow:hidden}.binary-nova-trades__tabs{display:flex;height:42px;background:#303440}.binary-nova-trades__tab{display:inline-flex;align-items:center;padding:12px 11px;font-size:12px;font-weight:700;color:#fff}.binary-nova-trades__tab--active{flex:1;justify-content:center;padding:10px 11px 12px;border-top:2px solid #2a99ff;border-radius:4px 4px 0 0;background:#2b3040}.binary-nova-trades__count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:8px;border-radius:50%;background:rgba(255,255,255,.1);font-size:10px;font-weight:900}.binary-nova-trades__list{flex:1;min-height:0;margin-top:14px;padding:0 6px;overflow-y:auto}.binary-nova-trades__day{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 6px;padding:6px;border-radius:12px;background:rgba(53,58,77,.1);font-size:10px;font-weight:900;text-transform:uppercase;opacity:.5}.binary-nova-trades__day span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#fff;color:#353a4d}.binary-nova-trades__empty{display:flex;flex-direction:column;align-items:center;margin-top:14px;text-align:center}.binary-nova-trades__empty p{margin:12px 9px;font-size:14px;color:rgba(255,255,255,.5)}.binary-nova-row{padding:12px 0;border-top:1px solid rgba(255,255,255,.15);font-size:12px;line-height:1.33;opacity:.8;cursor:pointer}.binary-nova-row--open{opacity:1}.binary-nova-row__line{display:flex;align-items:center;gap:6px}.binary-nova-row__line+.binary-nova-row__line{margin-top:6px}.binary-nova-row__caret{display:inline-flex;width:12px;color:rgba(255,255,255,.5)}.binary-nova-row__pair{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binary-nova-row__time{margin-left:auto}.binary-nova-row__dir{display:inline-flex;margin-left:18px}.binary-nova-row__dir--up svg circle{fill:#0faf59}.binary-nova-row__dir--down svg circle{fill:#ff6251}.binary-nova-row__result{margin-left:auto;font-weight:700}.binary-nova-row__details{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0 18px;font-size:10px;line-height:12px}.binary-nova-row__details span{color:rgba(255,255,255,.3)}.binary-nova-row__sell{width:100%;margin-top:4px;padding:6px;border-radius:4px;background:rgba(2,111,211,.15);color:#2b99ff;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer}.binary-nova{position:relative;display:flex;flex:1;width:100%;min-height:0;font-family:Roboto,Arial,sans-serif;color:#fff}.binary-nova__chart{position:relative;display:flex;flex:1;min-width:0;margin-left:40px}.binary-nova__chart>canvas{flex:1}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.binary-nova__chart{min-height:554px}}.binary-nova__top{position:absolute;top:10px;left:10px;pointer-events:none}.binary-nova__top>*{pointer-events:auto}.binary-nova__assets{display:flex;align-items:center;gap:11px}.binary-nova__add{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#026fd3;box-shadow:0 4px 10px rgba(2,111,211,.25);color:#fff;cursor:pointer;transition:background-color .2s linear}.binary-nova__add:hover{background:#2b99ff}.binary-nova__add:active{background:#005bae}.binary-nova__chip{display:flex;align-items:center;gap:8px;width:185px;height:44px;padding:5px 14px 5px 11px;border:1px solid #000;border-radius:4px;background:#000;color:#fff;font-size:12px;line-height:16px;font-weight:900;text-align:left;cursor:pointer}.binary-nova__chip:hover{background:#494f65}.binary-nova__chip-text{display:flex;flex:1;flex-direction:column;min-width:0}.binary-nova__chip-name{display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap}.binary-nova__chip-pct{color:#ff8a00}.binary-nova__tools{position:absolute;z-index:3;left:50px;bottom:calc(40px + var(--nova-panes, 0px));display:flex;flex-direction:column;gap:15px}.binary-nova__tool-slot{position:relative}.binary-nova__tool{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:2px;background:rgba(255,255,255,.05);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.binary-nova__tool:hover:not(:disabled),.binary-nova__tool--active{background:#fff;color:#353a4d}.binary-nova__tool:disabled{opacity:.2;cursor:default}.binary-nova__zoom{position:absolute;left:52%;bottom:calc(20px + var(--nova-panes, 0px));display:flex;gap:2px}.binary-nova__zoom button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:2px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);cursor:pointer}.binary-nova-clock{display:flex;gap:4px;margin:8px 0 0 51px;font-size:10px;line-height:12px}.binary-nova-clock__time{position:relative;padding-left:16px}.binary-nova-clock__time::before{content:"";position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:#0faf59;transform:scale(0.5)}.binary-nova-clock__zone{color:rgba(255,255,255,.4)}.binary-nova-picker{position:absolute;z-index:5;top:60px;left:10px;display:flex;flex-direction:column;width:min(620px,100% - 20px);max-height:calc(100% - 80px);padding:12px;border-radius:4px;background:#191919;box-shadow:rgba(27,31,45,.2) 20px 0 80px}.binary-nova-picker__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:20px;line-height:24px;font-weight:700}.binary-nova-picker__head button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:rgba(255,255,255,.5);cursor:pointer}.binary-nova-picker__head button:hover{color:#fff}.binary-nova-picker__tabs{display:flex;gap:4px;margin-bottom:12px}.binary-nova-picker__tabs button{padding:6px;border-radius:4px;font-size:10px;font-weight:900;text-transform:uppercase;color:#fff;cursor:pointer}.binary-nova-picker__tabs button:hover{background:rgba(255,255,255,.15)}.binary-nova-picker__tab--active{background:#026fd3 !important}.binary-nova-picker__search{padding:9px 14px;border:0;border-radius:4px;outline:0;background:rgba(255,255,255,.15);color:#fff;font:400 12px/16px Roboto,Arial,sans-serif}.binary-nova-picker__search::placeholder{color:rgba(255,255,255,.3)}.binary-nova-picker__header,.binary-nova-picker__row{display:grid;grid-template-columns:minmax(0, 1fr) 110px 80px;gap:24px;align-items:center;padding:12px 4px}.binary-nova-picker__header{border-bottom:1px solid rgba(255,255,255,.15);font-size:12px;color:rgba(255,255,255,.5)}.binary-nova-picker__rows{overflow-y:auto}.binary-nova-picker__row{width:100%;height:42px;margin-bottom:4px;border-radius:4px;font-size:14px;font-weight:700;color:#fff;text-align:left;cursor:pointer}.binary-nova-picker__row:hover,.binary-nova-picker__row--active{background:rgba(255,255,255,.1)}.binary-nova-picker__row:disabled{opacity:.3;cursor:default}.binary-nova-picker__name{display:flex;align-items:center;gap:8px}.binary-nova-picker__pct{color:#ff8a00;text-align:right}.binary-nova-sentiment{position:absolute;top:60px;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;width:40px;padding:4px 4px 21px;font-size:12px;line-height:14px;font-weight:900;pointer-events:none}.binary-nova-sentiment__pct{flex:none;margin:4px 0}.binary-nova-sentiment__bars{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0}.binary-nova-sentiment__bar{display:block;width:4px;min-height:2px;border-radius:2px;transition:height .35s}.binary-nova-sentiment__bar--sell{background:#ff6251}.binary-nova-sentiment__bar--buy{background:#0faf59}.binary-nova-pop{position:absolute;z-index:4;left:calc(100% + 6px);bottom:0;padding:8px;border-radius:4px;background:#2b3040;box-shadow:rgba(0,0,0,.35) 0 8px 24px}.binary-nova-pop--frames{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:4px;width:218px}.binary-nova-pop--modes{display:flex;flex-direction:column;gap:2px;width:136px}.binary-nova-pop__frame,.binary-nova-pop__mode{border-radius:4px;color:#fff;font-size:12px;line-height:16px;font-weight:700;cursor:pointer}.binary-nova-pop__frame:hover,.binary-nova-pop__mode:hover{background:rgba(255,255,255,.1)}.binary-nova-pop__frame{height:30px}.binary-nova-pop__mode{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;text-align:left}.binary-nova-pop__item--active,.binary-nova-pop__item--active:hover{background:#026fd3}.binary-nova-side{position:absolute;z-index:5;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:272px;padding:20px 16px 16px;background:#2b3040;box-shadow:rgba(27,31,45,.2) 20px 0 80px;color:#fff;font-size:14px;line-height:18px}.binary-nova-side__head{display:flex;flex:none;align-items:center;justify-content:space-between;margin-bottom:12px}.binary-nova-side__back{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:#fff;cursor:pointer}.binary-nova-side__back--static{cursor:default}.binary-nova-side__back--static svg{display:none}.binary-nova-side__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:rgba(255,255,255,.5);cursor:pointer}.binary-nova-side__close:hover{color:#fff}.binary-nova-side__title{margin:0 0 16px;font-size:16px;line-height:20px;font-weight:700}.binary-nova-side__body{flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.binary-nova-side__group+.binary-nova-side__group{margin-top:14px}.binary-nova-side__section{margin:4px 0 6px;font-size:10px;line-height:12px;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.5)}.binary-nova-side__item{display:block;width:100%;padding:8px 10px;border-radius:4px;color:#fff;font-size:14px;line-height:18px;text-align:left;cursor:pointer}.binary-nova-side__item:hover{background:rgba(255,255,255,.1)}.binary-nova-side__fields{display:flex;flex-direction:column;gap:14px}.binary-nova-side__foot{flex:none;padding-top:14px}.binary-nova-side__delete{width:100%;height:38px;border-radius:4px;background:rgba(255,255,255,.1);color:#ff6251;font-size:14px;line-height:18px;font-weight:700;cursor:pointer;transition:background-color .2s linear}.binary-nova-side__delete:hover:not(:disabled){background:rgba(255,255,255,.15)}.binary-nova-side__delete:disabled{opacity:.4;cursor:default}.binary-nova-step{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:50px;margin:0;padding:0 10px 4px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#1c1f2d;min-inline-size:0}.binary-nova-step legend{margin-left:4px;padding:0 4px;font-size:12px;line-height:14px;color:#9a9da6}.binary-nova-step__btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#353a4d;color:#fff;cursor:pointer}.binary-nova-step__btn:hover:not(:disabled){background:#474c5d}.binary-nova-step__btn:disabled{opacity:.4;cursor:default}.binary-nova-step__value{flex:1;min-width:0;border:0;outline:0;background:rgba(0,0,0,0);color:#f4f4f4;font:400 16px/20px Roboto,Arial,sans-serif;text-align:center}.binary-nova-step--select{padding-right:0}.binary-nova-step__select{flex:1;min-width:0;height:100%;padding:0 30px 0 2px;border:0;outline:0;background:rgba(0,0,0,0);color:#f4f4f4;font:400 16px/20px Roboto,Arial,sans-serif;appearance:none;cursor:pointer}.binary-nova-step__select option{background:#1c1f2d;color:#f4f4f4}.binary-nova-step__caret{position:absolute;right:12px;top:50%;display:inline-flex;margin-top:-5px;color:rgba(255,255,255,.5);pointer-events:none}.binary-nova-color__row{display:flex;align-items:center;gap:10px;min-height:28px}.binary-nova-color__swatch{flex:none;width:28px;height:28px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);cursor:pointer}.binary-nova-color__swatch--open{outline:2px solid #fff;outline-offset:1px}.binary-nova-color__label{flex:1;min-width:0;overflow:hidden;font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.binary-nova-color__width{display:inline-flex;flex:none;align-items:center;gap:8px}.binary-nova-color__width b{width:24px;font-size:12px;font-weight:400;text-align:right;color:rgba(255,255,255,.5)}.binary-nova-color__width input[type=range]{width:72px;height:12px;margin:0;background:rgba(0,0,0,0);appearance:none;cursor:pointer}.binary-nova-color__width input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right, #0085fc var(--fill, 0%), #686f86 var(--fill, 0%))}.binary-nova-color__width input[type=range]::-moz-range-track{height:1px;background:#686f86}.binary-nova-color__width input[type=range]::-moz-range-progress{height:1px;background:#0085fc}.binary-nova-color__width input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4.5px;border:0;border-radius:50%;background:#0085fc;appearance:none}.binary-nova-color__width input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#0085fc}.binary-nova-color__palette{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding:10px;border-radius:4px;background:#494f65}.binary-nova-color__pick{width:28px;height:28px;border-radius:2px;cursor:pointer}.binary-nova-color__pick--active{outline:2px solid #fff;outline-offset:1px}.binary-nova-legend{position:absolute;z-index:2;top:86px;left:50px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 130px)}.binary-nova-legend--pane{top:auto;left:10px}.binary-nova-legend__box{display:inline-flex;align-items:center;justify-content:space-between;width:51px;height:24px;padding:0 6px;border-radius:4px;background:rgba(255,255,255,.05)}.binary-nova-legend__box button{display:inline-flex;align-items:center;justify-content:center;height:24px;color:#026fd3;cursor:pointer}.binary-nova-legend__box button:hover{color:#2b99ff}.binary-nova-legend__row{display:inline-flex;align-items:center;gap:10px;max-width:100%;height:24px;padding:0 6px 0 8px;border-radius:4px;background:rgba(255,255,255,.05);font-size:10px;line-height:12px;font-weight:900;white-space:nowrap}.binary-nova-legend__row--hidden{opacity:.4}.binary-nova-legend__name{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.binary-nova-legend__swatch{flex:none;width:12px;height:12px;border-radius:2px}.binary-nova-legend__params{overflow:hidden;text-overflow:ellipsis}.binary-nova-legend__edit,.binary-nova-legend__remove{display:inline-flex;flex:none;align-items:center;justify-content:center;width:16px;height:16px;border-radius:2px;cursor:pointer}.binary-nova-legend__edit{background:rgba(255,255,255,.75);color:#353a4d}.binary-nova-legend__edit:hover{background:#fff}.binary-nova-legend__remove{color:#ff6251}.binary-nova-legend__remove:hover{background:rgba(255,98,81,.15)}@media(max-width: 767px){.binary-nova__chart{margin-left:28px}.binary-nova__tools{left:36px;bottom:calc(36px + var(--nova-panes, 0px));gap:10px}.binary-nova-sentiment{width:28px;padding:4px 2px 16px;font-size:10px;line-height:12px}.binary-nova-legend{left:36px;max-width:calc(100% - 80px)}.binary-nova-legend--pane{left:8px}.binary-nova-pop--frames{width:196px}.binary-nova-side{top:auto;right:0;width:auto;max-height:72%;border-radius:8px 8px 0 0;box-shadow:rgba(0,0,0,.45) 0 -12px 40px}}
.blackjack{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:3em;position:relative;width:100%}.blackjack__felt{background:radial-gradient(ellipse 62% 55% at 50% 50%, color-mix(in srgb, var(--maktub-white-tone, #fff) 3.5%, transparent), transparent 72%);inset:0;pointer-events:none;position:absolute;z-index:0}.blackjack__felt::before{border:2px solid rgba(255,255,255,.07);border-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 8%, transparent);border-radius:9999px;bottom:7%;content:"";left:max(1.25em,50% - 30em);outline:1px solid rgba(255,255,255,.03);outline-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 3.5%, transparent);outline-offset:-0.7em;position:absolute;right:max(1.25em,50% - 30em);top:7%}.blackjack__deck{position:absolute;right:1em;top:-3em;z-index:1}.blackjack__hands{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;align-items:center;gap:1em;position:relative;width:100%;z-index:2}.blackjack__dealer-hands,.blackjack__player-hands{min-height:10.5em}@media(min-width: 768px){.blackjack__dealer-hands,.blackjack__player-hands{min-height:12em}}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.blackjack__dealer-hands,.blackjack__player-hands{min-height:13.5em}}@media(min-width: 1440px){.blackjack__dealer-hands,.blackjack__player-hands{min-height:14.5em}}.blackjack__dealer-hands{display:flex;justify-content:center}.blackjack__player-hands{display:flex;flex-direction:row-reverse;justify-content:space-around}.blackjack__banners{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;min-height:3.25rem;width:100%}.blackjack__brand{align-items:center;display:flex;justify-content:center;max-width:min(16em,62%);position:relative}.blackjack__brand::before,.blackjack__brand::after{content:"";height:1px;position:absolute;top:50%;width:min(8em,18vw)}.blackjack__brand::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.09), transparent);background:linear-gradient(to left, color-mix(in srgb, var(--maktub-white-tone, #fff) 10%, transparent), transparent);margin-right:.75em;right:100%}.blackjack__brand::after{background:linear-gradient(to right, rgba(255, 255, 255, 0.09), transparent);background:linear-gradient(to right, color-mix(in srgb, var(--maktub-white-tone, #fff) 10%, transparent), transparent);left:100%;margin-left:.75em}.blackjack__brand-logo{align-items:center;background:radial-gradient(ellipse 70% 90% at 50% 50%, rgba(255, 255, 255, 0.04), transparent 75%),rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.07);border-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 8%, transparent);border-radius:9999px;display:flex;justify-content:center;max-width:100%;outline:1px solid rgba(255,255,255,.03);outline-color:color-mix(in srgb, var(--maktub-white-tone, #fff) 4%, transparent);outline-offset:-6px;padding:.45rem 1.2rem}@media(min-width: 768px){.blackjack__brand-logo{padding:.6rem 1.6rem}}.blackjack__brand-logo img,.blackjack__brand-logo svg{display:block;height:1.4rem !important;max-height:1.4rem}@media(min-width: 768px){.blackjack__brand-logo img,.blackjack__brand-logo svg{height:1.75rem !important;max-height:1.75rem}}.blackjack__brand-logo img,.blackjack__brand-logo svg{max-width:100%;object-fit:contain;opacity:.9;width:auto}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-blackjack-content]{height:280px;min-height:280px}.blackjack{padding:12px}.blackjack__hands{gap:8px}.blackjack__banners{display:none}.blackjack__dealer-hands,.blackjack__player-hands{min-height:116px}.blackjack__deck{top:0;right:8px;font-size:8px}.blackjack__deck .playing-card{font-size:8px;width:5em;height:7em}.blackjack .blackjack__deck .deck>*:not(:last-child){margin-top:-7em}.blackjack .hand{font-size:12px}.blackjack .hand .playing-card{font-size:12px;width:5em;height:7em}.blackjack .playing-card__back-logo{font-size:inherit}.blackjack .hand__value{height:24px;margin:4px 0;font-size:16px}}
.deck{display:flex;filter:drop-shadow(0.25em 0.25em 0.125em rgba(0, 0, 0, 0.2));flex-direction:column-reverse;gap:.125em;position:relative}.deck>*:not(:last-child){margin-top:-7em}@media(min-width: 768px){.deck>*:not(:last-child){margin-top:-8.5em}}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.deck>*:not(:last-child){margin-top:-10em}}@media(min-width: 1440px){.deck>*:not(:last-child){margin-top:-11em}}
.hand{display:flex;flex-direction:column;align-items:center;transition:opacity var(--muck-duration) ease-out}.hand--mucked{opacity:0}.hand--top{flex-direction:column-reverse}.hand__cards{align-items:flex-start;display:inline-flex;filter:drop-shadow(0.5em 0.5em 0.25em rgba(0, 0, 0, 0.2));gap:.75em;position:relative;transition-duration:var(--transition-duration);transition-property:height,width;transition-timing-function:ease-out}.hand__cards>*{transition:transform var(--muck-duration) ease-out}.hand__value{align-items:center;background-color:var(--maktub-bg-dark, #1D121F);border-radius:1rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.08) inset,0 1px 0 0 rgba(255,255,255,.14) inset;color:#fff;display:flex;font-size:1.15rem;font-weight:700;height:1.95rem;justify-content:center;line-height:1;margin:12px 0;transition:background-color .25s cubic-bezier(0.22, 1, 0.36, 1),opacity 300ms;width:6ch}.hand--win .hand__value,.hand--lose .hand__value,.hand--draw .hand__value{animation:hand-value-pop .42s cubic-bezier(0.22, 1, 0.36, 1)}.hand--win .hand__value{background-color:#00a82a}.hand--lose .hand__value{background-color:#e2455a}.hand--draw .hand__value{background-color:#e5923c}.hand--active .hand__value{background-color:var(--maktub-button-color, #e90083);color:var(--maktub-button-text-color, #fff)}.hand__value--with-action{gap:0;overflow:hidden;padding:0;position:relative;width:auto}.hand__total{align-items:center;display:flex;height:100%;justify-content:center;min-width:6ch;overflow:hidden;padding:0 .45em;transition:min-width .42s cubic-bezier(0.22, 1, 0.36, 1),padding .42s cubic-bezier(0.22, 1, 0.36, 1)}.hand__value--open .hand__total{min-width:0;padding:0 .6em 0 .85em}.hand__total-text{animation:hand-total-in .32s cubic-bezier(0.22, 1, 0.36, 1);display:block}.hand__action{flex-shrink:0;height:100%;overflow:hidden;position:relative;transition:width .42s cubic-bezier(0.22, 1, 0.36, 1)}.hand__action::before{background:rgba(255,255,255,.16);bottom:26%;content:"";left:0;opacity:0;position:absolute;top:26%;transition:opacity .25s ease;width:1px}.hand__action--open::before{opacity:1}.hand__action-label{align-items:center;animation:hand-action-in .46s cubic-bezier(0.22, 1, 0.36, 1) .06s both;color:rgba(255,255,255,.74);display:flex;font-size:.6em;font-weight:700;height:100%;left:0;letter-spacing:.1em;padding:0 1.15em 0 .95em;position:absolute;text-transform:uppercase;top:0;transition:color .25s ease;white-space:nowrap}.hand__action-label--leaving{animation:hand-action-out .26s cubic-bezier(0.55, 0, 0.75, 0.2) both}.hand__value--bust .hand__action-label{color:#ff8d9b}.hand__value--blackjack .hand__action-label,.hand__value--natural .hand__action-label{color:#f7c75a}.hand--win .hand__value .hand__action-label,.hand--lose .hand__value .hand__action-label,.hand--draw .hand__value .hand__action-label,.hand--active .hand__value .hand__action-label{color:inherit}.hand--win .hand__action--open::before,.hand--lose .hand__action--open::before,.hand--draw .hand__action--open::before,.hand--active .hand__action--open::before{background:currentColor;opacity:.32}.hand__sheen{animation:hand-sheen .9s cubic-bezier(0.3, 0, 0.2, 1) .08s both;background:linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.16) 46%, rgba(255, 255, 255, 0.26) 50%, rgba(255, 255, 255, 0.16) 54%, transparent 70%);inset:0;pointer-events:none;position:absolute}.hand--still .hand__total-text,.hand--still .hand__action-label,.hand--still .hand__sheen{animation:none}.hand--still .hand__total,.hand--still .hand__action,.hand--still .hand__action::before{transition:none}.hand--sweep,.hand--sweep *{animation:none !important}.hand--sweep .playing-card--flipped{transform:rotateY(-180deg)}
.playing-card__wrapper{perspective:500px}.playing-card{background-color:#e9e9e9;border-radius:.57em;height:7em;position:relative;transform-style:preserve-3d;transition:box-shadow .25s cubic-bezier(0.22, 1, 0.36, 1);user-select:none;width:5em}@media(min-width: 768px){.playing-card{height:8.5em;width:6em}}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.playing-card{height:10em;width:7em}}@media(min-width: 1440px){.playing-card{height:11em;width:7.7em}}.playing-card--dealing{animation:deal var(--deal-duration) cubic-bezier(0.22, 1, 0.36, 1)}.playing-card--flipped{animation:flip var(--flip-duration) cubic-bezier(0.22, 1, 0.36, 1) forwards}.playing-card--win{box-shadow:0 0 0 .18em #00a82a,0 0 1.1em 0 rgba(0,168,42,.5)}.playing-card--lose{box-shadow:0 0 0 .18em #e2455a,0 0 1.1em 0 rgba(226,69,90,.45)}.playing-card--draw{box-shadow:0 0 0 .18em #e5923c,0 0 1.1em 0 rgba(229,146,60,.45)}.playing-card--active{box-shadow:0 0 0 .18em var(--maktub-button-color, #e90083),0 0 1.1em 0 color-mix(in srgb, var(--maktub-button-color, #e90083) 55%, transparent)}.playing-card[data-suit=H],.playing-card[data-suit=D]{--card-color: #CD0036}.playing-card[data-suit=C],.playing-card[data-suit=S]{--card-color: #1A1A2E}.playing-card__back,.playing-card__face{border-radius:inherit;height:100%;overflow:hidden;position:absolute;width:100%}.playing-card__face{background-color:#e9e9e9;transform:rotateY(180deg)}.playing-card__face-bg{position:absolute;width:250%;height:250%;left:-30%;top:-10%;object-fit:contain;opacity:.06;pointer-events:none}.playing-card__rank{position:absolute;left:.2em;top:.08em;font-family:var(--maktub-font-family);font-weight:700;font-size:2.4em;line-height:1;text-transform:uppercase;color:var(--card-color, #CD0036)}.playing-card__suit-icon{position:absolute;width:3.6em;height:3.6em;left:calc(50% - 1.8em);top:calc(50% - 1.8em + 1em);object-fit:contain;pointer-events:none}.playing-card__back{backface-visibility:hidden;align-items:center;background-color:var(--maktub-card-back-color, var(--maktub-button-color, #e90083));border:2px solid #fff;display:flex;justify-content:center;isolation:isolate}.playing-card__back::before{background-color:color-mix(in srgb, var(--maktub-card-back-color, var(--maktub-button-color, #e90083)) 70%, black);clip-path:polygon(0 100%, 0 45%, 100% 55%, 100% 100%);content:"";inset:0;position:absolute;z-index:-1}.playing-card__back-logo{align-items:center;color:rgba(255,255,255,.78);display:flex;font-family:var(--maktub-font-family);font-size:16px;font-weight:700;justify-content:center;letter-spacing:.03em;line-height:1.15;height:60%;max-width:70%;text-align:center;text-transform:uppercase}.playing-card__back-logo img,.playing-card__back-logo svg{height:100%;max-height:3.2em;max-width:100%;object-fit:contain;width:100%}.playing-card__back-placeholder{align-items:center;display:flex;flex-direction:column;gap:.06em}
.bullrun-stage{position:relative;flex:1 1 0%;min-height:220px;display:flex;overflow:hidden;border-radius:var(--maktub-border-radius, 8px)}.bullrun-stage>*{flex:1 1 0%}.bullrun-stage--nova,.bullrun-stage--aurora,.bullrun-stage--classic{border-radius:8px}.bullrun-history{display:flex;flex:none;gap:6px;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg, #000 85%, transparent)}.bullrun-history__chip{flex:none;padding:3px 9px;border-radius:999px;font:700 11px/16px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;background:rgba(255,255,255,.06)}.bullrun-history__chip--button{border:0;cursor:pointer;transition:background 120ms ease}.bullrun-history__chip--button:hover,.bullrun-history__chip--button:focus-visible{background:rgba(255,255,255,.12)}.bullrun-history__chip--low{color:#9fb0d6}.bullrun-history__chip--mid{color:#64d297}.bullrun-history__chip--high{color:#ffd666}.bullrun-history--maktub{padding:0 2px}.bullrun-players{display:flex;flex-direction:column;min-height:0;font:500 12px/16px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--bullrun-fg2, rgba(255, 255, 255, 0.6))}.bullrun-players__head{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 8px;color:var(--bullrun-fg, #fff);font-weight:700}.bullrun-players__count{font-weight:500;color:var(--bullrun-fg2, rgba(255, 255, 255, 0.6))}.bullrun-players__cols,.bullrun-players__row{display:grid;grid-template-columns:minmax(0, 1.4fr) 1fr .9fr 1fr;gap:6px;padding:5px 8px}.bullrun-players__cols>:not(:first-child),.bullrun-players__row>:not(:first-child){text-align:right}.bullrun-players__cols{font-size:11px;color:var(--bullrun-fg3, rgba(255, 255, 255, 0.4))}.bullrun-players__rows{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0;max-height:340px}.bullrun-players__row{border-radius:6px;background:var(--bullrun-row, rgba(255, 255, 255, 0.03))}.bullrun-players__row--sold{background:color-mix(in srgb, #30a46c 18%, transparent);color:var(--bullrun-fg, #fff)}.bullrun-players__row--sold .bullrun-players__return{color:#64d297;font-weight:700}.bullrun-players__row--me .bullrun-players__name{color:var(--bullrun-fg, #fff);font-weight:700}.bullrun-players__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bullrun-players__empty{padding:12px 8px;text-align:center;color:var(--bullrun-fg3, rgba(255, 255, 255, 0.4))}.bullrun-players--maktub{margin-top:4px}.bullrun-players--nova,.bullrun-players--aurora{--bullrun-fg: #eef7ff;--bullrun-fg2: #a5b8e3;--bullrun-fg3: #54648b;margin-top:12px}.bullrun-players--aurora .bullrun-players__cols,.bullrun-players--aurora .bullrun-players__row{grid-template-columns:minmax(0, 1fr) auto}.bullrun-players--aurora .bullrun-players__cols>:nth-child(2),.bullrun-players--aurora .bullrun-players__cols>:nth-child(4),.bullrun-players--aurora .bullrun-players__row>:nth-child(2),.bullrun-players--aurora .bullrun-players__row>:nth-child(4){display:none}.bullrun-players--classic{--bullrun-fg: #eef7ff;--bullrun-fg2: #a5b8e3;--bullrun-fg3: #54648b;--bullrun-row: #131b30;flex:1 1 0%}.bullrun-players--classic .bullrun-players__rows{max-height:none;flex:1 1 0%}.bullrun-exit{display:inline-flex;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:8px;font:600 12px/16px Inter,Arial,sans-serif;cursor:pointer;background:rgba(255,255,255,.08);color:inherit}.bullrun-exit:hover{background:rgba(255,255,255,.14)}.bullrun-exit--maktub{align-self:flex-start;color:var(--maktub-text-color, #fff)}.bullrun-exit--nova,.bullrun-exit--aurora,.bullrun-exit--classic{background:#182443;color:#a5b8e3}.bullrun-exit--nova:hover,.bullrun-exit--aurora:hover,.bullrun-exit--classic:hover{background:#1e2b4d;color:#eef7ff}.bullrun-nova,.bullrun-aurora{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;gap:10px;padding:12px}.bullrun-nova__top{display:flex;align-items:center;gap:10px;min-width:0}[data-maktub-game-grid]:has(.bullrun-classic){background:#0b1327;font-family:Inter,Arial,sans-serif;font-feature-settings:"tnum"}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {[data-maktub-game-grid]:has(.bullrun-classic){grid-template-areas:"content sidebar" "bottomBar bottomBar";grid-template-columns:minmax(0, 1fr) 300px}}[data-maktub-game-grid]:has(.bullrun-classic) [data-maktub-game-sidebar]{background:#0b1327;border-right:0 !important}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {[data-maktub-game-grid]:has(.bullrun-classic) [data-maktub-game-sidebar]{border-left:1px solid #2e3c60}}[data-maktub-game-grid]:has(.bullrun-classic) [data-maktub-sidebar-controls]{padding:12px;height:100%}[data-maktub-game-grid]:has(.bullrun-classic) [data-maktub-game-content]{background:#0b1327}[data-maktub-game-grid]:has(.bullrun-classic) .bullrun-classic button,[data-maktub-game-grid]:has(.bullrun-classic) .bullrun-classic-side button{min-width:0;min-height:0}.bullrun-classic-side{display:flex;flex-direction:column;height:100%;min-height:0}.bullrun-classic{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;gap:10px;padding:12px;color:#eef7ff}.bullrun-classic__top{display:flex;align-items:center;gap:10px;min-width:0}.bullrun-classic__panels{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}@media(max-width: 640px){.bullrun-classic__panels{grid-template-columns:minmax(0, 1fr)}}.bullrun-panel{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:#131b30;border:1px solid #2e3c60;transition:border-color .2s}.bullrun-panel--sell{border-color:color-mix(in srgb, #30a46c 70%, transparent)}.bullrun-panel--cancel,.bullrun-panel--pending{border-color:color-mix(in srgb, #f76b15 60%, transparent)}.bullrun-panel__head{display:flex;justify-content:space-between;align-items:center;min-height:18px;font:600 12px/16px Inter,Arial,sans-serif}.bullrun-panel__title{color:#a5b8e3;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.bullrun-panel__result{font-weight:700}.bullrun-panel__result--sold{color:#64d297}.bullrun-panel__result--lost{color:#e5484d}.bullrun-panel__body{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr);gap:10px}.bullrun-panel__stake{display:flex;flex-direction:column;gap:6px}.bullrun-panel__amount{display:grid;grid-template-columns:32px minmax(0, 1fr) 32px;align-items:center;height:40px;border-radius:8px;background:#182443}.bullrun-panel__amount input{width:100%;min-width:0;border:0;background:rgba(0,0,0,0);color:#eef7ff;text-align:center;font:700 15px/20px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;outline:none}.bullrun-panel__amount button{height:100%;border:0;background:rgba(0,0,0,0);color:#a5b8e3;font:600 18px/1 Inter,Arial,sans-serif;cursor:pointer}.bullrun-panel__amount button:disabled{opacity:.4;cursor:default}.bullrun-panel__quick{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:4px}.bullrun-panel__quick button{height:26px;border:0;border-radius:6px;background:#182443;color:#a5b8e3;font:600 12px/1 Inter,Arial,sans-serif;cursor:pointer}.bullrun-panel__quick button:hover:not(:disabled){background:#1e2b4d;color:#eef7ff}.bullrun-panel__quick button:disabled{opacity:.4;cursor:default}.bullrun-panel__main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:72px;border:0;border-radius:10px;color:#fff;background:#30a46c;cursor:pointer;transition:filter .15s,transform .15s}.bullrun-panel__main:hover:not(:disabled){filter:brightness(1.08)}.bullrun-panel__main:active:not(:disabled){transform:scale(0.98)}.bullrun-panel__main:disabled{cursor:default;opacity:.55}.bullrun-panel__main--sell{background:#ffd666;color:#2b1d00}.bullrun-panel__main--cancel{background:#e5484d}.bullrun-panel__main--pending{background:#253356}.bullrun-panel__main-label{font:800 18px/22px Inter,Arial,sans-serif}.bullrun-panel__main-sub{font:600 13px/16px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;opacity:.85}.bullrun-panel__autos{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #2e3c60;font:500 12px/16px Inter,Arial,sans-serif;color:#a5b8e3}.bullrun-panel__auto-sell{display:flex;align-items:center;gap:8px}.bullrun-panel__toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.bullrun-panel__toggle input{accent-color:#30a46c}.bullrun-panel__pct{display:inline-grid;grid-template-columns:22px minmax(52px, auto) 22px;align-items:center;height:26px;border-radius:6px;background:#182443;color:#eef7ff;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.bullrun-panel__pct button{height:100%;border:0;background:rgba(0,0,0,0);color:#a5b8e3;cursor:pointer}.bullrun-panel__pct button:disabled{opacity:.4;cursor:default}.bullrun-entry{display:inline-flex;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid rgba(0,0,0,0);border-radius:8px;font:700 12px/16px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.bullrun-entry svg{color:#64d297}.bullrun-entry--maktub{margin-left:10px;background:color-mix(in srgb, var(--maktub-button-color, #e6007a) 16%, transparent);border-color:color-mix(in srgb, var(--maktub-button-color, #e6007a) 45%, transparent);color:var(--maktub-text-color, #fff)}.bullrun-entry--maktub:hover{background:color-mix(in srgb, var(--maktub-button-color, #e6007a) 28%, transparent)}.bullrun-entry--nova{height:40px;margin-left:8px;background:rgba(255,255,255,.08);color:#fff}.bullrun-entry--nova:hover{background:rgba(255,255,255,.14)}.bullrun-entry--aurora{height:40px;background:#182443;color:#a5b8e3}.bullrun-entry--aurora:hover{background:#1e2b4d;color:#eef7ff}.bullrun-result{padding:8px 10px;border-radius:var(--maktub-border-radius, 6px);font:700 13px/18px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:center}.bullrun-result--sold{color:var(--maktub-cashout-button-color, #00e66c);background:color-mix(in srgb, var(--maktub-cashout-button-color, #00e66c) 12%, transparent)}.bullrun-result--lost{color:#e5484d;background:color-mix(in srgb, #e5484d 12%, transparent)}.bullrun-wins{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:124px;overflow:hidden;pointer-events:none;font-family:var(--maktub-font-family)}.bullrun-wins__flash{position:absolute;inset:0;box-shadow:inset 0 0 0 2px #2fe46d,inset 0 0 44px rgba(47,228,109,.32);opacity:0;animation:bullrun-win-flash .5s ease-out}.bullrun-wins__flash--tier-2{animation-duration:.65s}.bullrun-wins__flash--tier-3{box-shadow:inset 0 0 0 3px #2fe46d,inset 0 0 90px rgba(47,228,109,.5);animation-duration:.8s}.bullrun-win{display:flex;align-items:center;gap:12px;padding:6px 20px 6px 6px;border-radius:999px;background:linear-gradient(180deg, #2fe46d 0%, #1fb555 100%);color:#06210f;box-shadow:0 10px 28px rgba(0,0,0,.5);font-variant-numeric:tabular-nums;white-space:nowrap;animation:bullrun-win-in .34s cubic-bezier(0.18, 0.89, 0.32, 1.32)}.bullrun-win__return{padding:9px 12px;border-radius:999px;background:#06210f;color:#2fe46d;font-size:20px;font-weight:900}.bullrun-win__body{display:flex;flex-direction:column;line-height:1.1}.bullrun-win__label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bullrun-win__amount{font-size:30px;font-weight:900}.bullrun-win__streak{padding:5px 9px;border-radius:999px;background:rgba(6,33,15,.16);font-size:12px;font-weight:800}.bullrun-win--tier-2 .bullrun-win__return{font-size:24px}.bullrun-win--tier-2 .bullrun-win__amount{font-size:38px}.bullrun-win--tier-3{gap:16px;padding:8px 26px 8px 8px}.bullrun-win--tier-3 .bullrun-win__return{padding:12px 16px;font-size:30px}.bullrun-win--tier-3 .bullrun-win__label{font-size:13px}.bullrun-win--tier-3 .bullrun-win__amount{font-size:48px}@media(max-width: 480px){.bullrun-wins{flex-direction:row;justify-content:center;gap:4px;padding-top:64px}.bullrun-win{gap:6px;padding-right:12px}.bullrun-win__return{padding:7px 8px;font-size:13px}.bullrun-win__label{font-size:9px}.bullrun-win__amount{font-size:20px}.bullrun-win__streak{display:none}.bullrun-win--tier-2 .bullrun-win__return{font-size:14px}.bullrun-win--tier-2 .bullrun-win__amount{font-size:22px}.bullrun-win--tier-3 .bullrun-win__return{padding:7px 9px;font-size:15px}.bullrun-win--tier-3 .bullrun-win__amount{font-size:24px}}
.coin-slider-desktop{display:contents}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.coin-slider-desktop{display:none}[data-coin-game-area]{padding:12px}[data-coin-stage]{--cf-zone: clamp(180px, calc(100dvh - 456px), 280px);width:100%;flex:none;height:calc(var(--cf-zone) + 72px);padding:24px 0 0;container-type:inline-size}[data-coin-grid]{--coin-mobile-padding: 0px;--coin-mobile-grid-width: calc( var(--coin-mobile-columns) * 10em + (var(--coin-mobile-columns) - 1) * 8px + 1px );display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:min(var(--coin-mobile-cap),(100cqi - (var(--coin-mobile-columns) - 1)*8px)/(var(--coin-mobile-columns)*10),(var(--cf-zone, 280px) - (var(--coin-mobile-rows) - 1)*8px)/(var(--coin-mobile-rows)*10))}[data-coin-controls]{--maktub-slider-track-bg: color-mix(in srgb, var(--maktub-label-tone, #a7b8d2) 60%, var(--maktub-bg-dark-light, #1c212a))}@supports(color: oklch(from red l c h)){[data-coin-controls]{--maktub-slider-track-bg: oklch(from var(--maktub-bg-dark-light, #1c212a) calc(l + 0.35 - 0.7 * clamp(0, (l - 0.6) * 1000, 1)) c h)}}[data-coin-controls]{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;padding:0 4px;background:rgba(0,0,0,0);border:none;box-shadow:none}[data-coin-controls] .mobile-range-slider::-webkit-slider-thumb{border-color:var(--maktub-white-tone, #fff)}[data-coin-controls] .mobile-range-slider::-moz-range-thumb{border-color:var(--maktub-white-tone, #fff)}[data-coin-pick-label]{display:none}[data-coin-pick-btn]{padding-block:6px}[data-coin-pick-icon]{font-size:3.2px}[data-coin-desktop-only]{display:none}[data-coin-slider-label]{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-coin-presets]{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:3px}[data-coin-presets]>button{min-width:0;height:44px !important;padding:0 2px !important}}
.futures-topbar{--fut-seg-bg: var(--maktub-bg-dark, #1D121F);--fut-price-bg: color-mix(in srgb, var(--maktub-bg-dark, #1D121F) 82%, #000 18%);--fut-seg-border: color-mix(in srgb, var(--maktub-bg-dark, #1D121F) 86%, #fff 12%);--fut-divider: color-mix(in srgb, var(--maktub-bg-dark, #1D121F) 80%, #fff 16%);--fut-inset-bg: color-mix(in srgb, var(--maktub-bg-dark, #1D121F) 90%, #fff 8%);display:flex;width:100%;padding:12px 20px;font-family:var(--maktub-font-family);user-select:none}.futures-topbar__bar{display:flex;align-items:stretch;height:56px;width:100%;border-radius:8px}.futures-topbar__symbol{box-sizing:border-box;display:flex;align-items:center;gap:24px;padding:12px 20px;flex:none;background:var(--fut-seg-bg);border:1px solid var(--fut-seg-border);border-radius:8px 0 0 8px;margin-right:-1px;position:relative}.futures-topbar__symbol-info{display:flex;align-items:center;gap:12px}.futures-topbar__avatar{width:32px;height:32px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.futures-topbar__symbol-text{display:flex;flex-direction:column;gap:0}.futures-topbar__symbol-name{font-size:14px;font-weight:600;color:#fff;line-height:16px;white-space:nowrap}.futures-topbar__symbol-code{font-size:12px;font-weight:600;color:#a8a4b2;line-height:14px}.futures-topbar__dropdown-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--fut-inset-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);color:#c1bccc;cursor:pointer;flex-shrink:0}.futures-topbar__dropdown-btn svg{width:20px;height:20px}.futures-topbar__dropdown{position:absolute;top:100%;left:0;margin-top:8px;padding:8px;max-height:320px;overflow-y:auto;min-width:200px;background:var(--fut-seg-bg);border-radius:var(--maktub-border-radius, 6px);border:1px solid var(--fut-seg-border);box-shadow:0 4px 25px rgba(0,0,0,.8);z-index:50}.futures-topbar__dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;border-radius:var(--maktub-border-radius, 6px);color:#fff;font-size:14px;font-weight:600;transition:background .15s}.futures-topbar__dropdown-item:hover{background:rgba(255,255,255,.06)}.futures-topbar__dropdown-item img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.futures-topbar__price{box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:18px 24px;flex:none;background:var(--fut-price-bg);border:1px solid var(--fut-seg-border);margin-right:-1px}.futures-topbar__price-arrow{width:24px;height:24px;flex-shrink:0}.futures-topbar__price-arrow--up{color:#00e66c}.futures-topbar__price-arrow--down{color:#fe3445;transform:rotate(180deg)}.futures-topbar__price-value{display:flex;align-items:center;font-size:20px;line-height:26px;font-weight:600;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.futures-topbar__roll{position:relative;display:inline-block;overflow:hidden;height:26px;width:.62em;text-align:center}.futures-topbar__roll::before,.futures-topbar__roll::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.futures-topbar__roll::before{top:0;height:45%;background:linear-gradient(180deg, var(--fut-price-bg) 5%, transparent 100%)}.futures-topbar__roll::after{bottom:0;height:32%;background:linear-gradient(0deg, var(--fut-price-bg) 5%, transparent 100%)}.futures-topbar__roll-strip{display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1)}.futures-topbar__roll-strip span{height:26px;line-height:26px;display:block}.futures-topbar__change{display:flex;align-items:center;justify-content:center;padding:0 8px;height:18px;border-radius:4px;font-size:12px;line-height:18px;font-weight:600;white-space:nowrap}.futures-topbar__change--up{background:rgba(0,71,0,.3);color:#00e66c}.futures-topbar__change--down{background:rgba(71,0,0,.3);color:#fe3445}.futures-topbar__stats{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 28px;flex:1 1 0;min-width:0;background:var(--fut-seg-bg);border:1px solid var(--fut-seg-border);border-radius:0 8px 8px 0;overflow-x:auto;scrollbar-width:none}.futures-topbar__stats::-webkit-scrollbar{display:none}.futures-topbar__stat{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:none}.futures-topbar__stat-label{font-size:12px;font-weight:600;line-height:16px;color:#928d9e;white-space:nowrap}.futures-topbar__stat-value{font-size:14px;font-weight:600;line-height:22px;color:#e7e4f0;white-space:nowrap;font-variant-numeric:tabular-nums}.futures-topbar__divider{width:1px;height:40px;flex:none;background:var(--fut-divider)}.futures-form__updown{display:flex;gap:10px;width:100%;height:36px;flex:none}.futures-form__direction-btn{display:flex;justify-content:center;align-items:center;gap:8px;height:36px;flex:1 1 0;padding:0 14px;border:1px solid color-mix(in srgb, var(--maktub-bg-dark-light, #251929) 80%, #fff 6%);border-radius:var(--maktub-border-radius, 6px);background:rgba(0,0,0,0);cursor:pointer;font-family:var(--maktub-font-family);font-weight:600;font-size:14px;color:rgba(255,255,255,.3);transition:all .2s}.futures-form__direction-btn svg{width:16px;height:16px}.futures-form__direction-btn--up-active{background:rgba(0,93,0,.3);border-color:#00e66c;color:#00e66c}.futures-form__direction-btn--down-active{background:rgba(93,0,0,.3);border-color:#e60000;color:#e60000}.futures-form__slider{width:100%;user-select:none}.futures-form__slider-title{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--maktub-font-family);font-weight:600;font-size:14px;line-height:22px;color:#fff;margin-bottom:24px}.futures-form__slider-value{font-weight:700;color:var(--maktub-button-color, #E6007A);font-variant-numeric:tabular-nums}.futures-form__slider-control{position:relative;height:18px;display:flex;align-items:center;cursor:pointer}.futures-form__slider-tooltip{position:absolute;bottom:calc(100% + 2px);transform:translateX(-50%);padding:3px 8px;background:var(--maktub-bg-dark, #1D121F);border:1px solid color-mix(in srgb, var(--maktub-bg-dark-light, #251929) 55%, #fff 10%);border-radius:6px;font-family:var(--maktub-font-family);font-size:12px;font-weight:700;line-height:1;color:#fff;white-space:nowrap;pointer-events:none;z-index:4;box-shadow:0 3px 10px rgba(0,0,0,.45)}.futures-form__slider-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:var(--maktub-bg-dark, #1D121F)}.futures-form__slider-track{width:100%;height:6px;border-radius:3px;background:var(--maktub-bg-dark-light, #251929);overflow:hidden}.futures-form__slider-range{height:100%;border-radius:3px;background:linear-gradient(90deg, rgba(0, 255, 47, 0.9), #FF8800)}.futures-form__slider-thumb{position:absolute;top:0;width:18px;height:18px;border-radius:50%;background:#3f3042;display:flex;align-items:center;justify-content:center;cursor:grab}.futures-form__slider-thumb::after{content:"";width:8px;height:8px;border-radius:50%;background:#ffa81b}.futures-form__slider-legend{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--maktub-font-family);font-weight:700;font-size:11px;letter-spacing:.04em}.futures-form__slider-legend span:first-child{color:#24d861}.futures-form__slider-legend span:last-child{color:#f80}.futures-form__bust{display:flex;align-items:center;height:40px;flex:none;padding:0 12px;width:100%;border-radius:var(--maktub-border-radius, 6px);background:var(--maktub-bg-dark-light, #1A0F1C);font-family:var(--maktub-font-family);font-size:13px;color:#c9bacc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.futures-positions{display:flex;flex-direction:column;align-items:stretch;gap:2px;flex:1 1 auto;min-height:150px;order:2;width:100%;font-family:var(--maktub-font-family)}.futures-positions__tabs{display:flex;align-items:center;height:40px;flex:none;border-bottom:1px solid color-mix(in srgb, var(--maktub-bg-dark-light, #251929) 60%, #fff 4%)}.futures-positions__tab{display:flex;justify-content:center;align-items:center;padding:4px 18px 14px;height:40px;flex:1 1 0;background:rgba(0,0,0,0);border:none;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer;font-family:var(--maktub-font-family);font-weight:600;font-size:14px;color:#a8a4b2;white-space:nowrap;transition:color .15s}.futures-positions__tab--active{color:#fff;border-bottom-color:#fff}.futures-positions__header{display:flex;align-items:center;height:40px;flex:none;border-bottom:1px solid color-mix(in srgb, var(--maktub-bg-dark-light, #251929) 60%, #fff 4%);font-weight:500;font-size:13px;color:#a8a4b2}.futures-positions__header-token{width:88px;flex:none}.futures-positions__header-pnl{flex:1 1 0;min-width:0;white-space:nowrap}.futures-positions__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:105px;flex:none;white-space:nowrap}.futures-positions__switch{position:relative;width:28px;height:12px;background:#88868c;border-radius:3px;border:none;padding:0;cursor:pointer;flex:none}.futures-positions__switch--active{background:var(--maktub-button-color, #E6007A)}.futures-positions__switch--active .futures-positions__switch-thumb{left:14px}.futures-positions__switch-thumb{position:absolute;width:14px;height:14px;left:0;top:-1px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1);border-radius:4px;transition:left .15s ease}.futures-positions__rows{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.futures-positions__row{display:flex;align-items:center;height:44px;flex:none;cursor:pointer;border-radius:var(--maktub-border-radius, 6px)}.futures-positions__row--selected{background:rgba(255,255,255,.04)}.futures-positions__token{display:flex;align-items:center;gap:6px;width:88px;flex:none}.futures-positions__token img{width:24px;height:24px;border-radius:4.5px;display:block;object-fit:contain;flex:none}.futures-positions__token-label{font-weight:500;font-size:14px;color:#a8a4b2}.futures-positions__pnl{display:flex;align-items:center;padding-right:12px;flex:1 1 0;min-width:0;overflow:hidden;font-weight:600;font-size:14px;color:#a8a4b2;white-space:nowrap;font-variant-numeric:tabular-nums}.futures-positions__pnl--up{color:#24d861}.futures-positions__pnl--down{color:#fe3445}.futures-positions__actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:105px;flex:none}.futures-positions__cashout{display:flex;justify-content:center;align-items:center;padding:0 10px;height:32px;min-width:67px;background:rgba(36,216,97,.3);border:none;border-radius:var(--maktub-border-radius, 6px);cursor:pointer;font-family:var(--maktub-font-family);font-weight:600;font-size:12px;color:#24d861;white-space:nowrap}.futures-positions__cashout:disabled{opacity:.6;cursor:default}.futures-positions__more{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background:var(--maktub-bg-dark-light, #211F24);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);border:none;border-radius:var(--maktub-border-radius, 6px);cursor:pointer;color:#a8a4b2;flex:none}.futures-positions__empty{flex:1 1 0;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:12px;color:#a8a4b2;opacity:.7;text-transform:uppercase}
.hilo-fly-right{animation:fly-right var(--duration, 0.4s) cubic-bezier(0.22, 1, 0.36, 1) forwards}.hilo-card-slide{animation:card-slide var(--slide-in-duration, 0.4s) cubic-bezier(0.22, 1, 0.36, 1)}.hilo-deck{position:relative;margin-left:auto;margin-right:auto}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.hilo-deck{margin-left:0;margin-right:0}}.hilo-deck__layer:not(:first-child){position:absolute;top:0;left:0}.hilo-deck__current{position:absolute;top:0;left:0}.hilo-deck__previous{position:absolute;top:0;left:0}.hilo-deck__skip-btn{position:absolute;top:0;left:50%;transform:translate(-50%, -50%)}.hilo-rounds{display:flex;overflow-x:auto;overflow-y:hidden;background:var(--maktub-bg-dark, #1A0F1C);border-radius:8px}@media(min-width: 768px){.hilo-rounds{border:1px solid #231726}}.hilo-rounds__inner{display:flex;padding:16px;padding-bottom:14px;gap:8px}.hilo-round{position:relative;display:flex;flex-direction:column;flex-shrink:0;gap:7px}.hilo-round__guess{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:-4px;width:32px;height:32px;color:#fff;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.25);transform:translate(-50%, -50%) scale(0);opacity:0;animation:hilo-guess .3s cubic-bezier(0.34, 1.56, 0.64, 1) var(--delay, 0.3s) both;z-index:2}.hilo-round__guess--success{background:#24d861}.hilo-round__guess--error{background:#de3449}.hilo-round__guess--skip{background:#e5923c}.hilo-round__payout{display:flex;align-items:center;justify-content:center;width:100%;height:22px;border-radius:6px;color:var(--hilo-badge-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--hilo-badge) 22%, transparent), color-mix(in srgb, var(--hilo-badge) 9%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hilo-badge) 38%, transparent),inset 0 1px 0 rgba(255,255,255,.07);font-size:11px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;line-height:1;text-transform:uppercase;white-space:nowrap;user-select:none}.hilo-round__payout--win{--hilo-badge: #39CF74;--hilo-badge-ink: #39CF74}.hilo-round__payout--lose{--hilo-badge: #ED083E;--hilo-badge-ink: #FF5C7A}.hilo-round__payout--neutral{--hilo-badge: var(--maktub-white-tone, #ffffff);--hilo-badge-ink: color-mix(in srgb, var(--maktub-white-tone, #ffffff) 72%, transparent)}.hilo-round__payout--animated{animation:hilo-payout .3s cubic-bezier(0.34, 1.56, 0.64, 1) var(--delay, 0.3s) both}.hilo-stats{display:none;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:16px;background:var(--maktub-bg-dark, #1A0F1C);border-radius:8px}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.hilo-stats{display:grid}}
.hilo-card__wrapper{perspective:500px;user-select:none}.hilo-card{background-color:#e9e9e9;border-radius:.57em;height:7em;position:relative;transform-style:preserve-3d;transition:box-shadow .25s cubic-bezier(0.22, 1, 0.36, 1);width:5em}@media(min-width: 768px){.hilo-card{height:8.5em;width:6em}}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.hilo-card{height:10em;width:7em}}@media(min-width: 1440px){.hilo-card{height:11em;width:7.7em}}.hilo-card--animated{transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .25s cubic-bezier(0.22, 1, 0.36, 1)}.hilo-card--flipped{transform:rotateY(180deg)}.hilo-card--win{box-shadow:0 0 0 .18em #00a82a,0 0 1.1em 0 rgba(0,168,42,.5)}.hilo-card--lose{box-shadow:0 0 0 .18em #e2455a,0 0 1.1em 0 rgba(226,69,90,.45)}.hilo-card--draw{box-shadow:0 0 0 .18em #e5923c,0 0 1.1em 0 rgba(229,146,60,.45)}.hilo-card--active{box-shadow:0 0 0 .18em var(--maktub-button-color, #e90083),0 0 1.1em 0 color-mix(in srgb, var(--maktub-button-color, #e90083) 55%, transparent)}.hilo-card[data-suit=H],.hilo-card[data-suit=D]{--card-color: #CD0036}.hilo-card[data-suit=C],.hilo-card[data-suit=S]{--card-color: #1A1A2E}.hilo-card__back,.hilo-card__face{border-radius:inherit;height:100%;overflow:hidden;position:absolute;width:100%}.hilo-card__face{background-color:#e9e9e9;transform:rotateY(180deg)}.hilo-card__face-bg{position:absolute;width:250%;height:250%;left:-30%;top:-10%;object-fit:contain;opacity:.06;pointer-events:none}.hilo-card__rank{position:absolute;left:.2em;top:.08em;font-family:var(--maktub-font-family);font-weight:700;font-size:2.4em;line-height:1;text-transform:uppercase;color:var(--card-color, #CD0036)}.hilo-card__suit-icon{position:absolute;width:3.6em;height:3.6em;left:calc(50% - 1.8em);top:calc(50% - 1.8em + 1em);object-fit:contain;pointer-events:none}.hilo-card__back{backface-visibility:hidden;align-items:center;background-color:var(--maktub-card-back-color, var(--maktub-button-color, #e90083));border:2px solid #fff;display:flex;justify-content:center;isolation:isolate}.hilo-card__back::before{background-color:color-mix(in srgb, var(--maktub-card-back-color, var(--maktub-button-color, #e90083)) 70%, black);clip-path:polygon(0 100%, 0 45%, 100% 55%, 100% 100%);content:"";inset:0;position:absolute;z-index:-1}.hilo-card__back-logo{align-items:center;color:rgba(255,255,255,.78);display:flex;font-family:var(--maktub-font-family);font-size:1em;font-weight:700;justify-content:center;letter-spacing:.03em;line-height:1.15;height:60%;max-width:70%;text-align:center;text-transform:uppercase}.hilo-card__back-logo img,.hilo-card__back-logo svg{height:100%;max-height:3.2em;max-width:100%;object-fit:contain;width:100%}.hilo-card__back-placeholder{align-items:center;display:flex;flex-direction:column;font-size:.8em;gap:.06em}
.keno-tile{font-size:14px !important;font-weight:600 !important}@media(min-width: 768px){.keno-tile{font-size:22px !important}}
.pulse-monitor{--pulse-idle-color: var(--maktub-white-tone, #fff);position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:1.2;min-height:250px}.pulse-monitor__chassis{display:none}.pulse-monitor__screen{position:absolute;inset:0;overflow:hidden;border-radius:8px;background:var(--maktub-bg-dark-light, #1a2427)}.pulse-monitor__status{font-size:11px}.pulse-monitor__bpm-label{font-size:13px;color:var(--maktub-font-tone, #d5e0db)}.pulse-monitor__bpm{font-size:28px}.pulse-monitor__multiplier-label{font-size:11px;color:var(--maktub-font-tone, #d5e0db)}.pulse-monitor__multiplier{font-size:clamp(56px,14vw,80px)}.pulse-monitor__multiplier-unit{font-size:.8em}.pulse-monitor__tier{font-size:12px}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.pulse-monitor{--pulse-idle-color: color-mix(in srgb, white 50%, transparent);max-width:720px;aspect-ratio:auto;min-height:0}.pulse-monitor__chassis{display:block}.pulse-monitor__screen{inset:auto;left:10.9375%;top:20.3703703704%;width:57.8125%;height:50.3703703704%;border-radius:2%;background:rgba(0,0,0,0)}.pulse-monitor__status{font-size:clamp(8px,1.5vw,11px)}.pulse-monitor__bpm-label{font-size:clamp(8px,1.4vw,11px);color:color-mix(in srgb, white 42%, transparent)}.pulse-monitor__bpm{font-size:clamp(15px,3vw,24px)}.pulse-monitor__multiplier-label{font-size:clamp(7px,1.2vw,10px);color:color-mix(in srgb, white 34%, transparent)}.pulse-monitor__multiplier{font-size:clamp(28px,7vw,56px)}.pulse-monitor__multiplier-unit{font-size:.66em}.pulse-monitor__tier{font-size:clamp(7px,1.15vw,10px)}}
.on-win-input .input__field,.on-loss-input .input__field,.auto-config-percent-input .input__field{padding:0}.auto-config-percent-input .input__field{padding:0 12px;text-align:right}.auto-config-percent-input .input__adornment{padding:4px 4px 4px 3px}.auto-config-percent-input .input__separator{display:none}
.bet-btn{border-radius:var(--maktub-primary-btn-radius, var(--maktub-border-radius, 6px));font-weight:var(--maktub-primary-btn-weight, 600);background:var(--maktub-bet-btn-bg, var(--maktub-button-color, #E6007A));color:var(--maktub-bet-btn-text, var(--maktub-button-text-color, white));box-shadow:var(--maktub-bet-btn-shadow, none)}.bet-btn.btn{background:var(--maktub-bet-btn-bg, var(--maktub-button-color, #E6007A));border-radius:var(--maktub-primary-btn-radius, var(--maktub-border-radius, 6px));font-weight:var(--maktub-primary-btn-weight, 600);height:var(--maktub-game-primary-height, var(--maktub-primary-btn-height, 48px))}.bet-btn{box-sizing:border-box;min-height:48px;display:flex;height:var(--maktub-game-primary-height, var(--maktub-primary-btn-height, 48px));padding:12px 16px 13px 16px;justify-content:center;align-items:center;gap:12px;flex-shrink:0;transition:all 250ms ease;order:-1}.bet-btn:hover{filter:brightness(1.1) !important;background:var(--maktub-bet-btn-bg, var(--maktub-button-color, #E6007A)) !important;--maktub-bet-btn-text: var(--maktub-bet-btn-text-hover, var(--maktub-button-text-color, white))}.bet-btn.bet-btn--cashout:hover{background:var(--maktub-cashout-button-color, #00C55A) !important}.bet-btn.bet-btn--cashout-themed:hover{background:var(--maktub-cashout-button-color, var(--maktub-bet-btn-bg, var(--maktub-button-color, #E6007A))) !important}.bet-btn:active{transform:scale(0.9)}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.bet-btn{order:1}}
@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-maktub-game-grid][data-maktub-compact] :is([data-maktub-game-sidebar],[data-maktub-game-content]){--maktub-game-input-height: max(40px, var(--maktub-input-height, 40px));--maktub-game-primary-height: max(44px, var(--maktub-primary-btn-height, 44px));--maktub-game-secondary-height: max(40px, var(--maktub-secondary-btn-height, 40px));--maktub-game-input-font-size: 16px}[data-maktub-game-grid][data-maktub-compact] :is([data-maktub-game-sidebar],[data-maktub-game-content]) .bet-btn,[data-maktub-game-grid][data-maktub-compact] :is([data-maktub-game-sidebar],[data-maktub-game-content]) .button__root--variant_primary.button__root--size_lg{min-height:var(--maktub-game-primary-height);height:var(--maktub-game-primary-height);padding-block:0}[data-maktub-game-grid][data-maktub-compact] :is([data-maktub-game-sidebar],[data-maktub-game-content]) .form-control>.label{display:block;margin-bottom:4px;font-size:12px;line-height:16px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls]{padding:6px 12px;gap:6px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls]>.bet-btn,[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls]>.button__root--variant_primary,[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls]>:has(.bet-btn,.button__root--variant_primary){margin-bottom:0}[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls] :where(button:not(.number-input__increment,.number-input__decrement)){min-height:36px;min-width:36px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls] .btn--elevated,[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls] .btn--transparent{min-height:var(--maktub-game-secondary-height)}[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls] .tabs__list:has(>[role=tab]){height:max(40px,var(--maktub-secondary-btn-height, 32px) + 8px) !important;min-height:40px;padding-block:4px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-sidebar-controls] [role=tab]{min-height:32px;height:max(32px,var(--maktub-secondary-btn-height, 32px));padding-block:6px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-amount-actions]>button{height:36px;min-width:36px;padding-inline:6px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-bottom-bar]{height:44px}[data-maktub-game-grid][data-maktub-compact]{--maktub-content-min-height: 220px;--maktub-stage-min-height: 240px;--maktub-chart-min-height: 240px;--maktub-road-min-height: 260px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-game-content]{padding-inline:max(0px,(100% - 340px)/2)}[data-maktub-game-grid][data-maktub-compact] [data-maktub-field-panel]{padding:8px;gap:8px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-history]{padding:8px 8px 0}[data-maktub-game-grid][data-maktub-compact] [data-maktub-history]>div{min-height:36px;padding:4px;gap:4px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-history] [data-maktub-history-track]{gap:4px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-history] button{height:28px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-mobile-balance]{min-height:44px;padding-block:4px}[data-maktub-game-grid][data-maktub-compact] [data-maktub-mobile-balance] .game-balance__capsule{min-height:32px;padding-block:4px}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=balloon]{--maktub-stage-min-height: 180px;--maktub-content-min-height: 180px}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=balloon] [data-maktub-game-content]{padding-inline:0}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=stairs]{--maktub-stage-min-height: 280px}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=diamonds],[data-maktub-game-grid][data-maktub-compact][data-maktub-game=spark]{--maktub-stage-min-height: 300px}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=volt] [data-maktub-game-content]>div{height:280px}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=hilo] [data-maktub-card-stage]{padding-block:20px}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=limbo] [data-maktub-number-stage]{padding-block:12px;gap:8px}[data-maktub-game-grid][data-maktub-compact][data-maktub-game=dice] [data-maktub-slider-stage]{padding-block:8px}[data-maktub-game-grid][data-maktub-compact] .lgo-row{height:28px}[data-maktub-game-grid][data-maktub-compact] .lgo-rail i{height:25px}[data-maktub-game-grid][data-maktub-compact] [data-tower-grid]{font-size:7.5555555556px}[data-maktub-game-grid][data-maktub-compact] [data-blackjack-content]{height:260px;min-height:260px}[data-maktub-game-grid][data-maktub-compact] .blackjack{padding:8px}[data-maktub-game-grid][data-maktub-compact] .blackjack .blackjack__dealer-hands,[data-maktub-game-grid][data-maktub-compact] .blackjack .blackjack__player-hands{min-height:110px}[data-maktub-game-grid][data-maktub-compact] .blackjack .hand .playing-card{font-size:11px}[data-maktub-game-grid][data-maktub-compact] [data-baccarat-content]{--baccarat-mobile-height: 320px}[data-maktub-game-grid][data-maktub-compact] .baccarat{padding:8px}[data-maktub-game-grid][data-maktub-compact] .baccarat .baccarat__hands{gap:6px}[data-maktub-game-grid][data-maktub-compact] .baccarat .baccarat__banker-hand,[data-maktub-game-grid][data-maktub-compact] .baccarat .baccarat__player-hand{min-height:96px}[data-maktub-game-grid][data-maktub-compact] .baccarat .baccarat__hands .playing-card{font-size:9px}[data-maktub-game-grid][data-maktub-compact] .baccarat .baccarat__position{height:52px}[data-maktub-game-grid][data-maktub-compact] .video-poker{padding:8px;gap:8px}[data-maktub-game-grid][data-maktub-compact] .video-poker .video-poker__paytable{padding:6px;gap:2px}[data-maktub-game-grid][data-maktub-compact] .video-poker .video-poker__paytable-name,[data-maktub-game-grid][data-maktub-compact] .video-poker .video-poker__paytable-mult-cell{height:22px}[data-maktub-game-grid][data-maktub-compact] .futures-topbar{padding:8px}[data-maktub-game-grid][data-maktub-compact] .futures-topbar__bar{height:auto;flex-wrap:wrap}[data-maktub-game-grid][data-maktub-compact] .futures-topbar__symbol{padding:8px;gap:8px;flex:1 1 auto}[data-maktub-game-grid][data-maktub-compact] .futures-topbar__symbol-info{gap:8px}[data-maktub-game-grid][data-maktub-compact] .futures-topbar__price{padding:8px;gap:4px;flex:1 1 auto}[data-maktub-game-grid][data-maktub-compact] .futures-topbar__price-value{font-size:16px}[data-maktub-game-grid][data-maktub-compact] .futures-topbar__stats{flex-basis:100%;padding:6px 8px;border-radius:0 0 8px 8px}}
[data-maktub-game-scroll],[data-maktub-game-grid],[data-maktub-game-grid] *{scrollbar-width:none}[data-maktub-game-scroll]::-webkit-scrollbar,[data-maktub-game-grid]::-webkit-scrollbar,[data-maktub-game-grid] *::-webkit-scrollbar{display:none;width:0;height:0}
[data-maktub-game-grid][data-maktub-landscape]{grid-template-columns:minmax(0, 1fr) clamp(260px,38%,320px);grid-template-rows:auto minmax(0, 1fr) auto;grid-template-areas:"content balance" "content sidebar" "content bottomBar";max-width:none;margin:0;border-radius:0;overflow:hidden}[data-maktub-game-grid][data-maktub-landscape]:has(>[data-maktub-game-header]){grid-template-rows:auto auto minmax(0, 1fr) auto;grid-template-areas:"header header" "content balance" "content sidebar" "content bottomBar"}[data-maktub-game-grid][data-maktub-landscape]:has(>[data-maktub-landscape-centered]){background:var(--maktub-bg-dark-light, #1A0F1C)}[data-maktub-game-grid][data-maktub-landscape]>[data-maktub-landscape-centered]{justify-self:center}[data-maktub-game-grid][data-maktub-landscape]>[data-maktub-game-sidebar]{min-height:0;border-left:1px solid var(--maktub-stroke-strong, #251929)}[data-maktub-game-grid][data-maktub-landscape] [data-maktub-sidebar-controls]{height:100%;overflow-y:auto;overscroll-behavior:contain}[data-maktub-game-grid][data-maktub-landscape] [data-maktub-mobile-balance]{position:static}
[data-maktub-mobile-balance]{display:none}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-maktub-game-grid]{overflow:visible}[data-maktub-mobile-balance]{grid-area:balance;display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);position:sticky;top:0;z-index:20;min-height:52px;padding:6px 16px;gap:8px;align-items:center;background:var(--maktub-bg-dark, #0D1117);border-bottom:1px solid var(--maktub-stroke, #27262B);color:var(--maktub-white-tone, #fff)}[data-maktub-mobile-balance] .game-balance__logo{min-width:0;max-width:80px;max-height:26px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}[data-maktub-mobile-balance] .game-balance__logo img,[data-maktub-mobile-balance] .game-balance__logo svg{max-width:100%;max-height:26px;width:auto;height:auto;object-fit:contain}[data-maktub-mobile-balance] .game-balance__capsule{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;max-width:calc(100vw - 144px);padding:6px 12px;border-radius:8px;background:var(--maktub-bg-dark-light, #202630)}[data-maktub-mobile-balance] .game-balance__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--maktub-button-color, #FC8604)}[data-maktub-mobile-balance] .game-balance__icon svg{width:18px;height:18px}[data-maktub-mobile-balance] output{min-width:0;font-size:16px;line-height:22px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}[data-maktub-game-sidebar] [data-maktub-balance-display]{display:none}:is([data-maktub-game-sidebar],[data-maktub-game-content]){--maktub-game-input-height: max(48px, var(--maktub-input-height, 48px));--maktub-game-input-font-size: 16px;--maktub-game-primary-height: max(56px, var(--maktub-primary-btn-height, 56px));--maktub-game-secondary-height: max(48px, var(--maktub-secondary-btn-height, 48px));min-width:0}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .select{display:flex;align-items:center}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .input,:is([data-maktub-game-sidebar],[data-maktub-game-content]) .select__value,:is([data-maktub-game-sidebar],[data-maktub-game-content]) .select__placeholder{font-size:var(--maktub-game-input-font-size)}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .form-control>.label{display:block}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .bet-btn,:is([data-maktub-game-sidebar],[data-maktub-game-content]) .button__root--variant_primary.button__root--size_lg{min-height:var(--maktub-game-primary-height)}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .bet-btn .btn__label{font-size:16px}[data-maktub-sidebar-controls]{height:auto;overflow:visible;padding:20px;gap:16px}[data-maktub-sidebar-controls] :where(button:not(.number-input__increment,.number-input__decrement)){min-height:44px;min-width:44px}[data-maktub-sidebar-controls] .btn--elevated,[data-maktub-sidebar-controls] .btn--transparent{min-height:var(--maktub-game-secondary-height)}[data-maktub-sidebar-controls] .tabs__list:has(>[role=tab]){min-height:52px}[data-maktub-sidebar-controls]>.bet-btn,[data-maktub-sidebar-controls]>.button__root--variant_primary,[data-maktub-sidebar-controls]>:has(.bet-btn,.button__root--variant_primary){margin-bottom:8px}[data-maktub-amount-actions]>button{height:44px;min-width:44px;padding-inline:8px;font-size:14px}[data-keno-pick-actions]{order:-1}[data-maktub-sidebar-controls]:has(>[data-keno-pick-actions])>.bet-btn{margin-bottom:-8px}}
.mobile-multiplier-strip{display:none}.defuse-timer-mobile{display:none}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-mobile-multiplier-legacy]{display:none !important}.defuse-timer-desktop{display:none}.defuse-timer-mobile{display:block}.mobile-multiplier-strip{display:flex;position:relative;width:100%;min-width:0;flex-shrink:0;gap:8px;padding:8px 12px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-multiplier-strip::-webkit-scrollbar{display:none}.mobile-multiplier-strip{--strip-fade-start: 0px;--strip-fade-end: 0px}.mobile-multiplier-strip[data-clip-start]{--strip-fade-start: 28px}.mobile-multiplier-strip[data-clip-end]{--strip-fade-end: 28px}.mobile-multiplier-strip{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--strip-fade-start), #000 calc(100% - var(--strip-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--strip-fade-start), #000 calc(100% - var(--strip-fade-end)), transparent)}.mobile-multiplier-strip__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:64px;min-height:36px;padding:6px 10px;gap:4px;border-radius:var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px));background:var(--maktub-bg-dark-light, #252329);color:var(--maktub-font-tone, #fff);font-size:14px;line-height:20px;font-weight:600;white-space:nowrap}.mobile-multiplier-strip__item[data-reached]{background:color-mix(in srgb, var(--maktub-button-color, #E6007A) 20%, var(--maktub-bg-dark-light, #252329))}.mobile-multiplier-strip__item[data-active]{background:var(--maktub-button-color, #E6007A);color:var(--maktub-button-text-color, #fff)}.mobile-multiplier-strip__item[data-failed]{background:#e2455a;color:#fff}.mobile-multiplier-strip__item:has(.mobile-multiplier-strip__marker){min-width:76px;min-height:52px}.mobile-multiplier-strip__marker{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.7}}
.accordion{display:flex;flex-direction:column;gap:12px}.accordion__item{display:flex;flex-direction:column;overflow:hidden}.accordion__header{align-items:center;background-color:rgba(0,0,0,0);background-origin:border-box;border-radius:6px;border:1px solid var(--maktub-bg-dark-light, #251929);color:var(--maktub-button-color, #e90083);display:flex;height:54px;justify-content:space-between;outline:0;padding:0 16px}.accordion__header[data-state=open]{background-color:var(--maktub-bg-dark-light, #271c2b);background-image:none;border-color:var(--maktub-button-color, transparent);color:#fff}.accordion__label{font-size:0.75rem;line-height:1.25rem;font-weight:700;text-transform:uppercase}.accordion__indicator{align-items:center;background-color:var(--maktub-bg-dark-light, #271c2b);border-radius:4px;color:color-mix(in srgb, var(--maktub-button-color, #e90083) 60%, transparent);display:inline-flex;height:24px;justify-content:center;width:24px}.accordion__indicator[data-state=open]{background-color:var(--maktub-button-color, #e90083);color:var(--maktub-bg-dark, #fff);transform:rotate(180deg)}
.avatar{border-radius:4px;display:inline-flex;flex-shrink:0;overflow:hidden;position:relative;user-select:none}.avatar img{height:100%;object-fit:cover;width:100%}.avatar--sm{height:32px;width:32px}.avatar--md{height:40px;width:40px}.avatar--lg{height:48px;width:48px}
.btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:rgba(0,0,0,0);border-radius:var(--maktub-border-radius, 4px);border:none;cursor:pointer;display:inline-flex;font-family:var(--maktub-font-family);justify-content:space-between;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-transform:none;user-select:none;transition-duration:250ms;transition-property:background-color, border-color, color, opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.btn__icon{display:inline-flex;position:relative}.btn__label{display:flex;justify-content:center;flex-grow:1;flex-shrink:0;text-wrap:nowrap;font-size:14px;font-style:normal;font-weight:600;line-height:22px}.btn__loading-indicator{display:flex;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%, -50%)}.btn:focus{outline:none}.btn[disabled],.btn[aria-disabled=true]{cursor:default;opacity:.5;pointer-events:none}.btn--default{background-color:var(--maktub-button-color, #e90083);background-image:none;color:var(--maktub-button-text-color, #fff)}.btn--secondary{background-color:#221825;color:#e90083;color:var(--maktub-button-text-color, #fff);border-radius:var(--maktub-border-radius, 6px);background:var(--maktub-button-color, #E6007A)}.btn--neutral{background-color:var(--maktub-button-color, #e90083);color:var(--maktub-button-text-color, #fff)}@media(hover: hover){.btn--neutral:hover{background-color:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent)}}.btn--outline{border:1px solid #221825;color:#e6e3e8}@media(hover: hover){.btn--outline:hover{background-color:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent);border-color:#271c2b}}.btn--transparent{background-color:rgba(0,0,0,0);color:#e90083}.btn--elevated{background:var(--maktub-action-btn-bg, #211624);border-radius:var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px));font-weight:var(--maktub-secondary-btn-weight, inherit);box-shadow:0 1px 0 0 rgba(255,255,255,.05) inset;color:#e6e3e8}@media(hover: hover){.btn--elevated:hover{background:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent)}}.btn--color-primary{color:#e90083}.btn--color-white{color:#fff}.btn--color-inherit{color:inherit}.btn--xs{gap:8px;height:24px;min-width:24px;padding:0 4px}.btn--sm{gap:8px;height:32px;min-width:32px;padding:0 8px}.btn--md{gap:12px;height:40px;min-width:64px;padding:0 12px}.btn--lg{gap:12px;height:48px;min-width:80px;padding:0 16px}.btn--align-left{text-align:left}.btn--align-right{text-align:right}.btn--full-width{width:100%}.btn--loading>.btn__label,.btn--loading>.btn__icon{visibility:hidden}
.checkbox{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;position:relative;vertical-align:middle;width:20px}.checkbox__input{cursor:inherit;height:100%;left:0px;margin:0px;opacity:0;padding:0px;position:absolute;top:0px;width:100%;z-index:1}.checkbox__control{background-color:rgba(0,0,0,0);border-radius:4px;border:1px solid #251929;display:block;height:100%;position:absolute;width:100%;transition-duration:150ms;transition-property:background-color, border-color;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.checkbox__input:not(:checked):hover~.checkbox__control{background-color:#271c2b;border-color:#3e3144}.checkbox__input:checked~.checkbox__control{border-color:rgba(0,0,0,0);background-color:#e90083;background-image:#e6007a}.checkbox__indicator{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;transform:scale(0);width:100%;transition-duration:200ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.checkbox__input:checked~.checkbox__indicator{opacity:1;transform:scale(1)}
.collapse{overflow:hidden;transition-duration:300ms;transition-property:height, opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.collapse--collapsed{height:0;opacity:0}
.form-control-label{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:flex-start;cursor:pointer;display:inline-flex;gap:12px;vertical-align:middle;font-size:0.875rem;color:#fff;line-height:1.375rem;font-weight:600}.form-control-label--top{flex-direction:column-reverse}.form-control-label--bottom{flex-direction:column}.form-control-label--left{flex-direction:row-reverse}
.form-control{display:block;min-width:0;position:relative;width:100%}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .form-control{flex-shrink:0}
.form-error-message{font-size:0.875rem;color:#de3449;line-height:1.375rem;font-weight:400;margin-top:6px}
.btn-icon{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--maktub-bg-dark-light, #1a0f1c);background-origin:border-box;border:1px solid var(--maktub-bg-dark-lighter, #231726);border-bottom:1px solid var(--maktub-bg-dark-lighter, #231726);border-left:none;border-right:1px solid var(--maktub-bg-dark-lighter, #231726);border-top:1px solid var(--maktub-bg-dark-lighter, #231726);color:var(--maktub-bg-dark-lighter, #c9bacc);cursor:pointer;display:inline-flex;flex-shrink:0;overflow:hidden;padding:0;position:relative;user-select:none;text-align:center;align-items:center;justify-content:center;transition-duration:300ms;transition-property:background-color, border-color, color, opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media(hover: hover){.btn-icon:not(:active,disabled,[aria-expanded=true],[aria-pressed=true]):hover{background-color:color-mix(in srgb, var(--maktub-button-color, #E6007A) 15%, transparent);border-color:#362740;color:#e6e3e8}}.btn-icon:focus{outline:none}.btn-icon:active,.btn-icon[aria-expanded=true],.btn-icon[aria-pressed=true]{background-color:var(--maktub-button-color, #E6007A);border-color:rgba(0,0,0,0);color:#fff}.btn-icon[disabled],.btn-icon[aria-disabled=true]{cursor:default;opacity:.5;pointer-events:none}.btn-icon--sm{border-radius:0 6px 6px 0;min-height:32px;padding:0 10px;width:auto}.btn-icon--md{border-radius:0 6px 6px 0;min-height:40px;padding:0 12px;width:auto}.btn-icon--lg{border-radius:0 6px 6px 0;min-height:48px;padding:0 14px;width:auto}.btn-icon:first-child{border-left:1px solid var(--maktub-bg-dark-lighter, #231726);border-radius:6px 0 0 6px}.btn-icon:last-child{border-radius:0 6px 6px 0}.btn-icon--close{width:24px;min-height:24px;padding:2px;background-color:rgba(0,0,0,0);border:none;border-radius:4px;color:#fff}@media(hover: hover){.btn-icon--close:not(:active,disabled,[aria-expanded=true],[aria-pressed=true]):hover{background-color:color-mix(in srgb, var(--maktub-bg-dark-light, #231726) 80%, #fff);color:#fff}}.btn-icon--close:first-child{border-radius:4px}.btn-icon--close:last-child{border-radius:4px}
.input{align-items:center;border-radius:var(--maktub-input-radius, var(--maktub-border-radius, 6px));border:var(--maktub-container-border, none);cursor:text;display:flex;overflow:hidden;position:relative;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:400;font-weight:var(--maktub-input-weight, 400);transition-duration:250ms;transition-property:border-color, box-shadow, background-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.input:focus-within{border-color:var(--maktub-button-color, #e90083);outline:1px solid var(--maktub-button-color, #e90083);outline-offset:-1px}.input__field{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;box-sizing:border-box;color:currentColor;display:block;font:inherit;height:100%;line-height:1;min-width:24px;padding:9px 12px;text-align:left;width:100%}.input__field:focus{outline:none}.input__field::placeholder{color:#8c7996}.input__field:is(:-webkit-autofill,:autofill){transition:all 0s 99999s}.input__adornment{align-items:center;color:rgba(255,255,255,.5);display:flex;padding:4px 10px}.input__separator{align-self:center;background-color:#3e3144;height:20px;width:1px}.input__copy-btn{align-items:center;border-radius:50%;color:color-mix(in srgb, var(--maktub-button-color, #e90083) 60%, transparent);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;margin:0 10px;width:32px;transition-duration:300ms;transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media(hover: hover){.input__copy-btn:hover{color:#fff}}.input--sm{height:32px}.input--md{height:var(--maktub-game-input-height, var(--maktub-input-height, 40px))}.input--lg{height:48px}.input--default{background-color:var(--maktub-bg-dark-light, #1D121F)}.input--tonal{background-color:#170d19}.input--disabled{color:rgba(255,255,255,.4);cursor:default}.input--disabled>input{pointer-events:none}.input--error{border-color:#de3449;background-color:rgba(222,52,73,.1)}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .input{box-sizing:border-box;height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));min-height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));flex-shrink:0}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-maktub-input]{font-size:max(16px,1em);scroll-margin-block:12px}}
.label{display:inline-block;margin-bottom:6px;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:700;transition-duration:250ms;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.label--disabled{opacity:.5;pointer-events:none}.label__asterisk{color:#de3449;margin-left:4px}:is([data-maktub-game-sidebar],[data-maktub-field-panel]) .label{color:var(--colors-tone-label, #e6e3e8)}[data-maktub-field-panel] .label{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}
.number-input__controls{cursor:default;display:flex;flex-direction:column;flex-shrink:0;height:100%}.number-input__increment,.number-input__decrement{appearance:none;background-color:rgba(0,0,0,0);border-color:#271c2b;border-style:solid;border-width:0 0 0 1px;color:rgba(255,255,255,.5);display:flex;height:50%;outline:none;padding:0;width:40px;text-align:center;align-items:center;justify-content:center;transition-duration:250ms;transition-property:background-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.number-input__increment:disabled,.number-input__decrement:disabled{color:#3e3144;pointer-events:none}@media(hover: hover){.number-input__increment:hover,.number-input__decrement:hover{background-color:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent)}}.number-input__increment:active:enabled,.number-input__decrement:active:enabled{background-color:#2f2432}.number-input__increment{border-width:0 0 1px 1px}
.pig-spinner{color:currentColor;display:inline-block;position:relative;width:20px;height:20px}.pig-spinner__logo{width:100%;height:100%;background-image:url("/assets/white-logo.png");background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(1.1);animation:pig-logo-spin-resize 2s ease-in-out infinite,pig-logo-pulse 1.5s ease-in-out infinite}
.ripple{display:none;opacity:0;position:absolute;transition-duration:450ms;transition-property:opacity;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.ripple--visible{display:block;opacity:1;transition:none}.ripple::before{animation:ripple 500ms ease-out;background-color:rgba(255,255,255,.2);border-radius:50%;content:"";display:block;inset:0;position:absolute}
.select{border-radius:var(--maktub-input-radius, var(--maktub-border-radius, 6px));cursor:pointer;display:block;flex-shrink:0;outline:0;position:relative;user-select:none;width:100%;transition-duration:250ms;transition-property:background-color, border-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select--disabled{opacity:.5;pointer-events:none}.select--sm{height:32px;padding:4px 38px 4px 10px}.select--md{height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));padding:8px 38px 8px 10px}.select--lg{height:48px;padding:12px 38px 12px 10px}.select__placeholder{font-size:0.875rem;color:#ad9fb6;line-height:1.375rem;font-weight:400}.select__value{align-items:center;display:flex;flex-grow:1;gap:8px;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:600}.select__arrow{align-items:center;color:#e6e3e8;display:flex;height:20px;justify-content:center;pointer-events:none;position:absolute;right:10px;top:calc(50% - 10px);width:20px}.select[data-state=open] .select__arrow{transform:rotate(180deg)}.select__menu-container{display:flex;flex-direction:column;font-family:var(--maktub-font-family, "DM Sans", sans-serif);outline:0;position:absolute;z-index:100014}.live-stats-modal .select__menu-container{z-index:100000002}.select__menu{background-color:var(--maktub-bg-dark-light, #170d19);border-radius:6px;border:none;height:100%;overflow:auto;padding:8px;position:relative;transition-duration:200ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.select__option{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:4px;cursor:pointer;display:flex;height:40px;outline:0;padding:4px 12px;position:relative;user-select:none;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:600;transition-duration:250ms;transition-property:background-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.select__option--disabled{opacity:.5;pointer-events:none}.select__option--active{background-color:color-mix(in srgb, var(--maktub-bg-dark-light, #170d19) 88%, #fff)}:not(.select__menu--multiple) .select__option--selected{background-color:color-mix(in srgb, var(--maktub-bg-dark-light, #170d19) 80%, #fff);background-image:none}.select__checkmark{margin-right:12px}.select--default{background-color:var(--maktub-bg-dark-light, #1D121F);border:var(--maktub-container-border, none);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.05)}.select--default:focus,.select--default[data-state=open]{border-color:var(--maktub-button-color, #e90083);outline:1px solid var(--maktub-button-color, #e90083);outline-offset:-1px}.select--transparent{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .select{box-sizing:border-box;height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));min-height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));flex-shrink:0;padding-block:8px}
.skeleton{background-color:rgba(255,255,255,.05);display:block;height:auto;overflow:hidden;position:relative}.skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%)}.skeleton--circular{border-radius:50%}.skeleton--rounded{border-radius:4px}.skeleton--text{border-radius:2px;height:1em;margin-bottom:calc((1lh - 1em)/2);margin-top:calc((1lh - 1em)/2)}
.spinner{animation:spin 1.5s linear infinite;display:inline-block}.spinner--sm{height:32px;width:32px}.spinner--md{height:40px;width:40px}.spinner--lg{height:48px;width:48px}.spinner svg{height:100%;width:100%}
.tabs__trigger--variant_enclosed{font-size:.875rem !important;line-height:1rem !important;font-weight:400 !important}

.tooltip{--tooltip-background: var(--maktub-bg-dark-light, #2c292f);--tooltip-border: color-mix(in srgb, var(--maktub-bg-dark-light, #2c292f) 80%, #fff 10%);pointer-events:none;z-index:100017}.tooltip__inner{zoom:var(--maktub-ui-zoom, 1);background-color:var(--tooltip-background);border:none;border-radius:var(--maktub-border-radius, 6px);max-width:300px;overflow-wrap:break-word;padding:8px 12px;position:relative;font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400;transition-duration:200ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.mobile-range-slider{display:none}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.mobile-range-slider{display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;padding:0 12px;border:0;background:rgba(0,0,0,0);touch-action:none;cursor:pointer}.mobile-range-slider:disabled{opacity:.5;cursor:default}.mobile-range-slider::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right, var(--maktub-button-color, #E6007A) var(--range-progress), var(--maktub-slider-track-bg, #2A1F2E) var(--range-progress))}.mobile-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;border:7px solid var(--maktub-bg-dark-lighter, #3F3042);background:var(--maktub-button-color, #E6007A)}.mobile-range-slider::-moz-range-track{height:4px;background:var(--maktub-slider-track-bg, #2A1F2E)}.mobile-range-slider::-moz-range-progress{height:4px;background:var(--maktub-button-color, #E6007A)}.mobile-range-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:7px solid var(--maktub-bg-dark-lighter, #3F3042);background:var(--maktub-button-color, #E6007A)}.mobile-range-slider:focus-visible{outline:2px solid var(--maktub-button-color, #E6007A);outline-offset:2px;border-radius:6px}}
@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.maktub-toaster{top:max(env(safe-area-inset-top, 0px),var(--maktub-toast-mobile-top, 12px)) !important;inset-inline:16px !important;align-items:center !important}.maktub-toaster [data-part=root]{width:320px;max-width:calc(100vw - 32px);min-height:56px;padding:6px 10px;gap:8px;border-left-width:3px}.maktub-toaster .maktub-toast-icon,.maktub-toaster .maktub-toast-icon>svg{width:18px;height:18px}.maktub-toaster [data-part=title]{font-size:14px;line-height:20px}.maktub-toaster [data-part=description]{font-size:13px;line-height:18px}.maktub-toaster [data-part=close-trigger]{align-self:center;width:44px;height:44px}}
@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-stairs-viewport-ready=false]{visibility:hidden}}
.video-poker{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem;min-height:360px;justify-content:center;width:100%;max-width:860px;margin-inline:auto;container:video-poker/inline-size}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.video-poker{padding:2rem;min-height:420px}}.video-poker__paytable{display:flex;flex-direction:column;gap:8px;width:100%;background:color-mix(in srgb, var(--maktub-bg-dark, #1E1C2A) 70%, black);border-radius:12px;padding:16px}@container video-poker (min-width: 540px){.video-poker__paytable{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.video-poker__paytable-row:last-child{grid-column:1/-1}}.video-poker__paytable-row{display:flex;align-items:center;gap:8px;cursor:default}.video-poker__paytable-name{flex:1 1 0;min-width:0;display:flex;align-items:center;height:36px;padding:0 16px;background:var(--maktub-bg-dark, #1E1C2A);box-shadow:inset 0px 1px 0px rgba(255,255,255,.05);border-radius:8px;overflow:hidden;position:relative;transition:background .3s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .3s cubic-bezier(0.22, 1, 0.36, 1)}.video-poker__paytable-label{font-weight:600;font-size:14px;line-height:22px;color:var(--maktub-white-tone, #FFFFFF);white-space:nowrap}.video-poker__paytable-mult-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2px 10px;min-width:80px;height:36px;margin-left:auto;background:var(--maktub-bg-dark-light, #352738);box-shadow:inset 0px 1px 1px rgba(255,255,255,.14);border-radius:6px;transition:background .3s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .3s cubic-bezier(0.22, 1, 0.36, 1)}.video-poker__paytable-multiplier{font-weight:600;font-size:14px;line-height:22px;color:var(--maktub-white-tone, #FFFFFF);font-variant-numeric:tabular-nums;white-space:nowrap}.video-poker__paytable-row{transition:opacity .35s cubic-bezier(0.22, 1, 0.36, 1)}.video-poker__paytable-row--made .video-poker__paytable-name{background:color-mix(in srgb, var(--maktub-button-color, #e90083) 12%, var(--maktub-bg-dark, #1E1C2A));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--maktub-button-color, #e90083) 55%, transparent),inset 0px 1px 0px rgba(255,255,255,.06)}.video-poker__paytable-row--made .video-poker__paytable-mult-cell{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--maktub-button-color, #e90083) 55%, transparent),inset 0px 1px 1px rgba(255,255,255,.14)}.video-poker__paytable--won .video-poker__paytable-row:not(.video-poker__paytable-row--active){opacity:.5}.video-poker__paytable-row--active .video-poker__paytable-mult-cell{animation:vp-pop .45s cubic-bezier(0.34, 1.56, 0.64, 1)}.video-poker__paytable-row--active .video-poker__paytable-name{background:color-mix(in srgb, var(--maktub-button-color, #e90083) 60%, var(--maktub-bg-dark, #1E1C2A));box-shadow:inset 0px 1px 0px rgba(255,255,255,.18)}.video-poker__paytable-row--active .video-poker__paytable-mult-cell{background:var(--maktub-button-color, #e90083);box-shadow:inset 0px 1px 1px rgba(255,255,255,.14),0 0 12px color-mix(in srgb, var(--maktub-button-color, #e90083) 36%, transparent)}.video-poker__paytable-row--active .video-poker__paytable-multiplier{color:color-mix(in srgb, var(--maktub-button-color, #e90083) 32%, #060606)}.video-poker__paytable-sheen,.video-poker__hand-pill-sheen{animation:vp-sheen .9s cubic-bezier(0.3, 0, 0.2, 1) .12s both;background:linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.14) 46%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0.14) 54%, transparent 70%);inset:0;pointer-events:none;position:absolute}.video-poker__cards{display:flex;gap:.5rem;justify-content:center;align-items:flex-end;width:100%;position:relative;isolation:isolate}.video-poker__cards::before{background:radial-gradient(ellipse 58% 62% at 50% 60%, color-mix(in srgb, var(--maktub-white-tone, #fff) 5%, transparent), transparent 72%);content:"";inset:-18% -6%;pointer-events:none;position:absolute;z-index:-1}@media(min-width: 768px){.video-poker__cards{gap:.75rem}}.video-poker__card-slot{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;flex:1 1 0;min-width:0}.video-poker__card-slot--disabled{cursor:default;pointer-events:none}.video-poker__card-slot--held .playing-card__wrapper{box-shadow:0 0 0 2.5px var(--maktub-button-color, #e90083),0 0 14px color-mix(in srgb, var(--maktub-button-color, #e90083) 38%, transparent);border-radius:.7em;transform:translateY(-6px)}.video-poker__card-slot:not(.video-poker__card-slot--disabled):not(.video-poker__card-slot--held):hover .playing-card__wrapper{box-shadow:0 0 0 2px color-mix(in srgb, var(--maktub-button-color, #e90083) 42%, transparent);border-radius:.7em;transform:translateY(-4px)}.video-poker__card-slot{container-type:inline-size}.video-poker__card-slot .playing-card__wrapper{width:100%;transition:box-shadow .25s cubic-bezier(0.22, 1, 0.36, 1),transform .25s cubic-bezier(0.22, 1, 0.36, 1),opacity .35s cubic-bezier(0.22, 1, 0.36, 1),filter .35s cubic-bezier(0.22, 1, 0.36, 1)}.video-poker__card-slot--winner .playing-card__wrapper{animation:vp-winner .5s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--winner-order, 0)*70ms) both;transform:translateY(-6px)}.video-poker__card-slot--dimmed .playing-card__wrapper{filter:saturate(0.55) brightness(0.8);opacity:.5}.video-poker__card-slot--muted .playing-card__wrapper{filter:saturate(0.7);opacity:.7}.video-poker__card-slot--still .playing-card__wrapper{animation:none;transition:none}.video-poker__card-slot .playing-card{width:100%;height:auto;aspect-ratio:5/7;font-size:13cqi}.video-poker__held-badge{--vp-chip: var(--maktub-button-color, #e90083);align-items:center;background:linear-gradient(180deg, color-mix(in srgb, var(--vp-chip) 28%, var(--maktub-bg-dark, #1e1c2a)), color-mix(in srgb, var(--vp-chip) 11%, var(--maktub-bg-dark, #1e1c2a)));position:relative;z-index:2;border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vp-chip) 50%, transparent),inset 0 1px 0 rgba(255,255,255,.08);color:color-mix(in srgb, var(--vp-chip) 62%, var(--maktub-white-tone, #fff));display:inline-flex;font-size:.6rem;font-weight:800;height:1.25rem;justify-content:center;letter-spacing:.1em;line-height:1;opacity:0;padding:0 .7em;text-transform:uppercase;transform:translateY(5px) scale(0.7);transition:opacity .2s cubic-bezier(0.22, 1, 0.36, 1),transform .32s cubic-bezier(0.34, 1.56, 0.64, 1);user-select:none;white-space:nowrap}.video-poker__held-badge--visible{opacity:1;transform:translateY(-6px) scale(1)}.video-poker__hand-row{align-items:center;display:flex;height:30px;justify-content:center;margin-top:-0.5rem;width:100%}.video-poker__hand-pill{--vp-pill: var(--maktub-button-color, #e90083);--vp-pill-ink: color-mix(in srgb, var(--vp-pill) 62%, var(--maktub-white-tone, #fff));align-items:stretch;animation:vp-pill-in .42s cubic-bezier(0.34, 1.56, 0.64, 1) both;background:linear-gradient(180deg, color-mix(in srgb, var(--vp-pill) 24%, transparent), color-mix(in srgb, var(--vp-pill) 10%, transparent));border-radius:9999px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vp-pill) 42%, transparent),inset 0 1px 0 rgba(255,255,255,.08);color:var(--vp-pill-ink);display:flex;font-size:12px;font-weight:700;height:100%;letter-spacing:.06em;line-height:1;overflow:hidden;position:relative;text-transform:uppercase;user-select:none;white-space:nowrap}.video-poker__hand-pill--win{--vp-pill: #39CF74;--vp-pill-ink: #39CF74}.video-poker__hand-pill--lose{--vp-pill: #ED083E;--vp-pill-ink: #FF5C7A}.video-poker__hand-pill--hidden{animation:vp-pill-out .24s cubic-bezier(0.55, 0, 0.75, 0.2) both}.video-poker__hand-pill--still,.video-poker__hand-pill--still.video-poker__hand-pill--hidden{animation:none}.video-poker__hand-pill--still.video-poker__hand-pill--hidden{opacity:0}.video-poker__hand-pill-mult,.video-poker__hand-pill-name{align-items:center;display:flex;padding:0 1.1em}.video-poker__hand-pill-mult{font-variant-numeric:tabular-nums;padding-right:.8em;position:relative}.video-poker__hand-pill-mult::after{background:currentColor;bottom:26%;content:"";opacity:.3;position:absolute;right:0;top:26%;width:1px}.video-poker__hand-pill-mult+.video-poker__hand-pill-name{padding-left:.8em}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {.video-poker{padding:12px 16px;gap:12px;min-height:0}.video-poker__paytable{padding:8px;gap:3px}.video-poker__paytable-row{gap:6px}.video-poker__paytable-name{height:26px;padding-inline:10px}.video-poker__paytable-mult-cell{height:26px;min-width:72px;padding:2px 8px}.video-poker__paytable-label,.video-poker__paytable-multiplier{line-height:20px}.video-poker__hand-row{height:24px;margin-top:-4px}.video-poker__hand-pill{font-size:10.5px}}

}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes baccarat-winner-in{0%{opacity:0;transform:translateY(-6px) scale(0.82)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes baccarat-brand-in{0%{opacity:0}100%{opacity:1}}
@keyframes baccarat-sheen{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes baccarat-position-sheen{0%{background-position:130% 0}100%{background-position:-30% 0}}
@keyframes baccarat-chips-hop{0%{transform:translateY(0)}40%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes binary-pulse{0%{box-shadow:0 0 0 0 rgba(36,216,97,.55)}70%{box-shadow:0 0 0 7px rgba(36,216,97,0)}100%{box-shadow:0 0 0 0 rgba(36,216,97,0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hand-total-in{0%{opacity:0;transform:translateY(45%)}100%{opacity:1;transform:translateY(0)}}
@keyframes hand-action-in{0%{filter:blur(3px);opacity:0;transform:translateY(70%)}100%{filter:blur(0);opacity:1;transform:translateY(0)}}
@keyframes hand-action-out{0%{filter:blur(0);opacity:1;transform:translateY(0)}100%{filter:blur(3px);opacity:0;transform:translateY(-70%)}}
@keyframes hand-sheen{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes hand-value-pop{0%{transform:scale(0.82)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes deal{from{transform:translate(var(--card-origin-x), var(--card-origin-y))}}
@keyframes flip{to{transform:rotateY(-180deg)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes bullrun-win-flash{0%{opacity:1}100%{opacity:0}}
@keyframes bullrun-win-in{0%{transform:translateY(-14px) scale(0.7);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fly-right{0%{transform:translateX(0);opacity:1}100%{transform:translateX(200%);opacity:0}}
@keyframes card-slide{0%{transform:translateX(-120%);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes hilo-payout{0%{opacity:0;transform:translateY(-4px) scale(0.7)}100%{opacity:1;transform:scale(1)}}
@keyframes hilo-guess{0%{opacity:0;transform:translate(-50%, -50%) scale(0)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pig-logo-spin-resize{0%{transform:rotate(0deg) scale(0.8)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(0.9)}75%{transform:rotate(270deg) scale(1.2)}100%{transform:rotate(360deg) scale(0.8)}}
@keyframes pig-logo-pulse{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes wave{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes vp-pill-in{0%{opacity:0;transform:translateY(-4px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes vp-pill-out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}
@keyframes vp-winner{0%{transform:translateY(0) scale(1)}55%{transform:translateY(-9px) scale(1.04)}100%{transform:translateY(-6px) scale(1)}}
@keyframes vp-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes vp-sheen{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
.futures-details{background-color:var(--maktub-bg-dark, #170d19);display:flex;flex-direction:column;gap:12px;padding:20px;font-family:var(--maktub-font-family, "DM Sans"),sans-serif}.futures-details__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#fff}.futures-details__title img{width:28px;height:28px;border-radius:6px}.futures-details__direction{font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px}.futures-details__direction--long{color:#24d861;background:rgba(36,216,97,.15)}.futures-details__direction--short{color:#fe3445;background:rgba(254,52,69,.15)}.futures-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.futures-details__item{display:flex;flex-direction:column;gap:2px}.futures-details__label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#9d97a8}.futures-details__value{font-size:14px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.futures-details__value--up{color:#24d861}.futures-details__value--down{color:#fe3445}
.strategy-modal,.strategy-modal *,.strategy-modal *::before,.strategy-modal *::after{box-sizing:border-box}.strategy-modal{border:1px solid var(--maktub-bg-dark-light, #231726);background:var(--maktub-bg-dark, #170D19);outline:none;overflow:hidden;padding:0;color:#fff}.strategy-modal:not(.modal__sheet){border-radius:8px;box-shadow:0 2px 70px 0 color-mix(in srgb, var(--maktub-button-color, #E6007A) 22%, rgba(0, 0, 0, 0.72));position:relative;width:680px;max-width:90vw}.strategy-modal:not(.modal__sheet)[data-status=initial]{opacity:0;transform:scale(0.9)}.strategy-modal:not(.modal__sheet)[data-status=open]{opacity:1;transform:scale(1);transition:opacity .25s ease,transform .25s ease}.strategy-modal:not(.modal__sheet)[data-status=close]{opacity:0;transform:scale(0.9);transition:opacity .25s ease,transform .25s ease}.strategy-modal.modal__sheet{border-radius:16px 16px 0 0;border-bottom:none}.strategy-content-fade-in{animation:strategyContentFadeIn .3s ease-out}.strategy-sheet{box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;min-height:0;background:var(--maktub-bg-dark, #170D19)}.modal__sheet.strategy-modal>.strategy-sheet{padding:0 !important;overflow:hidden !important;max-height:85vh !important;max-height:85dvh !important;border-radius:16px 16px 0 0 !important}.strategy-sheet__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:12px 12px 12px 20px;border-bottom:1px solid var(--maktub-bg-dark-light, #231726);background:var(--maktub-bg-dark, #170D19)}.modal__sheet .strategy-sheet__header{padding:24px 8px 8px 16px}.strategy-sheet__title{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--maktub-white-tone, #fff);font-size:16px;font-weight:700;line-height:24px}.btn-icon.strategy-sheet__close{box-sizing:border-box;flex:none;width:44px;min-height:44px;height:44px;padding:10px}.strategy-sheet__body{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 20px}.modal__sheet .strategy-sheet__body{padding:12px 16px}.strategy-sheet__footer{box-sizing:border-box;display:grid;grid-template-columns:auto auto;justify-content:end;gap:8px;flex:none;padding:12px 20px;border-top:1px solid var(--maktub-bg-dark-light, #231726);background:var(--maktub-bg-dark, #170D19)}.modal__sheet .strategy-sheet__footer{grid-template-columns:1fr 2fr;justify-content:stretch;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.modal__sheet .strategy-sheet__footer .btn{width:100%;min-height:44px}@media(max-width: 479.98px){.modal__sheet .strategy-sheet__footer{grid-template-columns:1fr}}.strategy-modal .condition-card{box-sizing:border-box;display:flex;flex-direction:column;flex:none;min-width:0;border:1px solid var(--maktub-bg-dark-light, #231726);border-radius:8px;background:var(--maktub-bg-dark, #170D19);box-shadow:0 1px 0 0 rgba(255,255,255,.05) inset;overflow:hidden}.strategy-modal .condition-card__head{display:flex;align-items:stretch;gap:8px;padding:6px 6px 6px 0;background:var(--maktub-bg-dark-light, #231726)}.strategy-modal .condition-card__toggle{appearance:none;display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;min-height:44px;padding:0 8px 0 12px;border:0;background:rgba(0,0,0,0);color:var(--maktub-white-tone, #fff);cursor:pointer;font:inherit;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0)}.strategy-modal .condition-card__toggle:focus-visible{outline:2px solid var(--maktub-button-color, #E6007A);outline-offset:-2px;border-radius:6px}.strategy-modal .condition-card__index{flex:none;justify-content:center;min-width:28px;padding:1px 8px}.strategy-modal .condition-card__title{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strategy-modal .condition-card__chevron{display:inline-flex;flex:none;width:20px;height:20px;color:#c9bacc}.strategy-modal .condition-card__chevron svg{width:20px;height:20px}.strategy-modal .condition-card__order{display:flex;flex:none}.strategy-modal .condition-card__order .btn-icon{box-sizing:border-box;width:44px;min-height:44px;padding:0}.strategy-modal .condition-card__order .btn-icon svg{width:20px;height:20px}.strategy-modal .condition-preview-wrapper{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:8px 12px;border-top:1px solid var(--maktub-bg-dark-light, #231726)}.strategy-modal .condition-preview-pill{box-sizing:border-box;display:inline-block;min-width:0;max-width:100%;height:24px;padding:1px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--maktub-bg-dark-light, #231726);border:1px solid var(--maktub-bg-dark-light, #231726);box-shadow:inset 0px .6px .6px rgba(255,255,255,.09);border-radius:4px;font-family:var(--maktub-font-family, "DM Sans"),sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#c9bacc}.strategy-modal .condition-preview-pill.success{color:#00e66c}.strategy-modal .condition-preview-pill.error{color:#ff4757}.strategy-modal .condition-preview-pill.highlight{color:#eee4f0}.strategy-modal .condition-preview-pill.white{color:#fff;font-weight:600}.strategy-modal .condition-content{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:16px 12px;border-top:1px solid var(--maktub-bg-dark-light, #231726)}.strategy-modal .condition-type-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.strategy-modal .condition-type-option{appearance:none;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--maktub-bg-dark-light, #231726);border-radius:6px;background:var(--maktub-bg-dark, #170D19);cursor:pointer;font:inherit;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:border-color .2s ease}.strategy-modal .condition-type-option.selected{border-color:var(--maktub-button-color, #E6007A)}.strategy-modal .condition-type-option:focus-visible{outline:2px solid var(--maktub-button-color, #E6007A);outline-offset:1px}.strategy-modal .radio-button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex:none;width:18px;height:18px;border-radius:100px;transition:all .2s ease}.strategy-modal .radio-button.selected{background:var(--maktub-button-color, #E6007A);border:none}.strategy-modal .radio-button.selected .radio-dot{display:block;width:6px;height:6px;background:#fff;box-shadow:0px 0px 4px rgba(255,255,255,.5);border-radius:50%}.strategy-modal .radio-button:not(.selected){background:var(--maktub-bg-dark, #170D19);border:1px solid var(--maktub-bg-dark-lighter, #3E3144)}.strategy-modal .radio-button:not(.selected) .radio-dot{display:none}.strategy-modal .radio-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--maktub-font-family, "DM Sans"),sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#c9bacc}.strategy-modal .condition-row{display:grid;gap:12px;align-items:end}.strategy-modal .condition-row--bet{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr)}.strategy-modal .condition-row--profit{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)}.strategy-modal .condition-row--action{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr)}.strategy-modal .condition-row--single{grid-template-columns:minmax(0, 1fr)}.strategy-modal.modal__sheet .condition-row{grid-template-columns:minmax(0, 1fr)}.strategy-modal .condition-field{display:flex;flex-direction:column;gap:8px;min-width:0}.strategy-modal .delete-condition-button{appearance:none;display:inline-flex;align-items:center;align-self:flex-start;gap:4px;min-height:44px;padding:0 8px;margin-left:-8px;border:none;border-radius:6px;background:none;cursor:pointer;font-family:var(--maktub-font-family, "DM Sans"),sans-serif;font-weight:600;font-size:14px;line-height:22px;color:#ff4757;transition:opacity .2s ease}.strategy-modal .delete-condition-button:hover{opacity:.8}.strategy-modal .delete-condition-button svg{width:20px;height:20px}.strategy-modal .btn.strategy-add-condition{flex:none;min-height:44px;border-style:dashed}.strategy-modal .conditions-info-wrapper{box-sizing:border-box;display:flex;align-items:center;flex:none;gap:8px;padding:9px 12px;background:var(--maktub-bg-dark, #170D19);border:1px dashed var(--maktub-bg-dark-light, #231726);border-radius:6px}.strategy-modal .conditions-info-wrapper svg{width:20px;height:20px;flex-shrink:0;color:#c9bacc}.strategy-modal .conditions-info-wrapper span{font-family:var(--maktub-font-family, "DM Sans"),sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#c9bacc}.strategy-modal .btn.strategy-delete-button{flex:none;align-self:flex-start;min-height:44px;color:#ff4757}.strategy-modal .strategy-delete-confirm{display:flex;flex-direction:column;flex:none;gap:12px;padding:12px;border:1px solid #ff4757;border-radius:8px;background:color-mix(in srgb, #FF4757 8%, var(--maktub-bg-dark, #170D19));color:var(--maktub-white-tone, #fff);font-size:14px;line-height:20px;overflow-wrap:anywhere}.strategy-modal .strategy-delete-confirm__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.strategy-modal .strategy-delete-confirm__actions .btn{width:100%;min-height:44px}.strategy-modal .btn.strategy-danger-button{background:#ff4757;color:#fff}.condition-status-indicator{position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;transition:background-color .2s ease}.condition-status-indicator.ready{background-color:#22c55e;box-shadow:0 0 4px rgba(34,197,94,.6)}.condition-status-indicator.inactive{background-color:#ff4757}.condition-status-indicator.active{background-color:#22c55e;animation:statusBlink .6s ease-in-out infinite}.btn.strategy-new-button{color:var(--maktub-button-color, #22c55e);font-weight:600;padding:0 4px}@media(pointer: coarse){.btn.strategy-new-button{min-height:44px}}.strategy-create{display:flex;flex-direction:column;gap:8px;margin:0}.strategy-create__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.strategy-create__actions .btn{width:100%}@media(pointer: coarse){.strategy-create__actions .btn{min-height:44px}}
.bet-modal{border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;display:flex;flex-direction:column;font-family:var(--maktub-font-family, "DM Sans"),sans-serif;left:0;max-height:100dvh;outline:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:fixed;width:100%;z-index:100014}.bet-modal>*{flex-shrink:0}.bet-modal[data-status=initial]{opacity:0;transform:translateY(100%)}.bet-modal[data-status=open]{opacity:1;transform:translateY(0);transition-duration:250ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.bet-modal[data-status=close]{opacity:0;transform:translateY(100%);transition-duration:250ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media only screen and (min-width: 768px){.bet-modal{border-bottom-left-radius:10px;border-bottom-right-radius:10px;filter:drop-shadow(0 0 1px #251929);margin:32px;max-height:calc(100dvh - 64px);position:relative;width:min(100vw - 64px,460px)}.bet-modal[data-status=initial]{transform:scale(0.9)}.bet-modal[data-status=open]{transform:scale(1)}.bet-modal[data-status=close]{transform:scale(0.9)}}.bet-modal.modal__sheet{background-color:var(--maktub-bg-dark, #170d19);border-radius:16px 16px 0 0;overflow-y:auto;overscroll-behavior:contain}.bet-modal.modal__sheet>:not(.modal__sheet-handle){border-radius:0 !important;flex-shrink:0;max-height:none !important;overflow:visible}.bet-modal__header-actions{align-items:center;display:flex;gap:8px}.bet-modal__share{align-items:center;background:var(--maktub-bg-dark-light, #2C292F);border:none;border-radius:6px;color:var(--maktub-font-tone, #FFFFFF);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;height:32px;letter-spacing:-0.01em;line-height:18px;padding:0 10px;white-space:nowrap}.bet-modal__share:hover{background:var(--maktub-bg-dark-lighter, #504B56)}.bet-modal__header{align-items:center;background-color:var(--maktub-bg-dark, #170d19);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}@media only screen and (min-width: 768px){.bet-modal__header{justify-content:flex-end;padding:16px 16px 8px}}.bet-modal__title{font-size:1rem;color:#fff;line-height:1.5rem;font-weight:700;align-items:center;display:flex;gap:8px}.bet-modal__title svg{color:var(--maktub-button-color, #e90083)}@media only screen and (min-width: 768px){.bet-modal__title{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}}.bet-modal__content{background-color:var(--maktub-bg-dark, #170d19);padding:0 24px 16px}@media only screen and (min-width: 768px){.bet-modal__content{padding:0 38px}}.bet-modal__separator{align-items:center;background-color:var(--maktub-bg-dark, #170d19);display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative}.bet-modal__separator::before,.bet-modal__separator::after{background-image:linear-gradient(to right, transparent 25%, var(--maktub-bg-dark-light, #332739) 25%, var(--maktub-bg-dark-light, #332739) 75%, transparent 75%);background-position:center;background-repeat:repeat-x;background-size:16px 1px;content:"";height:1px;flex:1}@media only screen and (min-width: 768px){.bet-modal__separator{mask-image:radial-gradient(circle at 0 50%, transparent 20px, black 0),radial-gradient(circle at 100% 50%, transparent 20px, black 0);mask-position:left,right;mask-repeat:no-repeat;mask-size:51% 100%}}.bet-modal__separator-logo{flex-shrink:0;height:1rem;margin:0 12px}.bet-modal__separator-logo-placeholder{align-items:center;background:var(--maktub-bg-dark, #170d19);border-radius:50%;display:flex;height:40px;justify-content:center;padding:2px;position:relative;width:40px}.bet-modal__separator-logo-placeholder::before{border-radius:50%;content:"";inset:-2px;position:absolute;background:conic-gradient(#ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0000ff, #8000ff, #ff0080, #ff0000);z-index:-1}.bet-modal__separator-logo-placeholder span{font-size:0.5rem;color:#ad9fb6;line-height:0.625rem;font-weight:700;text-align:center;text-transform:uppercase}.bet-modal__footer{background-color:var(--maktub-bg-dark, #170d19);padding:0 24px 32px}@media only screen and (min-width: 768px){.bet-modal__footer{padding:0 38px 38px}}.bet-info{display:grid;gap:12px;grid-template-columns:repeat(2, 1fr)}.bet-payout{align-items:center;border-radius:min(var(--maktub-input-radius, var(--maktub-border-radius, 6px)),16px);border:1px solid var(--maktub-bg-dark-light, #251929);display:flex;flex-direction:column;gap:6px;grid-column:span 2;padding:16px;position:relative;overflow:hidden}.bet-payout::before{position:absolute;content:"";background:radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--maktub-button-color, #e90083) 35%, transparent) 0%, rgba(0, 0, 0, 0) 100%);opacity:1;bottom:0;left:auto;right:auto;height:2px;width:80%;z-index:0}.bet-payout__glow{position:absolute;bottom:-2px;width:40%;height:40%;left:auto;right:auto;z-index:0;background:radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--maktub-button-color, #e90083) 35%, transparent) 0%, rgba(0, 0, 0, 0) 100%);filter:blur(17.65px)}.bet-payout__label{font-size:0.75rem;color:#e6e3e8;line-height:0.875rem;font-weight:700;text-transform:uppercase}.bet-payout__value{font-size:1.5rem;color:#fff;line-height:1.75rem;font-weight:700;align-items:center;display:flex;gap:4px}.bet-payout__value svg{color:var(--maktub-button-color, #24d861);height:24px;width:24px}.bet-wager{align-items:center;background-color:var(--maktub-bg-dark-light, #221825);border-radius:min(var(--maktub-input-radius, var(--maktub-border-radius, 6px)),16px);border:1px solid var(--maktub-bg-dark-light, #251929);display:flex;flex-direction:column;gap:6px;padding:16px}.bet-wager__label{font-size:0.75rem;color:#ad9fb6;line-height:0.875rem;font-weight:700;text-transform:uppercase}.bet-wager__value{font-size:0.875rem;color:#fff;line-height:1rem;font-weight:700;align-items:center;display:flex;gap:4px}.bet-wager__value svg{color:#24d861;height:18px;width:18px}.bet-multiplier{align-items:center;border-radius:min(var(--maktub-input-radius, var(--maktub-border-radius, 6px)),16px);border:1px solid var(--maktub-bg-dark-light, #251929);display:flex;flex-direction:column;gap:6px;padding:16px}.bet-multiplier__label{font-size:0.75rem;color:#ad9fb6;line-height:0.875rem;font-weight:700;text-transform:uppercase}.bet-multiplier__value{font-size:0.875rem;color:#24d861;line-height:1rem;font-weight:700}.bet-details{align-items:center;background-color:var(--maktub-bg-dark-light, #221825);border-radius:min(var(--maktub-input-radius, var(--maktub-border-radius, 6px)),16px);border:1px solid var(--maktub-bg-dark-light, #251929);display:flex;justify-content:space-between;padding:8px 10px}.bet-details__left{align-items:center;display:flex;gap:8px}.bet-details__right{align-items:center;display:flex;gap:10px}.bet-details__username{font-size:0.875rem;color:#fff;line-height:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch}.bet-details__date{font-size:0.75rem;color:#ad9fb6;line-height:1rem;font-weight:400}.bet-details__copy{font-size:0.75rem;color:var(--maktub-button-color, #e90083);line-height:1rem;font-weight:700;align-items:center;border:0;display:inline-flex;justify-content:center;outline:0;padding:4px;text-transform:uppercase;white-space:nowrap}.bet-game{background-color:var(--maktub-bg-dark-light, #221825);border-radius:min(var(--maktub-input-radius, var(--maktub-border-radius, 6px)),16px);display:flex;gap:16px;margin-top:12px;padding:16px}@media only screen and (min-width: 768px){.bet-game{margin-top:8px}}.bet-game__wrapper{display:flex;flex-direction:column;flex-grow:1;gap:6px;justify-content:center}.bet-game__name{font-size:1rem;color:#fff;line-height:1.125rem;font-weight:700}.bet-game__provider{font-size:0.75rem;color:#ad9fb6;line-height:0.875rem;font-weight:400;word-break:break-all}.bet-text{background-color:var(--maktub-bg-dark-light, #221825);border-radius:min(var(--maktub-input-radius, var(--maktub-border-radius, 6px)),16px);border:1px solid var(--maktub-bg-dark-light, #251929);display:flex;flex-direction:column;gap:6px;padding:12px}.bet-text__label{font-size:0.75rem;color:#ad9fb6;line-height:0.875rem;font-weight:700;text-transform:uppercase}.bet-text__value{font-size:0.8125rem;color:#fff;line-height:1.125rem;font-weight:400;margin:0;word-break:break-word}.bet-additional{margin-top:24px}.bet-fairness{padding-top:22px}.bet-fairness__inputs{display:flex;flex-direction:column;gap:10px}.bet-fairness__inputs-wrapper{display:flex;flex-direction:column;gap:10px}@media only screen and (min-width: 768px){.bet-fairness__inputs-wrapper{display:grid;gap:14px;grid-template-columns:repeat(2, 1fr)}}.bet-fairness__hint{font-size:0.75rem;color:#ad9fb6;line-height:1rem;font-weight:400;margin:0}.bet-fairness__bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px}.bet-fairness__link{font-size:0.875rem;color:var(--maktub-button-color, #e90083);line-height:1.375rem;font-weight:700;background:none;border:none;cursor:pointer;padding:0;text-align:left}
.fairness-modal{background-color:var(--maktub-dialog-surface, color-mix(in srgb, var(--maktub-bg-dark, #171619) 80%, var(--maktub-bg-dark-light, #27262B)));display:flex;flex-direction:column;inset:0;outline:none;overflow:hidden;position:fixed}.fairness-modal[data-status=initial]{opacity:0;transform:translateY(100%)}.fairness-modal[data-status=open]{opacity:1;transform:translateY(0);transition-duration:250ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.fairness-modal[data-status=close]{opacity:0;transform:translateY(100%);transition-duration:250ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media (min-width: 1024px), (min-width: 800px) and (min-height: 540px) and (min-aspect-ratio: 7/5) {.fairness-modal{border:1px solid var(--maktub-bg-dark-light, #251929);border-radius:var(--maktub-border-radius, 6px);margin:32px;max-height:calc(100dvh/var(--maktub-ui-zoom, 1) - 64px);position:relative;width:min(100vw/var(--maktub-ui-zoom, 1) - 64px,var(--maktub-dialog-width, 450px))}.fairness-modal[data-status=initial]{transform:scale(0.9)}.fairness-modal[data-status=open]{transform:scale(1)}.fairness-modal[data-status=close]{transform:scale(0.9)}}.fairness-modal__header{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--maktub-stroke, #27262B)}@media only screen and (min-width: 768px){.fairness-modal__header{padding:12px 16px}}.fairness-modal__title{margin:0;font-size:0.875rem;color:#fff;line-height:1.25rem;font-weight:500;align-items:center;display:flex;gap:8px}.fairness-modal__title svg{color:var(--maktub-button-color, #e90083)}.fairness-modal__tabs{border-bottom:1px solid var(--maktub-stroke, #27262B);display:flex;flex-shrink:0;gap:16px;padding:0 16px}.fairness-modal__tabs [role=tab]{background:rgba(0,0,0,0);border:0;border-bottom:1px solid rgba(0,0,0,0);color:var(--maktub-font-tone, #B8B7BC);cursor:pointer;font:inherit;font-size:13px;padding:12px 0}.fairness-modal__tabs [role=tab][aria-selected=true]{border-bottom-color:var(--maktub-primary-tone, #F5B544);color:var(--maktub-white-tone, #fff)}.fairness-modal__content{overflow-y:auto;padding:16px}.fairness-modal__panel{padding-top:0;padding-bottom:12px}.fairness-seeds__inputs{display:flex;flex-direction:column;gap:10px}.fairness-seeds__inputs-wrapper{display:flex;flex-direction:column;gap:10px}@media only screen and (min-width: 768px){.fairness-seeds__inputs-wrapper{display:grid;gap:14px;grid-template-columns:repeat(2, 1fr)}}.fairness-seeds__rotate{margin-top:24px}.fairness-seeds__rotate-title{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400;text-transform:uppercase;opacity:.7;margin-bottom:12px}.fairness-seeds__previous{margin-top:24px}.fairness-seeds__previous-description{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400;opacity:.6;margin:0 0 12px}.fairness-seeds__previous-item{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--maktub-stroke, #27262B)}.fairness-seeds__previous-item+.fairness-seeds__previous-item{margin-top:12px}.fairness-seeds__rotate-form{display:flex;flex-direction:row;align-items:flex-end;gap:10px;margin-bottom:10px}.fairness-seeds__rotate-form>*:first-child{flex:1}.fairness-modal--bonus{--maktub-dialog-width: 560px}.fairness-modal .input__copy-btn{color:var(--maktub-white-tone, #fff)}.fairness-modal .label{font-weight:400}.fairness-verify{display:flex;flex-direction:column;gap:20px}.fairness-verify__params{display:grid;gap:10px}@media only screen and (min-width: 768px){.fairness-verify__params{gap:14px;grid-template-columns:repeat(2, 1fr)}}.fairness-verify__toggle{align-items:center;cursor:pointer;display:flex;gap:8px;font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400}.fairness-verify__outcome{display:flex;flex-direction:column;gap:12px}.fairness-verify__result{font-size:1.25rem;color:#fff;line-height:1.75rem;font-weight:600;margin:0;overflow-wrap:anywhere}.fairness-verify__board{background:var(--maktub-bg-dark, #1D121F);border-radius:10px;overflow:hidden;padding:16px;pointer-events:none;position:relative}.fairness-verify__hint,.fairness-verify__muted{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400;margin:0;opacity:.6}.fairness-verify__error{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400;color:#ff686f;margin:0}.fairness-verify__match{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:500;color:#00b34b;margin:0}.fairness-verify__row{font-size:0.8125rem;color:#fff;line-height:1.25rem;font-weight:400;display:flex;gap:12px;justify-content:space-between}.fairness-verify__block{display:flex;flex-direction:column;gap:6px}.fairness-verify__chips{display:flex;flex-wrap:wrap;gap:6px}.fairness-verify__chip,.fairness-verify__card,.fairness-verify__tile{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:500;background:var(--maktub-bg-dark-light, #27262B);border-radius:4px;padding:2px 8px;text-align:center}.fairness-verify__card[data-red]{color:#ff686f}.fairness-verify__grid{display:grid;gap:4px}.fairness-verify__ladder{display:flex;flex-direction:column;gap:4px}.fairness-verify__tile{padding:4px 0}.fairness-verify__tile[data-marked]{background:color-mix(in srgb, var(--maktub-primary-tone, #F5B544) 35%, transparent)}.fairness-verify__tile[data-highlighted],.fairness-verify__tile[data-safe]{background:color-mix(in srgb, #00b34b 40%, transparent)}.fairness-verify__mono{color:var(--maktub-white-tone, #fff);display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;gap:10px;line-height:16px;overflow-x:auto;padding-bottom:8px;white-space:nowrap}.fairness-verify__round{display:flex;flex-direction:column;gap:2px}
.live-stats-anchor{position:fixed;z-index:100014}.live-stats{display:flex;flex-direction:column;width:300px;max-width:300px;background:var(--maktub-dialog-surface, color-mix(in srgb, var(--maktub-bg-dark, #171619) 80%, var(--maktub-bg-dark-light, #27262B)));border:1px solid var(--maktub-bg-dark-light, #231726);border-radius:var(--maktub-border-radius, 6px);box-shadow:0 8px 32px rgba(0,0,0,.35);overflow:visible;zoom:var(--maktub-ui-zoom, 1);cursor:move;user-select:none}.live-stats--entering{opacity:0;transform:scale(0.75)}.live-stats--entered{opacity:1;transform:scale(1);transition-duration:250ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.live-stats--exiting{opacity:0;transform:scale(0.75);transition-duration:250ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.live-stats [data-no-drag]{cursor:pointer}.live-stats [data-no-drag] *{cursor:inherit}.live-stats__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;height:40px;background:var(--maktub-dialog-surface, color-mix(in srgb, var(--maktub-bg-dark, #171619) 80%, var(--maktub-bg-dark-light, #27262B)));border-bottom:1px solid var(--maktub-bg-dark-light, #231726);border-radius:var(--maktub-border-radius, 6px) var(--maktub-border-radius, 6px) 0 0}.live-stats__title{font-size:0.875rem;color:#fff;line-height:1.25rem;font-weight:500;display:flex;align-items:center;gap:8px;margin-right:8px}.live-stats__title svg{width:20px;height:20px}.live-stats__opacity{display:flex;align-items:center;margin-right:auto;padding:4px;border:none;background:rgba(0,0,0,0);color:#fff}.live-stats__body{overflow-y:auto;max-height:calc(85dvh/var(--maktub-ui-zoom, 1) - 40px)}.live-stats__stats-panel{display:flex;flex-direction:column;gap:12px;padding:12px;overflow:visible;background:var(--maktub-dialog-surface, color-mix(in srgb, var(--maktub-bg-dark, #171619) 80%, var(--maktub-bg-dark-light, #27262B)));position:relative;z-index:1}.live-stats__controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.live-stats__select-wrapper{width:182px;position:relative;z-index:10}.live-stats__stats-grid{display:flex;flex-direction:column;gap:16px;padding:12px;background:var(--maktub-bg-dark-light, #27262B);border-radius:6px}.live-stats__stat-row{display:flex;justify-content:space-between;align-items:center}.live-stats__stat{display:flex;flex-direction:column;gap:0}.live-stats__stat--right{align-items:flex-end}.live-stats__stat-label{font-size:0.875rem;color:#ad9fb6;line-height:1.375rem;font-weight:400}.live-stats__stat-value{font-size:0.875rem;color:#fff;line-height:1.375rem;font-weight:600}.live-stats__graph{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--maktub-dialog-surface, color-mix(in srgb, var(--maktub-bg-dark, #171619) 80%, var(--maktub-bg-dark-light, #27262B)));border:1px solid var(--maktub-bg-dark-light, #231726);border-radius:6px;overflow:hidden}.live-stats__bets{padding:0 12px 12px;display:flex;flex-direction:column;background:var(--maktub-bg-dark-light, #27262B);cursor:default;background:rgba(0,0,0,0);height:380px;max-height:calc(75dvh/var(--maktub-ui-zoom, 1) - 80px);overflow-y:auto}.live-stats__bet-row{display:flex;justify-content:space-between;align-items:center;padding:8px}@media(hover: hover){.live-stats__bet-row:hover{background:#271c2b}}.live-stats__bet-amount{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400;min-width:50px;pointer-events:none}.live-stats__bet-multiplier{font-size:0.75rem;line-height:1.125rem;font-weight:700;min-width:40px;pointer-events:none}.live-stats__bet-payout{font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:600;min-width:60px;text-align:right;pointer-events:none}.live-stats__empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px}.live-stats__empty span{font-size:28px}.live-stats__empty{font-size:0.8125rem;color:#ad9fb6;line-height:1.25rem;font-weight:400;padding:12px;text-align:center}.live-stats__tabs{display:flex;align-items:center;justify-content:space-between;margin:0 12px;border-bottom:1px solid var(--maktub-stroke, #27262B)}.live-stats__tabs [role=tablist]{display:flex;gap:16px}.live-stats__tabs [role=tab]{font:inherit;font-size:13px;color:var(--maktub-font-tone, #B8B7BC);padding:12px 0;background:rgba(0,0,0,0);border:0;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer}.live-stats__tabs [role=tab][aria-selected=true]{color:var(--maktub-white-tone, #fff);border-bottom-color:var(--maktub-primary-tone, #F5B544)}.live-stats__bet-head{display:flex;justify-content:space-between;padding:12px 8px;font-size:11px;text-transform:uppercase;color:var(--maktub-font-tone, #B8B7BC)}
.accordion{display:flex;flex-direction:column;gap:12px}.accordion__item{display:flex;flex-direction:column;overflow:hidden}.accordion__header{align-items:center;background-color:rgba(0,0,0,0);background-origin:border-box;border-radius:6px;border:1px solid var(--maktub-bg-dark-light, #251929);color:var(--maktub-button-color, #e90083);display:flex;height:54px;justify-content:space-between;outline:0;padding:0 16px}.accordion__header[data-state=open]{background-color:var(--maktub-bg-dark-light, #271c2b);background-image:none;border-color:var(--maktub-button-color, transparent);color:#fff}.accordion__label{font-size:0.75rem;line-height:1.25rem;font-weight:700;text-transform:uppercase}.accordion__indicator{align-items:center;background-color:var(--maktub-bg-dark-light, #271c2b);border-radius:4px;color:color-mix(in srgb, var(--maktub-button-color, #e90083) 60%, transparent);display:inline-flex;height:24px;justify-content:center;width:24px}.accordion__indicator[data-state=open]{background-color:var(--maktub-button-color, #e90083);color:var(--maktub-bg-dark, #fff);transform:rotate(180deg)}
.avatar{border-radius:4px;display:inline-flex;flex-shrink:0;overflow:hidden;position:relative;user-select:none}.avatar img{height:100%;object-fit:cover;width:100%}.avatar--sm{height:32px;width:32px}.avatar--md{height:40px;width:40px}.avatar--lg{height:48px;width:48px}
.btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:rgba(0,0,0,0);border-radius:var(--maktub-border-radius, 4px);border:none;cursor:pointer;display:inline-flex;font-family:var(--maktub-font-family);justify-content:space-between;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-transform:none;user-select:none;transition-duration:250ms;transition-property:background-color, border-color, color, opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.btn__icon{display:inline-flex;position:relative}.btn__label{display:flex;justify-content:center;flex-grow:1;flex-shrink:0;text-wrap:nowrap;font-size:14px;font-style:normal;font-weight:600;line-height:22px}.btn__loading-indicator{display:flex;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%, -50%)}.btn:focus{outline:none}.btn[disabled],.btn[aria-disabled=true]{cursor:default;opacity:.5;pointer-events:none}.btn--default{background-color:var(--maktub-button-color, #e90083);background-image:none;color:var(--maktub-button-text-color, #fff)}.btn--secondary{background-color:#221825;color:#e90083;color:var(--maktub-button-text-color, #fff);border-radius:var(--maktub-border-radius, 6px);background:var(--maktub-button-color, #E6007A)}.btn--neutral{background-color:var(--maktub-button-color, #e90083);color:var(--maktub-button-text-color, #fff)}@media(hover: hover){.btn--neutral:hover{background-color:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent)}}.btn--outline{border:1px solid #221825;color:#e6e3e8}@media(hover: hover){.btn--outline:hover{background-color:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent);border-color:#271c2b}}.btn--transparent{background-color:rgba(0,0,0,0);color:#e90083}.btn--elevated{background:var(--maktub-action-btn-bg, #211624);border-radius:var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px));font-weight:var(--maktub-secondary-btn-weight, inherit);box-shadow:0 1px 0 0 rgba(255,255,255,.05) inset;color:#e6e3e8}@media(hover: hover){.btn--elevated:hover{background:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent)}}.btn--color-primary{color:#e90083}.btn--color-white{color:#fff}.btn--color-inherit{color:inherit}.btn--xs{gap:8px;height:24px;min-width:24px;padding:0 4px}.btn--sm{gap:8px;height:32px;min-width:32px;padding:0 8px}.btn--md{gap:12px;height:40px;min-width:64px;padding:0 12px}.btn--lg{gap:12px;height:48px;min-width:80px;padding:0 16px}.btn--align-left{text-align:left}.btn--align-right{text-align:right}.btn--full-width{width:100%}.btn--loading>.btn__label,.btn--loading>.btn__icon{visibility:hidden}
.checkbox{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;position:relative;vertical-align:middle;width:20px}.checkbox__input{cursor:inherit;height:100%;left:0px;margin:0px;opacity:0;padding:0px;position:absolute;top:0px;width:100%;z-index:1}.checkbox__control{background-color:rgba(0,0,0,0);border-radius:4px;border:1px solid #251929;display:block;height:100%;position:absolute;width:100%;transition-duration:150ms;transition-property:background-color, border-color;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.checkbox__input:not(:checked):hover~.checkbox__control{background-color:#271c2b;border-color:#3e3144}.checkbox__input:checked~.checkbox__control{border-color:rgba(0,0,0,0);background-color:#e90083;background-image:#e6007a}.checkbox__indicator{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;transform:scale(0);width:100%;transition-duration:200ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.checkbox__input:checked~.checkbox__indicator{opacity:1;transform:scale(1)}
.collapse{overflow:hidden;transition-duration:300ms;transition-property:height, opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.collapse--collapsed{height:0;opacity:0}
.form-control-label{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:flex-start;cursor:pointer;display:inline-flex;gap:12px;vertical-align:middle;font-size:0.875rem;color:#fff;line-height:1.375rem;font-weight:600}.form-control-label--top{flex-direction:column-reverse}.form-control-label--bottom{flex-direction:column}.form-control-label--left{flex-direction:row-reverse}
.form-control{display:block;min-width:0;position:relative;width:100%}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .form-control{flex-shrink:0}
.form-error-message{font-size:0.875rem;color:#de3449;line-height:1.375rem;font-weight:400;margin-top:6px}
.btn-icon{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--maktub-bg-dark-light, #1a0f1c);background-origin:border-box;border:1px solid var(--maktub-bg-dark-lighter, #231726);border-bottom:1px solid var(--maktub-bg-dark-lighter, #231726);border-left:none;border-right:1px solid var(--maktub-bg-dark-lighter, #231726);border-top:1px solid var(--maktub-bg-dark-lighter, #231726);color:var(--maktub-bg-dark-lighter, #c9bacc);cursor:pointer;display:inline-flex;flex-shrink:0;overflow:hidden;padding:0;position:relative;user-select:none;text-align:center;align-items:center;justify-content:center;transition-duration:300ms;transition-property:background-color, border-color, color, opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media(hover: hover){.btn-icon:not(:active,disabled,[aria-expanded=true],[aria-pressed=true]):hover{background-color:color-mix(in srgb, var(--maktub-button-color, #E6007A) 15%, transparent);border-color:#362740;color:#e6e3e8}}.btn-icon:focus{outline:none}.btn-icon:active,.btn-icon[aria-expanded=true],.btn-icon[aria-pressed=true]{background-color:var(--maktub-button-color, #E6007A);border-color:rgba(0,0,0,0);color:#fff}.btn-icon[disabled],.btn-icon[aria-disabled=true]{cursor:default;opacity:.5;pointer-events:none}.btn-icon--sm{border-radius:0 6px 6px 0;min-height:32px;padding:0 10px;width:auto}.btn-icon--md{border-radius:0 6px 6px 0;min-height:40px;padding:0 12px;width:auto}.btn-icon--lg{border-radius:0 6px 6px 0;min-height:48px;padding:0 14px;width:auto}.btn-icon:first-child{border-left:1px solid var(--maktub-bg-dark-lighter, #231726);border-radius:6px 0 0 6px}.btn-icon:last-child{border-radius:0 6px 6px 0}.btn-icon--close{width:24px;min-height:24px;padding:2px;background-color:rgba(0,0,0,0);border:none;border-radius:4px;color:#fff}@media(hover: hover){.btn-icon--close:not(:active,disabled,[aria-expanded=true],[aria-pressed=true]):hover{background-color:color-mix(in srgb, var(--maktub-bg-dark-light, #231726) 80%, #fff);color:#fff}}.btn-icon--close:first-child{border-radius:4px}.btn-icon--close:last-child{border-radius:4px}
.input{align-items:center;border-radius:var(--maktub-input-radius, var(--maktub-border-radius, 6px));border:var(--maktub-container-border, none);cursor:text;display:flex;overflow:hidden;position:relative;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:400;font-weight:var(--maktub-input-weight, 400);transition-duration:250ms;transition-property:border-color, box-shadow, background-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.input:focus-within{border-color:var(--maktub-button-color, #e90083);outline:1px solid var(--maktub-button-color, #e90083);outline-offset:-1px}.input__field{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;box-sizing:border-box;color:currentColor;display:block;font:inherit;height:100%;line-height:1;min-width:24px;padding:9px 12px;text-align:left;width:100%}.input__field:focus{outline:none}.input__field::placeholder{color:#8c7996}.input__field:is(:-webkit-autofill,:autofill){transition:all 0s 99999s}.input__adornment{align-items:center;color:rgba(255,255,255,.5);display:flex;padding:4px 10px}.input__separator{align-self:center;background-color:#3e3144;height:20px;width:1px}.input__copy-btn{align-items:center;border-radius:50%;color:color-mix(in srgb, var(--maktub-button-color, #e90083) 60%, transparent);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;margin:0 10px;width:32px;transition-duration:300ms;transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media(hover: hover){.input__copy-btn:hover{color:#fff}}.input--sm{height:32px}.input--md{height:var(--maktub-game-input-height, var(--maktub-input-height, 40px))}.input--lg{height:48px}.input--default{background-color:var(--maktub-bg-dark-light, #1D121F)}.input--tonal{background-color:#170d19}.input--disabled{color:rgba(255,255,255,.4);cursor:default}.input--disabled>input{pointer-events:none}.input--error{border-color:#de3449;background-color:rgba(222,52,73,.1)}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .input{box-sizing:border-box;height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));min-height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));flex-shrink:0}@media (max-width: 799.98px), (max-width: 1023.98px) and (max-height: 539.98px), (max-width: 1023.98px) and (max-aspect-ratio: 6999/5000) {[data-maktub-input]{font-size:max(16px,1em);scroll-margin-block:12px}}
.label{display:inline-block;margin-bottom:6px;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:700;transition-duration:250ms;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.label--disabled{opacity:.5;pointer-events:none}.label__asterisk{color:#de3449;margin-left:4px}:is([data-maktub-game-sidebar],[data-maktub-field-panel]) .label{color:var(--colors-tone-label, #e6e3e8)}[data-maktub-field-panel] .label{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}
.modal__overlay{backdrop-filter:blur(2px);background-color:rgba(0,0,0,.8);inset:0;position:fixed;z-index:100014}.modal__overlay[data-status=initial]{opacity:0}.modal__overlay[data-status=open]{opacity:1;transition-duration:250ms;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal__overlay[data-status=close]{opacity:0;transition-duration:250ms;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal__container{display:grid;inset:0;overflow:hidden;place-items:center;position:fixed;z-index:100014}.modal__sheet-container{inset:0;position:fixed;z-index:100014;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.modal__sheet{box-sizing:border-box;max-height:85dvh;overflow:hidden;position:relative;pointer-events:auto;width:100%;display:flex;flex-direction:column;will-change:transform}.modal__sheet[data-status=initial]{transform:translateY(100%)}.modal__sheet[data-status=open]{transform:translateY(0);transition-duration:250ms;transition-property:transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.modal__sheet[data-status=close]{transform:translateY(100%);transition-duration:250ms;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.modal__sheet>:not(.modal__sheet-handle){box-sizing:border-box;min-height:0;width:100% !important;max-width:100% !important;max-height:85vh !important;border-radius:16px 16px 0 0 !important;border-bottom:none !important;padding-left:16px !important;padding-right:16px !important;overflow-y:auto}.modal__sheet>.modal__sheet-handle+*{padding-top:28px !important}.modal__sheet-handle{position:absolute;top:0;left:0;right:0;height:24px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:grab;touch-action:none}.modal__sheet-grip{width:36px;height:4px;border-radius:999px;background:rgba(255,255,255,.25)}.modal__container .input,.modal__sheet-container .input{background:var(--maktub-bg-dark-light, #27262B)}.modal__container .label,.modal__sheet-container .label{color:var(--maktub-white-tone, #fff);font-size:12px;line-height:18px;font-weight:400}.modal__container .input__copy-btn,.modal__sheet-container .input__copy-btn{appearance:none;background:rgba(0,0,0,0);border:0;padding:4px;color:var(--maktub-white-tone, #fff);border-radius:4px;width:24px;height:24px;margin:0 8px;cursor:pointer}
.number-input__controls{cursor:default;display:flex;flex-direction:column;flex-shrink:0;height:100%}.number-input__increment,.number-input__decrement{appearance:none;background-color:rgba(0,0,0,0);border-color:#271c2b;border-style:solid;border-width:0 0 0 1px;color:rgba(255,255,255,.5);display:flex;height:50%;outline:none;padding:0;width:40px;text-align:center;align-items:center;justify-content:center;transition-duration:250ms;transition-property:background-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.number-input__increment:disabled,.number-input__decrement:disabled{color:#3e3144;pointer-events:none}@media(hover: hover){.number-input__increment:hover,.number-input__decrement:hover{background-color:color-mix(in srgb, var(--maktub-button-color, #e90083) 15%, transparent)}}.number-input__increment:active:enabled,.number-input__decrement:active:enabled{background-color:#2f2432}.number-input__increment{border-width:0 0 1px 1px}
.pig-spinner{color:currentColor;display:inline-block;position:relative;width:20px;height:20px}.pig-spinner__logo{width:100%;height:100%;background-image:url("/assets/white-logo.png");background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(1.1);animation:pig-logo-spin-resize 2s ease-in-out infinite,pig-logo-pulse 1.5s ease-in-out infinite}
.ripple{display:none;opacity:0;position:absolute;transition-duration:450ms;transition-property:opacity;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.ripple--visible{display:block;opacity:1;transition:none}.ripple::before{animation:ripple 500ms ease-out;background-color:rgba(255,255,255,.2);border-radius:50%;content:"";display:block;inset:0;position:absolute}
.select{border-radius:var(--maktub-input-radius, var(--maktub-border-radius, 6px));cursor:pointer;display:block;flex-shrink:0;outline:0;position:relative;user-select:none;width:100%;transition-duration:250ms;transition-property:background-color, border-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select--disabled{opacity:.5;pointer-events:none}.select--sm{height:32px;padding:4px 38px 4px 10px}.select--md{height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));padding:8px 38px 8px 10px}.select--lg{height:48px;padding:12px 38px 12px 10px}.select__placeholder{font-size:0.875rem;color:#ad9fb6;line-height:1.375rem;font-weight:400}.select__value{align-items:center;display:flex;flex-grow:1;gap:8px;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:600}.select__arrow{align-items:center;color:#e6e3e8;display:flex;height:20px;justify-content:center;pointer-events:none;position:absolute;right:10px;top:calc(50% - 10px);width:20px}.select[data-state=open] .select__arrow{transform:rotate(180deg)}.select__menu-container{display:flex;flex-direction:column;font-family:var(--maktub-font-family, "DM Sans", sans-serif);outline:0;position:absolute;z-index:100014}.live-stats-modal .select__menu-container{z-index:100000002}.select__menu{background-color:var(--maktub-bg-dark-light, #170d19);border-radius:6px;border:none;height:100%;overflow:auto;padding:8px;position:relative;transition-duration:200ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.select__option{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:4px;cursor:pointer;display:flex;height:40px;outline:0;padding:4px 12px;position:relative;user-select:none;font-size:0.875rem;color:#e6e3e8;line-height:1.375rem;font-weight:600;transition-duration:250ms;transition-property:background-color, color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.select__option--disabled{opacity:.5;pointer-events:none}.select__option--active{background-color:color-mix(in srgb, var(--maktub-bg-dark-light, #170d19) 88%, #fff)}:not(.select__menu--multiple) .select__option--selected{background-color:color-mix(in srgb, var(--maktub-bg-dark-light, #170d19) 80%, #fff);background-image:none}.select__checkmark{margin-right:12px}.select--default{background-color:var(--maktub-bg-dark-light, #1D121F);border:var(--maktub-container-border, none);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.05)}.select--default:focus,.select--default[data-state=open]{border-color:var(--maktub-button-color, #e90083);outline:1px solid var(--maktub-button-color, #e90083);outline-offset:-1px}.select--transparent{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}:is([data-maktub-game-sidebar],[data-maktub-game-content]) .select{box-sizing:border-box;height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));min-height:var(--maktub-game-input-height, var(--maktub-input-height, 40px));flex-shrink:0;padding-block:8px}
.skeleton{background-color:rgba(255,255,255,.05);display:block;height:auto;overflow:hidden;position:relative}.skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%)}.skeleton--circular{border-radius:50%}.skeleton--rounded{border-radius:4px}.skeleton--text{border-radius:2px;height:1em;margin-bottom:calc((1lh - 1em)/2);margin-top:calc((1lh - 1em)/2)}
.spinner{animation:spin 1.5s linear infinite;display:inline-block}.spinner--sm{height:32px;width:32px}.spinner--md{height:40px;width:40px}.spinner--lg{height:48px;width:48px}.spinner svg{height:100%;width:100%}
.tabs__trigger--variant_enclosed{font-size:.875rem !important;line-height:1rem !important;font-weight:400 !important}

.tooltip{--tooltip-background: var(--maktub-bg-dark-light, #2c292f);--tooltip-border: color-mix(in srgb, var(--maktub-bg-dark-light, #2c292f) 80%, #fff 10%);pointer-events:none;z-index:100017}.tooltip__inner{zoom:var(--maktub-ui-zoom, 1);background-color:var(--tooltip-background);border:none;border-radius:var(--maktub-border-radius, 6px);max-width:300px;overflow-wrap:break-word;padding:8px 12px;position:relative;font-size:0.75rem;color:#fff;line-height:1.125rem;font-weight:400;transition-duration:200ms;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.maktub-replay{--replay-accent: var(--maktub-button-color, #f5a623);--replay-surface: var(--maktub-bg-dark-light, #27262b);--replay-good: #00b34b;--replay-bad: #ff686f;color:var(--maktub-white-tone, #fff);display:flex;flex-direction:column;gap:16px;font-size:13px}.maktub-replay__summary{display:flex;flex-direction:column;gap:12px}.maktub-replay__game{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.maktub-replay__game-name{font-size:1.125rem;color:#fff;line-height:1.5rem;font-weight:600}.maktub-replay__date,.maktub-replay__muted{color:var(--maktub-font-tone, #b8b7bc);font-size:12px}.maktub-replay__numbers{display:grid;gap:8px;grid-template-columns:repeat(3, minmax(0, 1fr))}.maktub-replay__stat{background:var(--replay-surface);border-radius:var(--maktub-border-radius, 6px);display:flex;flex-direction:column;gap:2px;padding:10px 12px}.maktub-replay__stat[data-highlight] .maktub-replay__stat-value{color:var(--replay-good)}.maktub-replay__stat-value{font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;overflow-wrap:anywhere}.maktub-replay__choices{display:flex;flex-wrap:wrap;gap:6px}.maktub-replay__choice{background:var(--replay-surface);border-radius:999px;padding:4px 10px}.maktub-replay__status{border-radius:var(--maktub-border-radius, 6px);margin:0;padding:10px 12px;background:var(--replay-surface);font-weight:500}.maktub-replay[data-status=verified] .maktub-replay__status{background:color-mix(in srgb, var(--replay-good) 18%, transparent);color:var(--replay-good)}.maktub-replay[data-status=mismatch] .maktub-replay__status{background:color-mix(in srgb, var(--replay-bad) 18%, transparent);color:var(--replay-bad)}.maktub-replay__stage{display:flex;flex-direction:column;gap:14px}.maktub-replay__field{animation:maktub-replay-in 240ms ease-out both;display:flex;flex-direction:column;gap:6px}.maktub-replay__label{color:var(--maktub-font-tone, #b8b7bc);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.maktub-replay__value{font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;line-height:34px}.maktub-replay__value[data-final]{animation:maktub-replay-pop 260ms ease-out}.maktub-replay__chips{display:flex;flex-wrap:wrap;gap:6px}.maktub-replay__chip{animation:maktub-replay-pop 220ms ease-out both;background:var(--replay-surface);border-radius:4px;padding:3px 9px;font-weight:500}.maktub-replay__cards{display:flex;flex-wrap:wrap;gap:8px}.maktub-replay__card-slot{align-items:center;display:flex;flex-direction:column;gap:4px}.maktub-replay__card{align-items:center;background:var(--replay-surface);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#171619;display:flex;flex-direction:column;font-weight:700;height:52px;justify-content:center;line-height:16px;width:38px}.maktub-replay__card[data-dealt]{animation:maktub-replay-deal 260ms ease-out both;background:#fff}.maktub-replay__card[data-red]{color:#e0313b}.maktub-replay__caption{color:var(--replay-accent);font-size:11px;font-weight:600}.maktub-replay__grid{display:grid;gap:5px}.maktub-replay__tile{align-items:center;aspect-ratio:1;background:var(--replay-surface);border-radius:6px;color:var(--maktub-font-tone, #b8b7bc);display:flex;font-size:11px;justify-content:center;transition:background 160ms ease,color 160ms ease,transform 160ms ease}.maktub-replay__tile[data-state]{animation:maktub-replay-pop 220ms ease-out both;color:#fff;font-weight:600}.maktub-replay__tile[data-state=safe],.maktub-replay__tile[data-state=hit]{background:color-mix(in srgb, var(--replay-good) 75%, transparent)}.maktub-replay__tile[data-state=open]{background:color-mix(in srgb, var(--replay-good) 25%, transparent)}.maktub-replay__tile[data-state=mine],.maktub-replay__tile[data-state=drawn]{background:color-mix(in srgb, var(--replay-accent) 45%, transparent)}.maktub-replay__tile[data-state=bust]{background:var(--replay-bad)}.maktub-replay__tile[data-state=picked]{background:rgba(0,0,0,0);box-shadow:inset 0 0 0 2px var(--replay-accent);color:var(--replay-accent)}.maktub-replay__ladder{display:flex;flex-direction:column;gap:5px}.maktub-replay__row{align-items:center;animation:maktub-replay-in 220ms ease-out both;display:grid;gap:5px;position:relative}.maktub-replay__row .maktub-replay__tile{aspect-ratio:auto;height:22px}.maktub-replay__row[data-beyond]{opacity:.45}.maktub-replay__row-index{color:var(--maktub-font-tone, #b8b7bc);font-size:11px}.maktub-replay__row-note{color:var(--maktub-font-tone, #b8b7bc);font-size:10px;grid-column:1/-1}.maktub-replay__final{font-size:1.375rem;color:#fff;line-height:1.75rem;font-weight:700;animation:maktub-replay-pop 300ms ease-out both;margin:0;overflow-wrap:anywhere;text-align:center}.maktub-replay__final[data-won]{color:var(--replay-good)}.maktub-replay__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.maktub-replay__share{display:flex;flex-direction:column;gap:8px;min-width:0}.maktub-replay__share[data-open]{flex-basis:100%}.maktub-replay__share-title{font-weight:600;margin:0}.maktub-replay__link{display:flex;gap:8px}.maktub-replay__link input{background:var(--replay-surface);border:1px solid var(--maktub-stroke, #27262b);border-radius:var(--maktub-border-radius, 6px);color:inherit;flex:1;font:inherit;min-width:0;padding:8px 10px}.maktub-replay__targets{display:flex;flex-wrap:wrap;gap:8px}.maktub-replay__target{background:var(--replay-surface);border-radius:999px;color:inherit;padding:6px 14px;text-decoration:none}.maktub-replay__target:hover{background:color-mix(in srgb, var(--replay-accent) 25%, var(--replay-surface))}.maktub-replay__error{color:var(--replay-bad);margin:0}.maktub-replay__checks,.maktub-replay__seeds{display:flex;flex-direction:column;gap:10px}.maktub-replay__check-line{color:var(--replay-bad);margin:0}.maktub-replay__check-line[data-ok]{color:var(--replay-good)}.maktub-replay__check{display:grid;gap:2px 10px;grid-template-columns:auto minmax(0, 1fr)}.maktub-replay__check .maktub-replay__check-name{color:var(--replay-bad);font-weight:600;grid-column:1/-1}.maktub-replay__check[data-ok] .maktub-replay__check-name{color:var(--replay-good)}.maktub-replay__mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow-wrap:anywhere}@media(prefers-reduced-motion: reduce){.maktub-replay *,.maktub-replay{animation-duration:1ms !important}}.maktub-replay-bar{align-items:center;animation:maktub-replay-in 200ms ease-out both;background:color-mix(in srgb, var(--maktub-bg-dark, #171619) 92%, transparent);border:1px solid var(--maktub-button-color, #f5a623);border-radius:999px;box-shadow:0 6px 24px rgba(0,0,0,.45);color:#fff;display:flex;font-family:var(--maktub-font-family);font-size:13px;gap:14px;left:50%;max-width:calc(100vw - 24px);padding:6px 6px 6px 14px;position:fixed;top:10px;transform:translateX(-50%);z-index:60}.maktub-replay-bar__title{align-items:center;display:flex;font-weight:600;gap:6px;white-space:nowrap}.maktub-replay-bar__state{color:#ff686f}.maktub-replay-bar[data-verified] .maktub-replay-bar__state{color:#00b34b}.maktub-replay-bar__actions{display:flex;gap:4px}.maktub-replay-bar__actions button{background:var(--maktub-bg-dark-light, #27262b);border:0;border-radius:999px;color:inherit;cursor:pointer;font:inherit;padding:6px 12px;white-space:nowrap}.maktub-replay-bar__actions button:disabled{cursor:default;opacity:.5}

@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes strategyContentFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes statusBlink{0%,100%{opacity:1;box-shadow:0 0 4px rgba(34,197,94,.8)}50%{opacity:.4;box-shadow:0 0 8px #22c55e}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pig-logo-spin-resize{0%{transform:rotate(0deg) scale(0.8)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(0.9)}75%{transform:rotate(270deg) scale(1.2)}100%{transform:rotate(360deg) scale(0.8)}}
@keyframes pig-logo-pulse{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes wave{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes maktub-replay-in{from{opacity:0;transform:translateY(6px)}}
@keyframes maktub-replay-pop{0%{transform:scale(0.6);opacity:0}70%{transform:scale(1.08);opacity:1}}
@keyframes maktub-replay-deal{from{opacity:0;transform:translateY(-18px) rotateY(90deg)}}

/* The ONE font swap point for every piece of game text. Edit the definition
   below to change the family everywhere, or override --maktub-font-family as
   a host — every explicit font-family in src consumes the variable. The root
   letter-spacing is the design default; every element that declares its own
   tracking (all the Figma-based components do) overrides it. Mind the em
   pitfall (see EngagementPanel.tsx): an em resolves against the declaring
   element's font-size and descendants inherit the computed fixed px — 14px
   text would get 16px's value — and form controls do not inherit
   letter-spacing at all, which is why exact-tracking rules carry their own. */
.maktub-sdk-root { --maktub-font-family: 'DM Sans', sans-serif; font-family: var(--maktub-font-family); letter-spacing: -0.01em; }
/* FloatingPortal mounts these SDK surfaces outside the game root. Give them
   the same typography without changing the host document's font. */
:where(.modal__container, .modal__sheet-container, .live-stats-anchor) { font-family: var(--maktub-font-family, 'DM Sans', sans-serif); letter-spacing: -0.01em; }
.maktub-sdk-root .tabs__list--variant_enclosed { border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 8px)) !important; background: var(--maktub-mode-select-bg, var(--maktub-bg-dark-light, #1a0f1c)) !important; border: var(--maktub-container-border, none) !important; justify-content: center !important; align-self: stretch !important; align-items: center !important; gap: 4px !important; height: calc(var(--maktub-secondary-btn-height, 40px) + 8px) !important; padding: 4px !important; display: flex !important; }
.maktub-sdk-root .tabs__trigger--variant_enclosed { color: rgba(255,255,255,0.5) !important; background: transparent !important; }
.maktub-sdk-root .tabs__trigger--variant_enclosed:not(:is([data-selected],[aria-selected="true"],[data-state="selected"])):hover { color: #fff !important; }
.maktub-sdk-root .tabs__trigger--variant_enclosed:is([data-selected],[aria-selected="true"],[data-state="selected"]) { color: #fff !important; }
.maktub-sdk-root .tabs__indicator--variant_enclosed { border-radius: var(--maktub-secondary-btn-radius, var(--maktub-border-radius, 6px)) !important; background: var(--maktub-mode-select-active, var(--maktub-enclosed-ind-bg, rgba(255, 255, 255, 0.08))) !important; height: var(--height) !important; width: var(--width) !important; border: none !important; --transition-duration: .4s !important; }
/* Button preflight, deliberately inside @layer maktub.base and wrapped in
   :where(). Panda emits its recipes into @layer maktub.recipes, and an
   UNLAYERED rule beats every layered one regardless of specificity — so this
   reset used to erase the elevated variant's background, and secondary buttons
   only showed their tone where a component pinned it with an inline style.
   Layer placement is what makes the recipe win; :where() keeps specificity out
   of it too. */
@layer maktub.base {
  :where(.maktub-sdk-root) :where(button, [type='button'], [type='reset'], [type='submit']) { -webkit-appearance: none; appearance: none; background-color: transparent; background-image: none; }
  /* The form-control half of every modern preflight (Tailwind v3 and v4 alike),
     owned by the SDK so the host shield below has a floor to revert to. */
  :where(.maktub-sdk-root) :where(button, input, optgroup, select, textarea) { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; }
  /* Native form controls do not inherit font-family by default. Keep this
     reset below component styles so an intentional font override still wins. */
  :where(.modal__container, .modal__sheet-container, .live-stats-anchor) :where(button, input, optgroup, select, textarea) { font-family: inherit; }
}
/* Host shield. A host preflight that is NOT in a cascade layer (Tailwind v3's
   @tailwind base, normalize.css, a hand-written button reset) beats every
   @layer maktub.* rule regardless of specificity — on the landing that erased
   the elevated buttons' fill, the coinflip rail chips' fill, button padding,
   type sizes and spinner borders. revert-layer drops the unlayered
   declarations for exactly the properties those resets touch, so the value
   falls back to the SDK's layers (component recipe/utility, else the base
   resets above) — what a layered host such as the Tailwind v4 play app
   renders. It is a no-op on hosts without an unlayered reset. Specificity
   stays at 0,1,0 / 0,1,1: above the element-level resets it shields against,
   below every scoped SCSS rule (0,2,0+), so SDK stylesheets still win. */
.maktub-sdk-root *, .maktub-sdk-root ::before, .maktub-sdk-root ::after { box-sizing: revert-layer; border-width: revert-layer; border-style: revert-layer; border-color: revert-layer; }
.maktub-sdk-root :is(button, input, optgroup, select, textarea) { font: revert-layer; font-feature-settings: revert-layer; font-variation-settings: revert-layer; letter-spacing: revert-layer; color: revert-layer; margin: revert-layer; padding: revert-layer; text-transform: revert-layer; -webkit-appearance: revert-layer; appearance: revert-layer; background-color: revert-layer; background-image: revert-layer; cursor: revert-layer; }
.icon { fill: currentColor; vertical-align: middle; }
.icon--size_xs { width: 0.75rem; height: 0.75rem; }
.icon--size_sm { width: 1rem; height: 1rem; }
.icon--size_md { width: 1.25rem; height: 1.25rem; }
.icon--size_lg { width: 1.5rem; height: 1.5rem; }
.icon--size_xl { width: 1.75rem; height: 1.75rem; }
.icon--size_2xl { width: 2rem; height: 2rem; }
.button__root { font-size: 14px !important; font-weight: var(--maktub-secondary-btn-weight, 600) !important; }
.button__root--variant_primary, .button__root--variant_secondary { font-weight: var(--maktub-primary-btn-weight, 600) !important; }
.button__root--size_3xs, .button__root--size_2xs, .button__root--size_xs, .button__root--size_sm, .button__root--size_md { font-size: var(--font-sizes-xs) !important; }
.button__root--size_lg { font-size: 14px !important; }
:where(button:not([data-disable-active-scale]),[role='button']:not([data-disable-active-scale]),a[href]:not([data-disable-active-scale]),input[type='button']:not([data-disable-active-scale]),input[type='submit']:not([data-disable-active-scale]),input[type='reset']:not([data-disable-active-scale]),label[for]:not([data-disable-active-scale]),summary:not([data-disable-active-scale]),[data-clickable]:not([data-disable-active-scale]),.clickable:not([data-disable-active-scale])){transition:transform 250ms ease !important}
:where(button:not([data-disable-active-scale]),[role='button']:not([data-disable-active-scale]),a[href]:not([data-disable-active-scale]),input[type='button']:not([data-disable-active-scale]),input[type='submit']:not([data-disable-active-scale]),input[type='reset']:not([data-disable-active-scale]),label[for]:not([data-disable-active-scale]),summary:not([data-disable-active-scale]),[data-clickable]:not([data-disable-active-scale]),.clickable:not([data-disable-active-scale])):active{transform:scale(0.95)}