html {
    display: block;
}

:root {
    view-transition-name: root;
}

:root {
    --button-rounding-button-s: 4px;
    --button-rounding-button-m: 8px;
    --tabs-rounding-segment-tab: 8px;
    --tabs-rounding-segment-control: 12px;
    --tabs-rounding-chips-tab: 999px;
    --input-rounding-input-s: 4px;
    --input-rounding-input-m: 8px;
    --basebadge-rounding-badge: 8px;
    --modal-rounding-modal: 12px;
    --notification-rounding-notification: 12px;
    --element-rounding-element: 12px;
}

:root {
    --button-size-button-xl: 48px;
    --button-size-button-l: 44px;
    --button-size-button-m: 36px;
    --button-size-button-s: 28px;
    --button-size-bet-button: 76px;
    --tab-size-segment-tab-m: 36px;
    --tab-size-tag: 28px;
    --tab-size-segment-tab-s: 28px;
    --input-size-input: 44px;
    --badge-size-badge: 36px;
}

:root {
    --opacity-disabled: 30%;
    --opacity-active: 74%;
}

:root {
    --brand-gradient: linear-gradient(180deg, #00c7fe 0%, #044fff 100%);
    --spotlight-color: #00deff;
    --progress-color: #0359fe;
    --logo-height: 44px;
    --logo-height-mobile: 28px;
}

:root {
    --controls-width: 400px;
    --footer-height: minmax( 280px, 1fr );
    --main-height: minmax(200px, auto);
    --header-height: 76px;
    --header-z-index: 10000;
    --logo-block-height: 44px;
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2;
}

:root {
    --dir: initial;
    --w: initial;
    --h: initial;
    --gap: initial;
    --justify: initial;
    --align: initial;
    --wrap: initial;
}

:root {
    --controls-width: 400px;
    --header-height: 76px;
    --header-z-index: 10000;
    --logo-block-height: 44px;
    --main-min-height: 400px;
    --main-max-height: 1260px;
    --aside-min-height: 0px;
    --main-min-width: 300px;
    --chat-width: 300px;
    --main-margin-top: 20px;
}

/* COLORS */
:root {
  --background-page: #141415;
  --background-page-overlay: #141415cc;
  --background-page-overlay-alpha-0: #14141500;
  --background-container-primary: #1d1e20;
  --background-container-secondary: #141415f4;
  --background-container-elevated-primary: #1d1e20;
  --background-container-elevated-secondary: #2e3035;
  --background-container-elevated-inverted: #f4f6fc;
  --background-field-primary: #81879414;
  --background-field-secondary: #8187941e;
  --background-field-inverted: #141415e5;
  --background-overlay: #000000e0;
  --background-element-primary: #9aa1b12b;
  --background-element-secondary: #9aa1b151;
  --background-element-selection-primary: #0075ff;
  --background-element-selection-hover: #1381ff;
  --background-hover-01: #9aa1b15b;
  --background-hover-02: #9aa1b142;
  --fg-content-primary: #f0f2f5;
  --fg-content-primary-alpha-50: #f0f2f57f;
  --fg-content-primary-alpha-30: #f0f2f54c;
  --fg-content-primary-alpha-12: #f0f2f51e;
  --fg-content-secondary: #9aa1b1;
  --fg-content-tertiary: #797f8b;
  --fg-content-inverted: #f0f2f5;
  --fg-content-dark: #040405;
  --fg-content-brand: #1782ff;
  --fg-content-brand-alpha-60: #1782ff99;
  --fg-content-brand-alpha-15: #1782ff26;
  --fg-content-brand-ghost: #1782ff00;
  --fg-content-gray: #9aa1b1;
  --crash-content-coeff-freebet: #997DFF;
  --fg-content-green: #83d900;
  --fg-content-yellow: #ffcc26;
  --fg-content-red: #f63d00;
  --fg-fg-content-btn-secondary-text: #f0f2f5b2;
  --fg-content-btn-secondary-amount-01: #f0f2f5;
  --fg-content-btn-secondary-amount-02: #f0f2f5b2;
  --fg-content-brand-secondary: #00b24b;
  --fg-content-brand-secondary-alpha-60: #00b24b99;
  --fg-content-brand-secondary-alpha-15: #00b24b26;
  --fg-content-brand-ghost-secondary: #00b24b00;
  --feedback-error: #f63d00;
  --win-notification-brand-liner-01: #0075ff28;
  --win-notification-brand-liner-02: #0075ff0a;
  --feedback-warning: #ffcc26;
  --win-notification-cashwin-base: #0075ff28;
  --feedback-success: #83d900;
  --win-notification-white-liner-01: #ffffff47;
  --feedback-info: #0075ff;
  --win-notification-white-liner-02: #ffffff28;
  --win-notification-white-liner-03: #ffffff00;
  --border-element-primary: #9aa1b114;
  --border-btn-secondary-up: #00b24b;
  --border-btn-secondary-down: #00b24b;
  --border-btn-secondary-up-hover: #00b24b;
  --border-btn-secondary-down-hover: #00b24b;
  --border-btn-affirmative-up: #0075ff66;
  --border-btn-affirmative-down: #0075ff19;
  --border-btn-accent: #0075ff;
  --button-primary-up: #0075ff;
  --button-primary-down: #0075ff;
  --button-primary-up-hover: #1381ff;
  --button-primary-down-hover: #1381ff;
  --button-secondary-up: #00b24b26;
  --button-secondary-down: #00b24b26;
  --button-negative-up: #ff4026;
  --button-negative-down: #ff4026;
  --button-negative-up-hover: #ff2626;
  --button-negative-down-hover: #ff2626;
  --button-accent-up: #0075ff;
  --button-accent-down: #0075ff;
  --button-accent-up-hover: #1381ff;
  --button-accent-down-hover: #1381ff;
  --button-affirmative-up: #0075ff;
  --button-affirmative-down: #0075ff;
  --button-brand: #268aff47;
  --button-black: #757d8d47;
  --button-red: #ff402633;
  --button-brand-selected-up: #0075ff;
  --button-brand-selected-down: #0075ff;
  --button-black-selected-up: #757d8d;
  --button-black-selected-down: #757d8d;
  --button-red-selected-up: #ff4026;
  --button-red-selected-down: #ff4026;
  --button-brand-hover: #268aff51;
  --button-black-hover: #757d8d6b;
  --button-red-hover: #ff40264c;
  --button-slider-up: #f0f2f5;
  --button-slider-down: #f0f2f5;
  --button-btn-togame: #f0f2f5;
  --button-secondary-bet: #00b24b;
  --button-secondary-ghost-bet: #00b24b00;
  --shadow-btn-primary-hover: #1381ffb2;
  --window-rules-grid-01: #ffffff1e;
  --window-rules-grid-02: #ffffff00;
  --shadow-btn-secondsry-hover: #1381ff00;
  --shadow-btn-negative-hover: #ff4026b2;
  --shadow-btn-shadow: #0000002d;
  --shadow-modal: #05050666;
  --shadow-notification: #000000b2;
  --crash-content-coeff-low: #73b3ff;
  --crash-content-coeff-middle: #ba90ff;
  --crash-content-coeff-high: #fdd75a;
  --crash-fg-content-brand: #0075ff;
  --crash-schedule-brand-01: #0075ff;
  --crash-schedule-brand-02: #0075ff3d;
  --crash-schedule-brand-alpha-0: #0075ff00;
  --crash-shadow-circle-01: #000000a5;
  --crash-shadow-circle-02: #0075fff2;
  --crash-fg-content: #212428;
  --crash-waiting-circle-line-01: #4dbeff;
  --crash-waiting-circle-line-02: #0075ff;
  --crash-waiting-circle: #0e0e12;
  --crash-waiting-circle-radial: #18191d;
  --crash-waiting-circle-radial-alpha-20: #18191d33;
  --crash-waiting-circle-radial-alpha-0: #18191d00;
  --dice-win-number-01: #8bc1ff;
  --dice-win-number-02: #3c96ff;
  --dice-win-indicator: #2f8fff;
  --dice-win-indicator-alpha-0: #2f8fff00;
  --dice-win-cub: #499dff;
  --dice-win-bg-shadow: #2f8fff38;
  --dice-lose-number-01: #fe8878;
  --dice-lose-number-02: #ff4026;
  --dice-lose-indicator: #ec4007;
  --dice-lose-indicator-alpha-0: #ec400700;
  --dice-lose-cub: #ec4007;
  --dice-lose-bg-shadow: #ec400738;
  --dice-default-number-01: #ffffff;
  --dice-default-number-02: #b7c3db;
  --dice-default-cub: #f0f2f5;
  --dice-default-indicator: #f0f2f5;
  --dice-default-indicator-alpha-0: #f0f2f500;
  --dice-default-bg-shadow: #f0f2f538;
  --dice-border-number: #ffffff4c;
  --dice-border-number-alpha-0: #ffffff00;
  --dice-win-zone: #1782ff;
  --dice-lose-zone: #f63d00;
  --keno-default: #2e3035;
  --keno-default-border: #5155597f;
  --keno-default-border-alpha-0: #51555900;
  --keno-default-content: #f0f2f5cc;
  --keno-selected: #43464d;
  --keno-selected-border: #89909f;
  --keno-selected-content: #f0f2f5;
  --keno-win-01: #2f8eff;
  --keno-win-02: #0075ff;
  --keno-win-content: #f0f2f5;
  --keno-lose-border: #2e3035;
  --keno-lose-content: #727783;
  --keno-info-tag-01: #0075ff;
  --keno-info-tag-02: #0075ff;
  --keno-info-tag-content: #f0f2f5;
  --mines-info-tag-01: #0075ff;
  --mines-info-tag-02: #0075ff;
  --mines-info-tag-content: #f0f2f5;
  --mines-default: #2e3035;
  --mines-default-border: #5155592d;
  --mines-default-border-alpha-0: #51555900;
  --mines-crystal-bg: #0404050f;
  --mines-crystal-fg: #0075ff;
  --mines-crystal-radial-01: #006eec99;
  --mines-crystal-radial-02: #006eec42;
  --mines-crystal-radial-03: #006eec0a;
  --mines-bomb-bg: #f63d0014;
  --mines-bombl-fg: #f63d00;
  --mines-bomb-radial-01: #f63d0047;
  --mines-bomb-radial-02: #f63d0014;
  --mines-bomb-radial-03: #04040500;
  --mines-star-linear-01: #4d9fff;
  --mines-star-linear-02: #006eec;
  --mines-bomb-linear-01: #ff6645;
  --mines-bomb-linear-02: #f13e48;
  --mines-star-particles: #4d9fff;
  --mines-bomb-particles: #f13e48;
  --mines-bomb-particles-base: #fa666f;
  --mines-card: rgba(36, 36, 40, 0.5);
  --mines-card-alpha-0: rgba(36, 36, 40, 0);
  --double-brand-01: #2f8eff;
  --double-brand-02: #0075ff;
  --double-brand-border: #2f8fff;
  --double-brand-circle-01: #0063d7;
  --double-brand-circle-02: #0570ee;
  --double-brand-circle-border-01: #0067e0;
  --double-brand-circle-border-02: #298bff;
  --double-brand-fg: #0062d3;
  --double-red-01: #ff5841;
  --double-red-02: #ff4026;
  --double-red-border: #ff8373;
  --double-red-circle-01: #cc2c18;
  --double-red-circle-02: #e13b26;
  --double-red-circle-border-01: #e2321a;
  --double-red-circle-border-02: #ff6651;
  --double-red-fg: #c42c17;
  --double-dark-01: #00b24b;
  --double-dark-02: #029741;
  --double-dark-border: #01a345;
  --double-dark-circle-01: #008237;
  --double-dark-circle-02: #01bb4f;
  --double-dark-circle-border-01: #00933e;
  --double-dark-circle-border-02: #02c152;
  --double-dark-fg: #018137;
  --double-base: #121213;
  --double-base-border: #dde3f214;
  --double-base-alpha-0: #12121300;
  --double-arrow: #ebeef6;
  --double-arrow-alpha-0: #bcc3d500;
  --double-lines-alpha-20: rgba(165, 228, 58, 0.2);
  --double-lines-alpha-60: rgba(165, 228, 58, 0.6);
  --plinko-01: #0052b3;
  --plinko-01-ghost: #0052b300;
  --plinko-02: #0458bc;
  --plinko-03: #075fc6;
  --plinko-04: #0c66d0;
  --plinko-05: #106cd9;
  --plinko-06: #1574e3;
  --plinko-07: #1a7bec;
  --plinko-08: #2082f6;
  --plinko-09: #268aff;
  --plinko-09-ghost: #268aff00;
  --plinko-ball-brand-01: #62aaff;
  --plinko-ball-brand-02: #127fff;
  --plinko-dots: #5f5f6c;
  --plinko-dots-shadow: #15151be5;
  --plinko-dots-active: #ebf0ff;
  --plinko-dots-active-shadow-01: #ffffff0c;
  --plinko-dots-active-shadow-02: #ffffff19;
  --plinko-bg: #1d1d1eb2;
  --plinko-fg-content: #f0f2f5;
  --plinko-bg-shadow-01: #b8c2dd11;
  --plinko-bg-shadow-02: #b8c2dd51;
  --plinko-particles: #62aaff;
  --plinko-particles-shadow: #127fffb2;
  --plinko-notification-gold-alpha-50: #ffa6007f;
  --plinko-notification-fill: #f1813e0c;
  --plinko-notification-gold-border: #fdd33e;
  --plinko-notification-gold-content: #fdd33e;
  --plinko-glow-gold-02: #f15c3e;
  --plinko-platform-glow: #94c5ffb2;
  --hilo-game-field-button: #38393d;
  --hilo-win-glow: #f4f48a;

  --banner-brand-01: #0d4788;
  --banner-brand-02: #002a5a;
  --penalty-vs-color: #aede23;
  --penalty-banner-border: #2068a5;

  --blackjack-push-content: #0D4788FF;
  --blackjack-push-text: #4DBEFF4C;
}

:root {

  /* =========================
     BASE BACKGROUND
  ========================== */

  --background-page: #0A1333;
  --background-page-overlay: #0b1438cc;
  --background-page-overlay-alpha-0: #0b143800;

  --background-container-primary: #0F1E4A;
  --background-container-secondary: #0C173D;
  --background-container-elevated-primary: #132766;
  --background-container-elevated-secondary: #1A2F6F;
  --background-container-elevated-inverted: #f4f6fc;

  --background-field-primary: #3FA9FF14;
  --background-field-secondary: #3FA9FF1E;
  --background-field-inverted: #0F1E4Ae5;

  --background-overlay: #000000cc;

  --background-element-primary: #3FA9FF2b;
  --background-element-secondary: #3FA9FF51;
  --background-element-selection-primary: #1E6BFF;
  --background-element-selection-hover: #2C7BFF;

  --background-hover-01: #3FA9FF22;
  --background-hover-02: #3FA9FF33;


  /* =========================
     TEXT
  ========================== */

  --fg-content-primary: #E8EDF7;
  --fg-content-primary-alpha-50: #E8EDF77f;
  --fg-content-primary-alpha-30: #E8EDF74c;
  --fg-content-primary-alpha-12: #E8EDF71e;

  --fg-content-secondary: #9FB3D9;
  --fg-content-tertiary: #7F93C4;

  --fg-content-inverted: #f0f2f5;
  --fg-content-dark: #040405;

  --fg-content-brand: #3FA9FF;
  --fg-content-brand-alpha-60: #3FA9FF99;
  --fg-content-brand-alpha-15: #3FA9FF26;
  --fg-content-brand-ghost: #3FA9FF00;

  --fg-content-gray: #9FB3D9;

  --fg-content-green: #83d900;
  --fg-content-yellow: #ffcc26;
  --fg-content-red: #FF5A3C;

  --feedback-error: #FF5A3C;
  --feedback-warning: #ffcc26;
  --feedback-success: #83d900;
  --feedback-info: #3FA9FF;


  /* =========================
     BUTTONS
  ========================== */

  --button-primary-up: #1E6BFF;
  --button-primary-down: #1E6BFF;
  --button-primary-up-hover: #2C7BFF;
  --button-primary-down-hover: #2C7BFF;

  --button-accent-up: #1E6BFF;
  --button-accent-down: #1E6BFF;
  --button-accent-up-hover: #2C7BFF;
  --button-accent-down-hover: #2C7BFF;

  --button-secondary-up: #3FA9FF26;
  --button-secondary-down: #3FA9FF26;

  --button-negative-up: #FF5A3C;
  --button-negative-down: #FF5A3C;
  --button-negative-up-hover: #ff3b1f;
  --button-negative-down-hover: #ff3b1f;

  --shadow-btn-primary-hover: #2C7BFFb2;
  --shadow-btn-negative-hover: #FF5A3Cb2;

  --button-brand: #3FA9FF47;
  --button-brand-selected-up: #1E6BFF;
  --button-brand-selected-down: #1E6BFF;
  --button-brand-hover: #3FA9FF51;

  --button-red: #FF5A3C33;
  --button-red-selected-up: #FF5A3C;
  --button-red-selected-down: #FF5A3C;
  --button-red-hover: #FF5A3C4c;


  /* =========================
     BORDERS
  ========================== */

  --border-element-primary: #3FA9FF1A;
  --border-btn-affirmative-up: #1E6BFF66;
  --border-btn-affirmative-down: #1E6BFF19;
  --border-btn-accent: #1E6BFF;


  /* =========================
     MINES (ВАЖНО)
  ========================== */

  --mines-default: #132766;
  --mines-default-border: #3FA9FF2d;
  --mines-default-border-alpha-0: #3FA9FF00;

  --mines-card: rgba(19, 39, 102, 0.6);
  --mines-card-alpha-0: rgba(19, 39, 102, 0);

  /* STAR */

  --mines-crystal-bg: #0404050f;
  --mines-crystal-fg: #59B8FF;
  --mines-crystal-radial-01: #3FA9FF99;
  --mines-crystal-radial-02: #3FA9FF42;
  --mines-crystal-radial-03: #3FA9FF0a;

  --mines-star-linear-01: #59B8FF;
  --mines-star-linear-02: #1E6BFF;
  --mines-star-particles: #59B8FF;

  /* BOMB */

  --mines-bomb-bg: #FF5A3C14;
  --mines-bombl-fg: #FF5A3C;

  --mines-bomb-linear-01: #FF7A3C;
  --mines-bomb-linear-02: #F13E48;

  --mines-bomb-radial-01: #FF5A3C47;
  --mines-bomb-radial-02: #FF5A3C14;
  --mines-bomb-radial-03: #04040500;

  --mines-bomb-particles: #F13E48;
  --mines-bomb-particles-base: #fa666f;


  /* =========================
     DICE
  ========================== */

  --dice-win-number-01: #8bc1ff;
  --dice-win-number-02: #3FA9FF;
  --dice-win-indicator: #1E6BFF;
  --dice-win-bg-shadow: #3FA9FF38;

  --dice-lose-number-01: #fe8878;
  --dice-lose-number-02: #FF5A3C;
  --dice-lose-indicator: #ec4007;
  --dice-lose-bg-shadow: #FF5A3C38;


  /* =========================
     KENO
  ========================== */

  --keno-default: #132766;
  --keno-selected: #1A2F6F;
  --keno-win-01: #3FA9FF;
  --keno-win-02: #1E6BFF;
  --keno-info-tag-01: #1E6BFF;
  --keno-info-tag-02: #3FA9FF;


  /* =========================
     PLINKO
  ========================== */

  --plinko-01: #0F1E4A;
  --plinko-02: #132766;
  --plinko-03: #1A2F6F;
  --plinko-04: #1E6BFF;
  --plinko-05: #2C7BFF;
  --plinko-06: #3FA9FF;
  --plinko-07: #59B8FF;
  --plinko-08: #6FC6FF;
  --plinko-09: #86D4FF;

  --plinko-ball-brand-01: #59B8FF;
  --plinko-ball-brand-02: #1E6BFF;
  --plinko-dots: #2A3B6C;
  --plinko-bg: #0F1E4Ab2;

}


/* ROUNDING */
:root {
  /* Button */
  --button-rounding-button-s: 4px;
  --button-rounding-button-m: 8px;

  /* Tabs */
  --tabs-rounding-segment-tab: 8px;
  --tabs-rounding-segment-control: 12px;
  --tabs-rounding-chips-tab: 999px;

  /* Input */
  --input-rounding-input-s: 4px;
  --input-rounding-input-m: 8px;

  /* Basebadge */
  --basebadge-rounding-badge: 8px;

  /* Modal */
  --modal-rounding-modal: 12px;

  /* Notification */
  --notification-rounding-notification: 12px;

  /* Element */
  --element-rounding-element: 12px;
}

/* SIZE */
:root {
  /* Button */
  --button-size-button-xl: 48px;
  --button-size-button-l: 44px;
  --button-size-button-m: 36px;
  --button-size-button-s: 28px;
  --button-size-bet-button: 76px;

  /* Tabs */
  --tab-size-segment-tab-m: 36px;
  --tab-size-tag: 28px;
  --tab-size-segment-tab-s: 28px;

  /* Input */
  --input-size-input: 44px;

  /* Basebadge */
  --badge-size-badge: 36px;
}

/* OPACITY */
:root {
  --opacity-disabled: 30%;
  --opacity-active: 74%;
}

/* FONTS */

/* Display */
.display-text-s-bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.33px;
}

.display-text-s-semibold {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.33px;
}

.display-text-s-regular {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.33px;
}

.display-text-xs-bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.18px;
}

.display-text-xs-semibold {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.18px;
}

.display-text-xs-regular {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.18px;
}

/* Headline */

.h1-bold {
  font-size: 72px;
  font-weight: 700;
  line-height: 86px;
  letter-spacing: -1.25px;
}

.h2-bold {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.98px;
}

.h3-bold {
  font-size: 38px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -0.4px;
}

.h4-bold {
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.58px;
}

.h5-semibold-desktop {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.33px;
}

.h5-semibold-mobile {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.18px;
}

/* Body */
.body-regular {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.09px;
}

.body-medium {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.09px;
}

.body-semibold {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.09px;
}

/* Caption */

.caption-s-regular {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.009px;
}

.caption-s-medium {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.009px;
}

.caption-s-semibold {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.009px;
}

.caption-s-caps {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.009px;
}

.caption-xs-regular {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.1px;
}

.caption-xs-semibold {
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.1px;
}

.color-fg-content-primary {
  color: var(--fg-content-primary);
}

.color-fg-content-primary-alpha-50 {
  color: var(--fg-content-primary-alpha-50);
}

.color-fg-content-primary-alpha-30 {
  color: var(--fg-content-primary-alpha-30);
}

.color-fg-content-primary-alpha-12 {
  color: var(--fg-content-primary-alpha-12);
}

.color-fg-content-secondary {
  color: var(--fg-content-secondary);
}

.color-fg-content-tertiary {
  color: var(--fg-content-tertiary);
}

.color-fg-content-inverted {
  color: var(--fg-content-inverted);
}

.color-fg-content-gray {
  color: var(--fg-content-gray);
}

.color-fg-content-green {
  color: var(--fg-content-green);
}

.color-fg-content-green-alpha-50 {
  color: var(--fg-content-green-alpha-50);
}

.color-fg-content-yellow {
  color: var(--fg-content-yellow);
}

.color-fg-content-freeBet {
  color: var(--crash-content-coeff-freebet);
}

.color-fg-content-red {
  color: var(--fg-content-red);
}

.color-fg-content-dark {
  color: var(--fg-content-dark);
}

.color-fg-content-brand {
  color: var(--fg-content-brand);
}

.color-fg-content-brand-alpha-60 {
  color: var(--fg-content-brand-alpha-60);
}

.color-fg-content-secondary-text {
  color: var(--fg-fg-content-btn-secondary-text);
}

.color-fg-content-secondary-amount-01 {
  color: var(--fg-content-btn-secondary-amount-01);
}

.color-fg-content-secondary-amount-02 {
  color: var(--fg-content-btn-secondary-amount-02);
}
#loader {
    width: 100vw;
    height: 100vh;
    background: var(--brand-gradient);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

@supports (height: 100dvh) {
    #loader {
        height: 100dvh;
    }
}

.star {
    width: 4px;
    height: 4px;
    background-color: #fefeff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fefeffa3;
    position: absolute;
}

#star-1 {
    top: 30%;
    left: 5%;
    opacity: 0.5;
}

#star-2 {
    top: 20%;
    left: 20%;
    opacity: 0.9;
}

#star-3 {
    top: 12%;
    right: 40%;
    opacity: 0.8;
}

#star-4 {
    top: 38%;
    right: 6%;
    opacity: 0.6;
}

#star-5 {
    bottom: 35%;
    left: 12%;
    opacity: 0.7;
}

#star-6 {
    bottom: 20%;
    left: 28%;
    opacity: 0.2;
}

#star-7 {
    bottom: 17%;
    right: 23%;
    opacity: 0.5;
}

#star-8 {
    top: 30%;
    right: 38%;
    opacity: 0.8;
}

#star-9 {
    top: 25%;
    right: 52%;
    opacity: 0.9;
}

#star-10 {
    top: 48%;
    right: 56%;
    opacity: 0.9;
}

#star-11 {
    bottom: 23%;
    right: 4%;
    opacity: 0.5;
}

#bg-up {
    position: absolute;
    z-index: 2;
    width: 90%;
    left: 0;
    top: 0;
    display: none;
}

@media screen and (max-width: 744px) {
    #bg-up {
        width: 200%;
        left: -50%;
    }
}

#bg-down {
    position: absolute;
    z-index: 2;
    width: 120%;
    left: -8%;
    bottom: 0;
    display: none;
}

@media screen and (max-width: 744px) {
    #bg-down {
        width: 226%;
        left: -81%;
    }
}

@media screen and (max-width: 549px) {
    #bg-down {
        left: -165%;
        width: 390%;
    }
}

#game-logo {
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: auto;
}

#wave {
    position: absolute;
    left: 0;
    top: 90%;
    width: 100%;
    max-height: 95vh;
    z-index: 1;
    transform: translateY(-90%);
}

@media screen and (max-width: 744px) {
    #wave {
        width: 150%;
        top: 90%;
        left: -25%;
        max-height: 75vh;
        transform: translateY(-90%);
    }
}

@media screen and (max-width: 549px) {
    #wave {
        width: 150%;
        top: 80%;
        left: -25%;
        max-height: 75vh;
        transform: translateY(-100%);
    }
}

#main-game-image-wrap {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

#main-game-image-wrap::before {
    content: '';
    position: absolute;
    width: 100%;
    top: -10%;
    max-width: 415px;
    z-index: 2;
    background: radial-gradient(
    ellipse at center,
    var(--spotlight-color, #ffffff00) 20%,
    transparent 70%
  );
    height: 120%;
    border-radius: 100%;
}

#main-image {
    width: 463px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 744px) {
    #main-image {
        width: 295px;
    }
}

#mines-text {
    width: 310px;
    margin-top: 40px;
    max-height: 10vh;
    margin-bottom: 20px;
}

@media screen and (max-width: 744px) {
    #mines-text {
        width: 226px;
    }
}

#loader-content {
    text-align: center;
    margin-top: auto;
    margin-bottom: 40px;
    z-index: 2;
}

#logo {
    text-align: center;
    margin-bottom: 16px;
}

@media screen and (max-width: 744px) {
    #logo {
        margin-bottom: 20px;
    }
}

#logo img {
    height: var(--logo-height);
    width: var(--logo-width);
}

@media screen and (max-width: 744px) {
    #logo img {
        height: var(--logo-height-mobile);
        width: var(--logo-width-mobile);
    }
}

#progress {
    width: 330px;
    height: 8px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 2px;
    position: relative;
    background-color: #fff;
}

@media screen and (max-width: 744px) {
    #progress {
        width: 246px;
    }
}

#bar {
    position: absolute;
    border-radius: 10px;
    width: 98%;
    right: 2px;
    height: 4px;
    background-color: var(--progress-color);
}

#percent {
    margin-top: 13px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.09px;
    color: var(--fg-content-primary, #fff);
}

@media screen and (max-width: 744px) {
    #percent {
        margin-top: 9px;
        line-height: 20px;
        font-size: 14px;
    }
}

#root {
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

@supports (height: 100dvh) {
    #root {
        height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@font-face {
  font-family: Inter;
  src: url('./bd097ceff83f90802a12-6EfshmZx.woff2')
    format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url('./ab564c2dbbe039da8cb5-DDVQvQf0.woff2')
    format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url('./c08e610806161507e8e3-CQHYVgG_.woff2')
    format("woff2");
  font-weight: 700;
  font-style: normal;
}

@supports (height: 100dvh) {
  #root {
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
:root {
  --controls-width: 400px;
  --footer-height: minmax(280px, 1fr);
  --main-height: minmax(200px, auto);
  --header-height: 76px;
  --header-z-index: 10000;
  --logo-block-height: 44px;
}
.appShell-wt1hjHIqVX {
  position: relative;
  margin: 0 auto;
  max-width: 1680px;
  height: 100vh;
  width: 100vw;
  display: grid;
  place-content: center;
  grid-template-areas: "header header header" "controls main chat" "controls aside chat";
  grid-template-columns: var(--controls-width) 1fr 0;
  grid-template-rows: var(--header-height) var(--main-height) var(
      --footer-height
    );
  grid-column-gap: 0;
  grid-row-gap: 0;
}
.header-HZQunze8fS {
  position: relative;
  grid-area: header;
}
.controls-AoQd0h5Xxt {
  position: relative;
  grid-area: controls;
  padding: 0 20px 20px 20px;
}
.main-O_0FSncXNk {
  position: relative;
  grid-area: main;
  margin: 20px 20px 0 0;
  overflow: hidden;
}
.aside-jGy4_1aXjD {
  position: relative;
  grid-area: aside;
  padding: 20px 20px 20px 0;
}
.chatWrapper-LzKPbymHmS {
  position: relative;
  grid-area: chat;
  width: 0;
  height: 100%;
  z-index: 3;
}
.chat-NIRmJwHIcy {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 20px;
  width: 283px;
}
@media screen and (min-width: 1366px) {
  .appShell-wt1hjHIqVX.withChat-q0ben8LMKz {
    grid-template-columns: var(--controls-width) 1fr var(--controls-width);
  }
  .chatWrapper-LzKPbymHmS {
    width: 100%;
    padding: 0 20px 20px 0;
  }
  .chat-NIRmJwHIcy {
    position: static;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1054px) {
  .appShell-wt1hjHIqVX {
    height: auto;
    grid-template-areas: "header" "main" "controls" "aside" "footer";
    grid-template-columns: 100% 0;
    grid-template-rows: var(--header-height) var(--main-height) auto auto;
  }
  .header-HZQunze8fS {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 200;
  }
  .controls-AoQd0h5Xxt {
    padding: 28px 20px 0 20px;
  }
  .main-O_0FSncXNk {
    margin: 28px 20px 0 20px;
  }
  .aside-jGy4_1aXjD {
    padding: 4px 20px 0 20px;
  }
  .chatWrapper-LzKPbymHmS {
    display: none;
  }
}
@media screen and (max-width: 744px) {
  :root {
    --header-height: 80px;
  }
  .controls-AoQd0h5Xxt {
    padding: 12px 4px 0 4px;
  }
  .main-O_0FSncXNk {
    margin: 0 4px;
  }
  .aside-jGy4_1aXjD {
    padding: 4px 4px 0 4px;
  }
}

.iconBox-tRPGOoNgBc {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  width: var(--icon-box-size, 24px);
  height: var(--icon-box-size, 24px);
  padding: var(--icon-box-padding, 0px);
  color: var(--icon-box-color, "#fff");
}
.iconBox-tRPGOoNgBc img,
.iconBox-tRPGOoNgBc svg {
  width: 100%;
  height: 100%;
  color: var(--icon-box-color, "#fff");
}
.xs-h4lJFN5EXK {
  width: 12px;
  height: 12px;
}
.sm-ZuvHTjYg91 {
  width: 16px;
  height: 16px;
}
.md-e0BVWiKWXa {
  width: 24px;
  height: 24px;
}
.lg-qlmvp5pjhh {
  width: 32px;
  height: 32px;
}
.xl-wpKxFmoC8k {
  width: 36px;
  height: 36px;
}

.arrowIcon-iei3aeree_ {
  transition: all 0.3s;
}
.arrowIcon-iei3aeree_.opened-ifQmPJRGnZ {
  transform: rotate(180deg);
}


.badge-eGVuhLWvEK {
  background-color: var(--background-field-primary);
  height: var(--badge-size-badge);
  border-radius: var(--basebadge-rounding-badge);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 8px;
}
.badge-eGVuhLWvEK .children-xGnjsSPTvF {
  color: var(--fg-content-secondary);
}
.badge-eGVuhLWvEK .children-xGnjsSPTvF.primary-tqH3HNVu9z {
  color: var(--fg-content-primary);
}
.badge-eGVuhLWvEK .children-xGnjsSPTvF.secondary-z7SVx7xCMX {
  color: var(--fg-content-secondary);
}
.badge-eGVuhLWvEK .additional-_X7qlJQJc4 {
  color: var(--fg-content-primary);
}
.badge-eGVuhLWvEK .additional-_X7qlJQJc4.primary-tqH3HNVu9z {
  color: var(--fg-content-primary);
}
.badge-eGVuhLWvEK .additional-_X7qlJQJc4.secondary-z7SVx7xCMX {
  color: var(--fg-content-secondary);
}
.badge-eGVuhLWvEK.withBorder-bWBLMjtmCC {
  border: 1px solid var(--feedback-success);
}

.spinner-U79G6uaerN {
  width: var(--spinner-size, var(--spinner-size-m));
  aspect-ratio: 1/1;
  border: 2px solid var(--spinner-color, #fff);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation-aQwmRNlWhn 1s linear infinite;
  flex-shrink: 0;
}
@keyframes rotation-aQwmRNlWhn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sm-_yqWcd7nsu {
  width: var(--spinner-size-s, 16px);
}
.md-oRMWib3fTM {
  width: var(--spinner-size-m, 24px);
}
.lg-sUpYOKCzki {
  width: var(--spinner-size-l, 32px);
}

.betButton-pjFE2akfBo {
  display: flex;
  width: 100%;
  height: var(--button-size-bet-button);
  max-height: var(--button-size-bet-button);
  min-height: var(--button-size-bet-button);
  padding: 20px var(--button-rounding-button-s);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  cursor: pointer;
  outline: none;
  border-width: 0;
  border-radius: var(--button-rounding-button-m);
}
.primary-k51TdW_XSw {
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: var(--btn-primary-shadow, 0px 4px 4px 0px rgba(0, 0, 0, 0.25));
}
.primary-k51TdW_XSw:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary-k51TdW_XSw:hover:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-primary-up-hover) 1.51%,
      var(--button-primary-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--shadow-btn-primary-hover);
  }
  .primary-k51TdW_XSw:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary-k51TdW_XSw:active:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-primary-up-hover) 1.51%,
      var(--button-primary-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--shadow-btn-primary-hover);
  }
  .primary-k51TdW_XSw:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary-k51TdW_XSw:active:not(
    .primary-k51TdW_XSw.disabled,
    .primary-k51TdW_XSw.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
}
.primary-k51TdW_XSw.loading {
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
}
.primary-k51TdW_XSw.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
}
.primary-k51TdW_XSw .spinner-vxoFrddJs2 {
  --spinner-color: black;
}
.primary2-jEu4clRL3J {
  background: var(--button-secondary-bet);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: var(--btn-primary-shadow, 0px 4px 4px 0px rgba(0, 0, 0, 0.25));
}
.primary2-jEu4clRL3J:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary2-jEu4clRL3J:hover:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-secondary-bet);
  }
  .primary2-jEu4clRL3J:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary2-jEu4clRL3J:active:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-secondary-bet);
  }
  .primary2-jEu4clRL3J:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary2-jEu4clRL3J:active:not(
    .primary2-jEu4clRL3J.disabled,
    .primary2-jEu4clRL3J.loading
  ) {
  opacity: var(--opacity-active);
  background: var(--button-secondary-bet);
}
.primary2-jEu4clRL3J.loading {
  background: var(--button-secondary-bet);
}
.primary2-jEu4clRL3J.disabled {
  opacity: var(--opacity-disabled);
  background: var(--button-secondary-bet);
}
.primary2-jEu4clRL3J .spinner-vxoFrddJs2 {
  --spinner-color: black;
}
.primary3-hdAO_b6leu {
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: 0px 4px 4px 0px var(--shadow-btn-shadow);
}
.primary3-hdAO_b6leu:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      180deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.19) 100%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary3-hdAO_b6leu:hover:not(:disabled) {
    background: linear-gradient(98.37deg, #bfe1f2 31.07%, #3780a0 164.57%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(139, 177, 195, 0.6980392157);
  }
  .primary3-hdAO_b6leu:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary3-hdAO_b6leu:active:not(:disabled) {
    background: linear-gradient(98.37deg, #bfe1f2 31.07%, #3780a0 164.57%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(139, 177, 195, 0.6980392157);
  }
  .primary3-hdAO_b6leu:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary3-hdAO_b6leu:active:not(
    .primary3-hdAO_b6leu.disabled,
    .primary3-hdAO_b6leu.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
}
.primary3-hdAO_b6leu.loading {
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
}
.primary3-hdAO_b6leu.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
}
.primary3-hdAO_b6leu .spinner-vxoFrddJs2 {
  --spinner-color: black;
}
.primary4-KlxJD2p1mo {
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.primary4-KlxJD2p1mo:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.114) 100%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary4-KlxJD2p1mo:hover:not(:disabled) {
    background: linear-gradient(102.61deg, #ffe87e 20.78%, #fa9f06 96.35%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(251, 178, 38, 0.6980392157);
  }
  .primary4-KlxJD2p1mo:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary4-KlxJD2p1mo:active:not(:disabled) {
    background: linear-gradient(102.61deg, #ffe87e 20.78%, #fa9f06 96.35%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(251, 178, 38, 0.6980392157);
  }
  .primary4-KlxJD2p1mo:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary4-KlxJD2p1mo:active:not(
    .primary4-KlxJD2p1mo.disabled,
    .primary4-KlxJD2p1mo.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
}
.primary4-KlxJD2p1mo.loading {
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
}
.primary4-KlxJD2p1mo.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
}
.primary4-KlxJD2p1mo .spinner-vxoFrddJs2 {
  --spinner-color: black;
}
.secondary-aK5bzzK969 {
  background: linear-gradient(
      118deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    ),
    var(--background-field-primary);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
}
.secondary-aK5bzzK969:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      117.66deg,
      var(--border-btn-secondary-up) 1.51%,
      var(--border-btn-secondary-down) 67.19%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .secondary-aK5bzzK969:hover:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
  }
  .secondary-aK5bzzK969:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(
        117.66deg,
        var(--border-btn-secondary-up-hover) 1.51%,
        var(--border-btn-secondary-down-hover) 67.19%
      )
      border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .secondary-aK5bzzK969:active:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
  }
  .secondary-aK5bzzK969:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(
        117.66deg,
        var(--border-btn-secondary-up-hover) 1.51%,
        var(--border-btn-secondary-down-hover) 67.19%
      )
      border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.secondary-aK5bzzK969:active:not(
    .secondary-aK5bzzK969.disabled,
    .secondary-aK5bzzK969.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(
      118deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    ),
    var(--background-field-primary);
}
.secondary-aK5bzzK969.loading {
  background: linear-gradient(
      118deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    ),
    var(--background-field-primary);
}
.secondary-aK5bzzK969.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(
      118deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    ),
    var(--background-field-primary);
}
.negative-KHqZ_z1Fy8 {
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.negative-KHqZ_z1Fy8:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .negative-KHqZ_z1Fy8:hover:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-negative-up-hover) 1.51%,
      var(--button-negative-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-negative-down-hover);
  }
  .negative-KHqZ_z1Fy8:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .negative-KHqZ_z1Fy8:active:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-negative-up-hover) 1.51%,
      var(--button-negative-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-negative-down-hover);
  }
  .negative-KHqZ_z1Fy8:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.negative-KHqZ_z1Fy8:active:not(
    .negative-KHqZ_z1Fy8.disabled,
    .negative-KHqZ_z1Fy8.loading
  ) {
  opacity: var(--opacity-active);
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
}
.negative-KHqZ_z1Fy8.loading {
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
}
.negative-KHqZ_z1Fy8.disabled {
  opacity: var(--opacity-disabled);
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
}

.betSettingButton-IZ2QDSY0HW {
  display: inline-flex;
  height: var(--button-size-button-m);
  padding: var(--button-rounding-button-m) 16px;
  justify-content: center;
  align-items: center;
  gap: var(--button-rounding-button-m);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
}
.betSettingButton-IZ2QDSY0HW:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: var(--border-element-primary) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
.neutral-GzHi0lf5oV {
  background: var(--background-element-primary);
}
.neutral-GzHi0lf5oV.selected {
  background: var(--background-element-secondary);
}
.neutral-GzHi0lf5oV:hover {
  background: var(--background-hover-01);
}
.neutral-GzHi0lf5oV:active:not(
    .neutral-GzHi0lf5oV.disabled,
    .neutral-GzHi0lf5oV.loading
  ) {
  opacity: var(--opacity-active);
  background: var(--background-element-primary);
}
.neutral-GzHi0lf5oV.loading {
  background: var(--background-element-primary);
}
.neutral-GzHi0lf5oV.disabled {
  opacity: var(--opacity-disabled);
  background: var(--background-element-primary);
}
.neutral-GzHi0lf5oV.noBorder {
  border: none;
}
.green-jn29Jzo7pE {
  background: var(--button-brand);
}
.green-jn29Jzo7pE.selected {
  background: linear-gradient(
    118deg,
    var(--button-brand-selected-up) 1.51%,
    var(--button-brand-selected-down) 67.19%
  );
}
.green-jn29Jzo7pE:hover {
  background: var(--button-brand-hover);
}
.green-jn29Jzo7pE:active:not(
    .green-jn29Jzo7pE.disabled,
    .green-jn29Jzo7pE.loading
  ) {
  opacity: var(--opacity-active);
  background: var(--button-brand);
}
.green-jn29Jzo7pE.loading {
  background: var(--button-brand);
}
.green-jn29Jzo7pE.disabled {
  opacity: var(--opacity-disabled);
  background: var(--button-brand);
}
.green-jn29Jzo7pE.noBorder {
  border: none;
}
.black-KTOGBS4lZ6 {
  background: var(--button-black);
}
.black-KTOGBS4lZ6.selected {
  background: linear-gradient(
    118deg,
    var(--button-black-selected-up) 1.51%,
    var(--button-black-selected-down) 67.19%
  );
}
.black-KTOGBS4lZ6:hover {
  background: var(--button-black-hover);
}
.black-KTOGBS4lZ6:active:not(
    .black-KTOGBS4lZ6.disabled,
    .black-KTOGBS4lZ6.loading
  ) {
  opacity: var(--opacity-active);
  background: var(--button-black);
}
.black-KTOGBS4lZ6.loading {
  background: var(--button-black);
}
.black-KTOGBS4lZ6.disabled {
  opacity: var(--opacity-disabled);
  background: var(--button-black);
}
.black-KTOGBS4lZ6.noBorder {
  border: none;
}
.red-NVNu5uJZxH {
  background: var(--button-red);
}
.red-NVNu5uJZxH.selected {
  background: linear-gradient(
    118deg,
    var(--button-red-selected-up) 1.51%,
    var(--button-red-selected-down) 67.19%
  );
}
.red-NVNu5uJZxH:hover {
  background: var(--button-red-hover);
}
.red-NVNu5uJZxH:active:not(.red-NVNu5uJZxH.disabled, .red-NVNu5uJZxH.loading) {
  opacity: var(--opacity-active);
  background: var(--button-red);
}
.red-NVNu5uJZxH.loading {
  background: var(--button-red);
}
.red-NVNu5uJZxH.disabled {
  opacity: var(--opacity-disabled);
  background: var(--button-red);
}
.red-NVNu5uJZxH.noBorder {
  border: none;
}
.button-ZNUvchH74n {
  display: inline-flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-width: 0;
  cursor: pointer;
  height: var(--button-size-button, var(--button-size-button-m));
}
.button-ZNUvchH74n.disabled {
  opacity: var(--opacity-disabled);
}
.button-ZNUvchH74n:active:hover:not(
    .button-ZNUvchH74n.disabled,
    .button-ZNUvchH74n.loading
  ) {
  opacity: var(--opacity-active);
}
.button-ZNUvchH74n:active:hover:not(
    .button-ZNUvchH74n.disabled,
    .button-ZNUvchH74n.loading
  ).additional-Q9fE9O7SsH {
  opacity: var(--opacity-active);
  background: rgba(0, 0, 0, 0);
}
.accent-dr85h5viOT {
  border: 1px solid var(--border-btn-accent);
  background: linear-gradient(
    118deg,
    var(--button-accent-up) 1.51%,
    var(--button-accent-down) 67.19%
  );
}
.accent-dr85h5viOT:hover {
  background: linear-gradient(
    118deg,
    var(--button-accent-up-hover) 1.51%,
    var(--button-accent-down-hover) 67.19%
  );
}
.neutral-Sz7HHbtd8l {
  border: 1px solid var(--border-element-primary);
  background: var(--background-element-primary);
}
.neutral-Sz7HHbtd8l:hover {
  background: var(--background-hover-01);
}
.affirmative-h8Yj0H3Xr1 {
  position: relative;
  border: none;
  border-radius: "0px";
  background: linear-gradient(
      118deg,
      var(--button-affirmative-up) 1.51%,
      var(--button-affirmative-down) 67.19%
    ),
    var(--background-field-primary);
}
.affirmative-h8Yj0H3Xr1:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: "0px";
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      117.66deg,
      var(--border-btn-secondary-up) 1.51%,
      var(--border-btn-secondary-down) 67.19%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
.affirmative-h8Yj0H3Xr1:hover {
  position: relative;
  border: none;
  border-radius: "0px";
}
.affirmative-h8Yj0H3Xr1:hover:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: "0px";
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      117.66deg,
      var(--border-btn-secondary-up-hover) 1.51%,
      var(--border-btn-secondary-down-hover) 67.19% 12px
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
.additional-Q9fE9O7SsH {
  background: rgba(0, 0, 0, 0);
  border: none;
}
.additional-Q9fE9O7SsH:hover {
  background: var(--background-hover-01);
}
.sm-tVsEBJ8UcP {
  height: var(--button-size-button-s);
}
.md-N_D1meHxdn {
  height: var(--button-size-button-m);
}
.lg-ukSvFIcKd7 {
  height: var(--button-size-button-l);
}
.xl-DmtlreILM6 {
  height: var(--button-size-button-xl);
}
.roundingBase-jm05bYX22A {
  gap: var(--button-rounding-button-base, 0px);
  border-radius: var(--button-rounding-button-base, 0px);
}
.roundingSm-HnEBSR8Wr5 {
  gap: var(--button-rounding-button-s);
  border-radius: var(--button-rounding-button-s);
}
.roundingSm-HnEBSR8Wr5::before {
  border-radius: var(--button-rounding-button-s);
}
.roundingMd-jV3tFtjuEH {
  gap: var(--button-rounding-button-m);
  border-radius: var(--button-rounding-button-m);
}
.roundingMd-jV3tFtjuEH::before {
  border-radius: var(--button-rounding-button-m);
}
.instant-wn5RbFRCH_ {
  --toastify-toast-width: 424px;
  --toastify-color-light: transparent;
  --toastify-color-progress-light: transparent;
  --toastify-toast-top: 44px;
  --toastify-color-progress-bgo: 0;
}
@media screen and (max-width: 420px) {
  .instant-wn5RbFRCH_ {
    --toastify-toast-width: 394px;
  }
}
.instant-wn5RbFRCH_.container-xtXygDB_Oz {
  position: absolute;
  padding: 0;
  max-width: var(--toastify-toast-width);
}
@media screen and (max-width: 1054px) {
  .instant-wn5RbFRCH_.container-xtXygDB_Oz {
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 744px) {
  .instant-wn5RbFRCH_.container-xtXygDB_Oz {
    top: 40px;
  }
}
.instant-wn5RbFRCH_.container-xtXygDB_Oz.modalView-hR3CmdTqkj {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 744px) {
  .instant-wn5RbFRCH_.container-xtXygDB_Oz.modalView-hR3CmdTqkj {
    top: 40px;
  }
}
.instant-wn5RbFRCH_.toast-R_JkR1Rob2 {
  --toastify-font-family: "Inter";
  position: absolute;
  width: 100%;
  top: 0;
  box-shadow: none;
  padding: 0 30px 30px;
  display: grid;
  place-content: center;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  transition: transform 0.3s;
}
@media screen and (max-width: 420px) {
  .instant-wn5RbFRCH_.toast-R_JkR1Rob2 {
    padding: 0 15px 30px;
  }
}
.instant-wn5RbFRCH_.toast-R_JkR1Rob2:nth-last-child(n + 4) {
  width: 0 !important;
  height: 0;
  padding: 0;
}
.instant-wn5RbFRCH_.toast-R_JkR1Rob2:nth-last-child(1) {
  z-index: 3;
}
.instant-wn5RbFRCH_.toast-R_JkR1Rob2:nth-last-child(2) {
  transform: translate3d(0, 8px, 0) scale(0.97);
  opacity: 0.8;
  z-index: 2;
}
.instant-wn5RbFRCH_.toast-R_JkR1Rob2:nth-last-child(3) {
  transform: translate3d(0, 15px, 0) scale(0.93);
  opacity: 0.6;
  z-index: 1;
}
.instant-wn5RbFRCH_.body-lYxG8tmckf {
  padding: 0;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-top)
  );
  --toastify-toast-right: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-right)
  );
  --toastify-toast-left: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-left)
  );
  --toastify-toast-bottom: max(
    var(--toastify-toast-offset),
    env(safe-area-inset-bottom)
  );
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}
.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
  flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px)
      rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px)
      rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slide-Vg4zCgF1U0 {
  0% {
    transform: translateY(-140px);
    @media screen and (max-width: 1054px) {
      transform: translateY(-100px);
    }
  }
  100% {
    transform: translateY(0px);
  }
}
.slideTop-KVbzAOcLEA {
  animation: slide-Vg4zCgF1U0 0.3s ease-in-out both;
}
@keyframes fade-eHFETVX3xY {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut-xbtfMzeAxj {
  animation: fade-eHFETVX3xY 0.2s ease-in-out both;
}
.container-UJOIiJfd_b {
  position: fixed;
  --toastify-toast-width: auto;
  padding: 0 !important;
  --toastify-toast-top: 35px;
  --toastify-toast-left: 45px;
}
@media screen and (max-width: 744px) {
  .container-UJOIiJfd_b {
    width: auto !important;
    top: 35px !important;
    left: 36px !important;
  }
}
.toast-qhf2TFlsZc {
  --toastify-toast-min-height: auto;
  display: grid;
  place-content: center;
  box-shadow: none !important;
  padding: 0 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.body-oeJaRPm_51 {
  padding: 0 !important;
}
@keyframes slideInUp {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20%);
  }
}
.slideInUp {
  animation-name: slideInUp;
  animation-duration: 100ms;
}
.slideOutDown {
  animation-name: slideOutDown;
  animation-duration: 300ms;
}
.wrapper-_mTMKf4Nnk {
  display: flex;
  gap: 12px;
  padding: 12px;
  width: 100%;
  background: var(--background-container-elevated-primary);
  border: 1px solid var(--border-element-primary);
  border-radius: var(--notification-rounding-notification);
  z-index: -2;
}
.content-t6Gf9KwoA_ {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrapper-ZfS3wdKRy1 {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px;
  white-space: nowrap;
  border: 1px solid var(--border-element-primary);
  border-radius: var(--notification-rounding-notification);
  background: linear-gradient(
      96deg,
      var(--win-notification-brand-liner-02) 54.73%,
      var(--win-notification-brand-liner-01) 90.39%
    ),
    var(--background-container-elevated-primary);
  box-shadow: 0px 7px 24px 0px rgba(0, 0, 0, 0.84);
  will-change: transform;
}
.left-OFJRems974 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.amount-_moucYVPOL {
  white-space: nowrap;
  box-shadow: 0 4px 94px 0 rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(7px);
  padding: 6px 16px;
  background: radial-gradient(
      173.98% 87.78% at -8.89% 5.56%,
      var(--win-notification-white-liner-02) 0%,
      var(--win-notification-white-liner-03) 100%
    ),
    var(--win-notification-cashwin-base);
  position: relative;
  border: none;
  border-radius: 40px;
}
.amount-_moucYVPOL:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 40px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: radial-gradient(
      29.91% 100% at 0% 0%,
      var(--win-notification-white-liner-01) 0%,
      var(--win-notification-white-liner-03) 100%
    ),
    radial-gradient(
      29.91% 100% at 100% 100%,
      var(--win-notification-white-liner-01) 0%,
      var(--win-notification-white-liner-03) 100%
    );
  background-clip: border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: -1;
}
.amount-_moucYVPOL span {
  color: var(--fg-content-btn-secondary-amount-02);
}
.iconButton-ybqrVvdLgv {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  padding: var(--button-padding-button-base, var(--button-padding-button-m));
}
.iconButton-ybqrVvdLgv.disabled {
  opacity: var(--opacity-disabled, 0.3);
}
.iconButton-ybqrVvdLgv:active:hover:not(
    .iconButton-ybqrVvdLgv.disabled,
    .iconButton-ybqrVvdLgv.loading
  ) {
  opacity: var(--opacity-active, 0.74);
}
.iconButton-ybqrVvdLgv:active:hover:not(
    .iconButton-ybqrVvdLgv.disabled,
    .iconButton-ybqrVvdLgv.loading
  ).additional-lI26vzqRg9 {
  opacity: var(--opacity-active, 0.74);
  background: rgba(0, 0, 0, 0);
}
.iconButton-ybqrVvdLgv svg {
  width: 100%;
  height: 100%;
}
.accent-_vDmzpI63F {
  border: 1px solid var(--border-btn-accent);
  background: linear-gradient(
    118deg,
    var(--button-accent-up) 1.51%,
    var(--button-accent-down) 67.19%
  );
}
.neutral-N0yEicFj2H {
  border: 1px solid var(--border-element-primary);
  background: var(--background-element-primary);
}
.affirmative-alSl6hSeOB {
  position: relative;
  border: none;
  border-radius: "0px";
  background: linear-gradient(
      118deg,
      var(--button-affirmative-up) 1.51%,
      var(--button-affirmative-down) 67.19%
    ),
    var(--background-field-primary);
}
.affirmative-alSl6hSeOB:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: "0px";
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      117.66deg,
      var(--border-btn-secondary-up) 1.51%,
      var(--border-btn-secondary-down) 67.19%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
.affirmative-alSl6hSeOB:hover {
  position: relative;
  border: none;
  border-radius: "0px";
}
.affirmative-alSl6hSeOB:hover:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: "0px";
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      117.66deg,
      var(--border-btn-secondary-up-hover) 1.51%,
      var(--border-btn-secondary-down-hover) 67.19% 12px
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
.additional-lI26vzqRg9 {
  background: rgba(0, 0, 0, 0);
  border: none;
}
.additional-lI26vzqRg9:hover {
  background: var(--background-hover-01);
}
.sm-F4SUZ9uWn6 {
  width: var(--button-size-button-s);
  height: var(--button-size-button-s);
}
.md-BJFf08lYmC {
  width: var(--button-size-button-m);
  height: var(--button-size-button-m);
}
.lg-e3hsJ1ej6R {
  width: var(--button-size-button-l);
  height: var(--button-size-button-l);
}
.roundingBase-sudVrxORMJ {
  gap: var(--button-rounding-button-base, 0px);
  border-radius: var(--button-rounding-button-base, 0px);
}
.roundingSm-lXLqq1lOpz {
  gap: var(--button-rounding-button-s);
  border-radius: var(--button-rounding-button-s);
}
.roundingMd-Jby8Pg45_l {
  gap: var(--button-rounding-button-m);
  border-radius: var(--button-rounding-button-m);
}
.roundingMd-Jby8Pg45_l::before {
  border-radius: var(--button-rounding-button-m);
}
.paddingSm-MJHEYMsTLk {
  padding: var(--button-padding-button-s, 6px);
}
.paddingSm-MJHEYMsTLk::before {
  border-radius: var(--button-rounding-button-s);
}
.paddingMd-XndTEgtU4O {
  padding: var(--button-padding-button-m, 10px);
}
.paddingLg-vCH3vPv57D {
  padding: var(--button-padding-button-l, 14px);
}
.quickbetButton-sClnQFtnP8 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: var(--button-size-button, var(--button-size-button-m));
  padding: var(--button-rounding-button-s) 16px;
  gap: var(--button-rounding-button-m);
  border: var(--quickbet-border, none);
  border-radius: var(--button-rounding-button-s);
}
.quickbetButton-sClnQFtnP8:hover {
  background: var(--background-hover-01);
}
.sm-ACfGctwAEN {
  height: var(--button-size-button-s);
}
.md-ptknSHNJPS {
  height: var(--button-size-button-m);
}
.betButton-ypivj2cDmv {
  display: flex;
  width: 100%;
  height: var(--button-size-bet-button);
  max-height: var(--button-size-bet-button);
  min-height: var(--button-size-bet-button);
  padding: 20px var(--button-rounding-button-s);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  cursor: pointer;
  outline: none;
  border-width: 0;
  border-radius: var(--button-rounding-button-m);
}
.primary-JlLTqYPp9d {
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: var(--btn-primary-shadow, 0px 4px 4px 0px rgba(0, 0, 0, 0.25));
}
.primary-JlLTqYPp9d:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary-JlLTqYPp9d:hover:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-primary-up-hover) 1.51%,
      var(--button-primary-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--shadow-btn-primary-hover);
  }
  .primary-JlLTqYPp9d:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary-JlLTqYPp9d:active:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-primary-up-hover) 1.51%,
      var(--button-primary-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--shadow-btn-primary-hover);
  }
  .primary-JlLTqYPp9d:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary-JlLTqYPp9d:active:not(
    .primary-JlLTqYPp9d.disabled,
    .primary-JlLTqYPp9d.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
}
.primary-JlLTqYPp9d.loading {
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
}
.primary-JlLTqYPp9d.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(
    118deg,
    var(--button-primary-up) 1.51%,
    var(--button-primary-down) 67.19%
  );
}
.primary-JlLTqYPp9d .spinner-l7nwAl3_vp {
  --spinner-color: black;
}
.primary2-_THrdrxYBG {
  background: var(--button-secondary-bet);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: var(--btn-primary-shadow, 0px 4px 4px 0px rgba(0, 0, 0, 0.25));
}
.primary2-_THrdrxYBG:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary2-_THrdrxYBG:hover:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-secondary-bet);
  }
  .primary2-_THrdrxYBG:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary2-_THrdrxYBG:active:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-secondary-bet);
  }
  .primary2-_THrdrxYBG:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary2-_THrdrxYBG:active:not(
    .primary2-_THrdrxYBG.disabled,
    .primary2-_THrdrxYBG.loading
  ) {
  opacity: var(--opacity-active);
  background: var(--button-secondary-bet);
}
.primary2-_THrdrxYBG.loading {
  background: var(--button-secondary-bet);
}
.primary2-_THrdrxYBG.disabled {
  opacity: var(--opacity-disabled);
  background: var(--button-secondary-bet);
}
.primary2-_THrdrxYBG .spinner-l7nwAl3_vp {
  --spinner-color: black;
}
.primary3-IQyPB7kKYP {
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: 0px 4px 4px 0px var(--shadow-btn-shadow);
}
.primary3-IQyPB7kKYP:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      180deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.19) 100%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary3-IQyPB7kKYP:hover:not(:disabled) {
    background: linear-gradient(98.37deg, #bfe1f2 31.07%, #3780a0 164.57%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(139, 177, 195, 0.6980392157);
  }
  .primary3-IQyPB7kKYP:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary3-IQyPB7kKYP:active:not(:disabled) {
    background: linear-gradient(98.37deg, #bfe1f2 31.07%, #3780a0 164.57%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(139, 177, 195, 0.6980392157);
  }
  .primary3-IQyPB7kKYP:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary3-IQyPB7kKYP:active:not(
    .primary3-IQyPB7kKYP.disabled,
    .primary3-IQyPB7kKYP.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
}
.primary3-IQyPB7kKYP.loading {
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
}
.primary3-IQyPB7kKYP.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(98.37deg, #a9cfe2 31.07%, #375c6c 164.57%);
}
.primary3-IQyPB7kKYP .spinner-l7nwAl3_vp {
  --spinner-color: black;
}
.primary4-z23wA3Yupm {
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.primary4-z23wA3Yupm:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.114) 100%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .primary4-z23wA3Yupm:hover:not(:disabled) {
    background: linear-gradient(102.61deg, #ffe87e 20.78%, #fa9f06 96.35%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(251, 178, 38, 0.6980392157);
  }
  .primary4-z23wA3Yupm:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .primary4-z23wA3Yupm:active:not(:disabled) {
    background: linear-gradient(102.61deg, #ffe87e 20.78%, #fa9f06 96.35%);
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px rgba(251, 178, 38, 0.6980392157);
  }
  .primary4-z23wA3Yupm:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.primary4-z23wA3Yupm:active:not(
    .primary4-z23wA3Yupm.disabled,
    .primary4-z23wA3Yupm.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
}
.primary4-z23wA3Yupm.loading {
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
}
.primary4-z23wA3Yupm.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(102.27deg, #fade5f 22.08%, #d68702 90.14%);
}
.primary4-z23wA3Yupm .spinner-l7nwAl3_vp {
  --spinner-color: black;
}
.secondary-RS7FM5hv8z {
  background: linear-gradient(
      0deg,
      var(--background-field-primary, rgba(221, 227, 242, 0.05)),
      var(--background-field-primary, rgba(221, 227, 242, 0.05))
    ),
    linear-gradient(
      117.66deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    );
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: 0px 4px 4px 0px var(--shadow-btn-shadow);
}
.secondary-RS7FM5hv8z:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(
      117.66deg,
      var(--border-btn-secondary-up) 1.51%,
      var(--border-btn-secondary-down) 67.19%
    )
    border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .secondary-RS7FM5hv8z:hover:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 8px 20px 0px var(--shadow-btn-secondsry-hover);
  }
  .secondary-RS7FM5hv8z:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(
        117.66deg,
        var(--border-btn-secondary-up-hover) 1.51%,
        var(--border-btn-secondary-down-hover) 67.19%
      )
      border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .secondary-RS7FM5hv8z:active:not(:disabled) {
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 8px 20px 0px var(--shadow-btn-secondsry-hover);
  }
  .secondary-RS7FM5hv8z:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: linear-gradient(
        117.66deg,
        var(--border-btn-secondary-up-hover) 1.51%,
        var(--border-btn-secondary-down-hover) 67.19%
      )
      border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.secondary-RS7FM5hv8z:active:not(
    .secondary-RS7FM5hv8z.disabled,
    .secondary-RS7FM5hv8z.loading
  ) {
  opacity: var(--opacity-active);
  background: linear-gradient(
      0deg,
      var(--background-field-primary, rgba(221, 227, 242, 0.05)),
      var(--background-field-primary, rgba(221, 227, 242, 0.05))
    ),
    linear-gradient(
      117.66deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    );
}
.secondary-RS7FM5hv8z.loading {
  background: linear-gradient(
      0deg,
      var(--background-field-primary, rgba(221, 227, 242, 0.05)),
      var(--background-field-primary, rgba(221, 227, 242, 0.05))
    ),
    linear-gradient(
      117.66deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    );
}
.secondary-RS7FM5hv8z.disabled {
  opacity: var(--opacity-disabled);
  background: linear-gradient(
      0deg,
      var(--background-field-primary, rgba(221, 227, 242, 0.05)),
      var(--background-field-primary, rgba(221, 227, 242, 0.05))
    ),
    linear-gradient(
      117.66deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    );
}
.negative-RM3v8jRK5o {
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
  position: relative;
  border: none;
  border-radius: var(--button-rounding-button-m);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.negative-RM3v8jRK5o:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-rounding-button-m);
  border: 1px solid rgba(0, 0, 0, 0);
  background: border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 0;
}
@media (hover: hover) {
  .negative-RM3v8jRK5o:hover:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-negative-up-hover) 1.51%,
      var(--button-negative-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-negative-down-hover);
  }
  .negative-RM3v8jRK5o:hover:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
@media (hover: none) {
  .negative-RM3v8jRK5o:active:not(:disabled) {
    background: linear-gradient(
      118deg,
      var(--button-negative-up-hover) 1.51%,
      var(--button-negative-down-hover) 67.19%
    );
    position: relative;
    border: none;
    border-radius: var(--button-rounding-button-m);
    box-shadow: 0px 4px 16px 0px var(--button-negative-down-hover);
  }
  .negative-RM3v8jRK5o:active:not(:disabled):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--button-rounding-button-m);
    border: 1px solid rgba(0, 0, 0, 0);
    background: border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: 0;
  }
}
.negative-RM3v8jRK5o:active:not(
    .negative-RM3v8jRK5o.disabled,
    .negative-RM3v8jRK5o.loading
  ) {
  opacity: var(--opacity-active);
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
}
.negative-RM3v8jRK5o.loading {
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
}
.negative-RM3v8jRK5o.disabled {
  opacity: var(--opacity-disabled);
  background: var(
    --btn-negative,
    linear-gradient(
      118deg,
      var(--button-negative-up) 1.51%,
      var(--button-negative-down) 67.19%
    )
  );
}
.checkbox-b77tSuah37 {
  position: relative;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-color: var(--background-element-primary);
  border-radius: 7px;
  cursor: pointer;
  transition: opacity 0.3s, background-color 0.3s, border-color 0.3s;
  display: block;
  border: 1px solid var(--border-element-primary);
}
.checkbox-b77tSuah37:hover {
  background-color: var(--background-hover-01);
}
.checkbox-b77tSuah37:active {
  opacity: var(--opacity-active);
}
.checkbox-b77tSuah37.checked-zZm02ldgqg {
  background-color: var(--background-element-selection-primary);
  border-color: var(--background-element-selection-primary);
}
.checkbox-b77tSuah37.checked-zZm02ldgqg:hover {
  background-color: var(--background-element-selection-hover);
  border-color: var(--background-element-selection-hover);
}
.checkbox-b77tSuah37.checked-zZm02ldgqg:active {
  opacity: var(--opacity-active);
}
.checkbox-b77tSuah37.disabled-_XaKsVLzMj {
  opacity: var(--opacity-disabled);
}
.mark-x5CuV9cj9m {
  position: absolute;
  top: 3px;
  left: 3px;
  transition: opacity 0.2s;
  opacity: 0;
}
.mark-x5CuV9cj9m.checked-zZm02ldgqg {
  opacity: 1;
}
.mark-x5CuV9cj9m svg {
  fill: var(--fg-content-inverted);
}
.baseInput-dnO4_v256P {
  display: none;
}
.divider-vertTRGqkk {
  background-color: var(--fg-content-primary-alpha-12);
}
.lg-MHkOe3fFcO {
  width: var(--divider-width, 1px);
  height: var(--divider-height, 24px);
}
.sm-HZ7YGrtKKC {
  width: var(--divider-width, 1px);
  height: var(--divider-height, 12px);
}
.rounded-V_jnpg1NX9 {
  width: var(--divider-width, 3px);
  height: var(--divider-height, 3px);
  border-radius: var(--divider-radius, 10px);
  background-color: var(--fg-content-primary-alpha-30);
}
.container-jad2sjmmSZ {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chipList-P1GnbQ6VWD {
  display: flex;
  width: 100%;
  height: 100%;
}
.chipList-P1GnbQ6VWD.opened-peIgDlJk3y {
  background: linear-gradient(
    180deg,
    #040405 0%,
    rgba(4, 4, 5, 0.8) 55.58%,
    rgba(4, 4, 5, 0) 100%
  );
}
.chipListContent-L6ss57IfbT {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  overflow: hidden;
  height: var(--tab-size-tag);
  align-content: flex-start;
  mask-image: linear-gradient(to right, #ffffff 80%, transparent 100%);
}
.chipListContent-L6ss57IfbT.fullHeight-FT6hr_7a_u {
  mask-image: none;
  height: 100%;
}
.baseChip-VSJeRFrH7T {
  height: var(--tab-size-tag);
  border-radius: var(--button-rounding-button-m);
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  padding: 0 6px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}
.baseChip-VSJeRFrH7T:hover {
  background-color: var(--background-hover-02);
}
.baseChip-VSJeRFrH7T:focus,
.baseChip-VSJeRFrH7T.isActive-aU6jN66AuZ {
  border: 1px solid var(--border-element-primary);
}
.container-r4YzVgLn5G {
  position: relative;
}
.triangle-iQKofDXqnP {
  position: absolute;
  bottom: 0;
  transform: translate(-50%, 100%);
}
.overlayWrapper-XmcMwyHSsm {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  z-index: var(--z-index-modal-overlay, 1000);
}
.overlayWrapper-XmcMwyHSsm::-webkit-scrollbar {
  display: none;
}
.overlayWrapper-XmcMwyHSsm.center-Up1WFrPndk {
  align-items: center;
}
.overlayWrapper-XmcMwyHSsm.bottom-nSytnHJ5AM {
  align-items: flex-end;
}
.overlay-Kw9nxaR787 {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
.overlay-Kw9nxaR787.overlayBg-TRNHaqI78P {
  background: var(--background-overlay);
}
.overlay-Kw9nxaR787::-webkit-scrollbar {
  display: none;
}
.dropdownItem-EVB5Kzc3Wb {
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: var(--input-size-input);
  border-radius: var(--input-rounding-input-m);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s, opacity 0.3s, color 0.3s;
}
.dropdownItem-EVB5Kzc3Wb:active {
  opacity: var(--opacity-active);
}
.dropdownItem-EVB5Kzc3Wb.disabled-oaGGy3X5a9 {
  opacity: var(--opacity-disabled);
}
.dropdownList-f12C2n_WKh {
  border-radius: var(--input-rounding-input-m);
  background: linear-gradient(
      0deg,
      var(--background-element-primary) 0%,
      var(--background-element-primary) 100%
    ),
    var(--background-container-elevated-primary);
  width: 100%;
  overflow: hidden;
}
.dropdownList-f12C2n_WKh.mobile-qbnbmlZj8f {
  border: 1px solid var(--border-element-primary);
  border-radius: var(--modal-rounding-modal);
  background: var(--background-container-elevated-primary);
}
.dropdownListItem-bAfBY7_rxv {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 12px 16px;
}
.dropdownListItem-bAfBY7_rxv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 4px;
  right: 4px;
  height: 1px;
  background-color: var(--border-element-primary);
  transition: opacity 0.3s;
}
.dropdownListItem-bAfBY7_rxv:hover {
  color: var(--fg-content-primary);
  background-color: var(--background-hover-02);
}
.dropdownListItem-bAfBY7_rxv:hover::after,
.dropdownListItem-bAfBY7_rxv:last-child::after {
  opacity: 0;
}
.dropdownListItem-bAfBY7_rxv.selected-YjkbhTqvlU {
  color: var(--fg-content-primary);
}
.dropdownListItem-bAfBY7_rxv.disabled-oaGGy3X5a9 {
  pointer-events: none;
}
.dropdownListItem-bAfBY7_rxv.mobile-qbnbmlZj8f::after {
  left: 0;
  right: 0;
}
.dropdownSelectedItem-BE_LX9CDpa {
  padding: 4px 0 4px 12px;
  color: var(--fg-content-primary);
  border-radius: var(--input-rounding-input-m);
  background-color: var(--background-field-primary);
}
.dropdownSelectedItem-BE_LX9CDpa:hover {
  background-color: var(--background-hover-02);
}
.dropdownSelectedItem-BE_LX9CDpa.disabled-oaGGy3X5a9 {
  pointer-events: none;
}
.checkMark-htio4eXUm2 svg {
  fill: var(--background-element-selection-primary);
}
.dropdownBottomSheet-s9Ah5sU7y7 {
  width: 100%;
  padding: 20px;
  z-index: var(--z-index-modal, 1001);
}
.dropdownBottomSheetCloseButton-UpO6PAi3B7 {
  margin-top: 24px;
  width: 100%;
}
@font-face {
  font-family: "anticon";
  src: url("//at.alicdn.com/t/font_1434092639_4910953.eot");
  /* IE9*/
  src: url("//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("//at.alicdn.com/t/font_1434092639_4910953.woff")
      format("woff"),
    /* chrome、firefox */ url("//at.alicdn.com/t/font_1434092639_4910953.ttf")
      format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont")
      format("svg");
  /* iOS 4.1- */
}
.rc-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}
.rc-dropdown-hidden {
  display: none;
}
.rc-dropdown .rc-menu {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 2px 0 2px;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
}
.rc-dropdown .rc-menu > li {
  margin: 0;
  padding: 0;
}
.rc-dropdown .rc-menu:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.01);
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item {
  position: relative;
  display: block;
  padding: 7px 10px;
  clear: both;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  white-space: nowrap;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:hover,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-active,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  background-color: #ebfaff;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  position: relative;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected:after {
  content: "\e613";
  font-family: "anticon";
  font-weight: bold;
  position: absolute;
  top: 6px;
  right: 16px;
  color: #3cb8f0;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled:hover {
  color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}
.rc-dropdown-slide-up-enter,
.rc-dropdown-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-dropdown-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
.rc-dropdown-arrow {
  position: absolute;
  border-width: 8px / 2;
  border-color: transparent;
  box-shadow: 0 1px 5px #ccc;
  border-style: solid;
  transform: rotate(45deg);
}
.rc-dropdown-show-arrow.rc-dropdown-placement-top,
.rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-topRight {
  padding-bottom: 6px;
}
.rc-dropdown-show-arrow.rc-dropdown-placement-bottom,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight {
  padding-top: 6px;
}
.rc-dropdown-placement-top .rc-dropdown-arrow,
.rc-dropdown-placement-topLeft .rc-dropdown-arrow,
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  bottom: 4px;
  border-top-color: white;
}
.rc-dropdown-placement-top .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-topLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  right: 15%;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow,
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  top: 4px;
  border-bottom-color: white;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  right: 15%;
}
.button-qpPqyI3Eyn {
  position: absolute;
  left: 30px;
  bottom: 30px;
  background-color: #d63333;
  padding: 6px 8px;
  opacity: 0.9;
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1054px) {
  .button-qpPqyI3Eyn {
    bottom: 42px;
  }
}
@media screen and (max-width: 744px) {
  .button-qpPqyI3Eyn {
    left: 15px;
    font-size: 12px;
  }
}
.footer-wS_htVPrhZ {
  grid-area: footer;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.footer-wS_htVPrhZ.mobile-PuXWdqunO_ {
  padding: 8px 12px;
  background-color: var(--background-page);
}
.footer-wS_htVPrhZ.desktop-irO_w1YFhA {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
}
.titleBlock-ihimczRyew {
  flex: 1;
}
.wrapper-g63fOv1Low {
  display: flex;
  gap: 4px;
}
.secondary-hZLDrdF3PI {
  color: var(--fg-content-secondary);
}
.primary-X2tkF1M6Fh {
  color: var(--fg-content-primary);
}
.shieldBtn-dEg43TGnKO:disabled {
  cursor: default;
}
.errorDescription-n8ajK6fZMi {
  position: relative;
  display: block;
  padding-left: 4px;
  margin-left: 4px;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
}
.errorDescription-n8ajK6fZMi::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 1px;
  border-radius: 1px;
  background: var(--border-element-primary);
}
.label-bbihAmwD43 {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--input-size-input);
  padding: 4px;
  width: 100%;
  z-index: 1;
}
.label-bbihAmwD43.leftPadding-DmsaFzjYBy {
  padding-left: 12px;
}
.label-bbihAmwD43.disabled-T4zsGnzwJc {
  opacity: var(--opacity-disabled);
  user-select: none;
  pointer-events: none;
}
.input-tSEWeAJrgx {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  padding: 0;
  flex-grow: 1;
  caret-color: var(--background-element-selection-primary);
  height: 100%;
  min-width: 10px;
}
.input-tSEWeAJrgx::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-tSEWeAJrgx::placeholder {
  color: var(--fg-content-secondary);
}
.background-tcs00TSBYa {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: var(--background-field-primary);
  border-radius: var(--input-rounding-input-m);
  border: 1px solid rgba(0, 0, 0, 0);
  transition: background-color 0.3s, opacity 0.3s, border-color 0.3s;
}
.background-tcs00TSBYa.withBorder-o5ldGGmrOP {
  border-color: var(--border-element-primary);
}
.input-tSEWeAJrgx:hover + .background-tcs00TSBYa {
  background: var(--background-hover-02);
}
.input-tSEWeAJrgx:focus + .background-tcs00TSBYa.withFocusBorder-UmIYDhb_KT {
  border-color: var(--border-element-primary);
}
.input-tSEWeAJrgx:active + .background-tcs00TSBYa {
  opacity: var(--opacity-active);
}
.input-tSEWeAJrgx:hover + .background-tcs00TSBYa.disabled-T4zsGnzwJc {
  background: var(--background-field-primary);
}
.background-tcs00TSBYa.error-F1m5IFdH6p,
.input-tSEWeAJrgx:focus + .background-tcs00TSBYa.error-F1m5IFdH6p {
  border-color: var(--feedback-error);
}
.background-tcs00TSBYa.confirmed-TJGSbBp8vq,
.input-tSEWeAJrgx:focus + .background-tcs00TSBYa.confirmed-TJGSbBp8vq {
  border-color: var(--feedback-success);
}
.ellipsisText-WD_AwHjkWZ {
  text-overflow: ellipsis;
}
.spinner-AE6ynYj04G {
  width: 100%;
  display: flex;
  justify-content: center;
}
.options-eWdZNGOD89 {
  display: flex;
  gap: 4px;
}
.option-SmdnYqNccR {
  cursor: pointer;
  min-width: var(--button-size-button-m);
  height: var(--button-size-button-m);
  background: var(--background-element-primary);
  border: 1px solid var(--border-element-primary);
  border-radius: var(--input-rounding-input-m);
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.option-SmdnYqNccR.disabled-tmTVUON4GT {
  cursor: default;
}
.button-HScjomtj_X {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  cursor: pointer;
  width: var(--button-size-button-m);
}
.input-Bqzkwia5XZ {
  text-align: center;
}
.wrapper-hHytPkqHhN {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper-hHytPkqHhN svg {
  width: 52.93px;
  height: 14.14px;
}
:root {
  --dir: initial;
  --w: initial;
  --h: initial;
  --gap: initial;
  --justify: initial;
  --align: initial;
  --wrap: initial;
}
.flex-fLVQl9C73R {
  display: flex;
  flex-direction: var(--dir);
  width: var(--w);
  height: var(--h);
  gap: var(--gap);
  justify-content: var(--justify);
  align-items: var(--align);
  flex-wrap: var(--wrap);
}
.flex-fLVQl9C73R[data-full-width="true"] {
  width: 100%;
}
.flex-fLVQl9C73R[data-full-height="true"] {
  height: 100%;
}
.item-dHbMTk72cS {
  flex-grow: 1;
}
.modal-Ktc9qM4M8u {
  display: flex;
  flex-direction: column;
  background-color: var(--background-container-elevated-primary);
  min-width: 270px;
  max-width: 784px;
  max-height: 90%;
  overflow: hidden;
  border-radius: var(--modal-rounding-modal);
  width: auto;
  z-index: var(--z-index-modal, 1001);
  border: 1px solid var(--border-color, transparent);
}
.modal-Ktc9qM4M8u.bottom-bn5vdAtK40 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 1054px) {
  .modal-Ktc9qM4M8u {
    max-height: calc(100% - var(--header-height));
  }
}
.header-uva_8Vm2k5 {
  position: sticky;
  top: 0;
  height: 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--background-field-primary, rgba(221, 227, 242, 0.05));
  padding: 12px 12px 12px 16px;
  border-top-left-radius: var(--modal-rounding-modal);
  border-top-right-radius: var(--modal-rounding-modal);
  border-bottom: 1px solid var(--border-color, transparent);
}
@media screen and (max-width: 1054px) {
  .header-uva_8Vm2k5 {
    height: 44px;
    padding: 8px 8px 8px 12px;
  }
}
.footer-DCISGwpR4o {
  background: var(
    --background-field-primary,
    rgba(221, 227, 242, 0.0509803922)
  );
  padding: 7px 12px;
}
.content-tSDaA6drTr {
  overflow: scroll;
  scroll-behavior: smooth;
  padding: var(--content-padding, 12px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.content-tSDaA6drTr::-webkit-scrollbar {
  display: none;
}
.customTime-ncDEnOuyHF {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.radioButton-cPQ95RMd28 {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: var(--background-element-primary);
  border-radius: var(--tabs-rounding-chips-tab);
  cursor: pointer;
  transition: opacity 0.3s;
  display: block;
  border: 1px solid var(--border-element-primary);
}
.radioButton-cPQ95RMd28:hover {
  background-color: var(--background-hover-01);
}
.radioButton-cPQ95RMd28:active {
  opacity: var(--opacity-active);
}
.radioButton-cPQ95RMd28.disabled-fbzEZjFMLq {
  opacity: var(--opacity-disabled);
}
.mark-Rsizc9Hmve {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: var(--tabs-rounding-chips-tab);
  transition: opacity 0.2s;
  opacity: 0;
  background-color: var(--fg-content-primary);
}
.mark-Rsizc9Hmve.checked-TzqEbNllq1 {
  opacity: 1;
}
.baseInput-m9kAMdv2pH {
  display: none;
}
.soundToggle-Aiom1Ya161 {
  position: relative;
  background-color: var(--background-container-primary);
  border-radius: 18px;
  cursor: pointer;
  transition: opacity 0.3s;
  display: block;
  box-sizing: border-box;
  user-select: none;
}
.soundToggle-Aiom1Ya161.disabled-UpyX5ZhJAd {
  opacity: var(--opacity-disabled);
}
.soundToggle-Aiom1Ya161.desktop-wXHplmtjdN {
  width: 64px;
  height: 36px;
}
.soundToggle-Aiom1Ya161.mobile-k1vj1_3WQy {
  width: 48px;
  height: 24px;
}
.slider-GjelFXmLFN {
  position: absolute;
  background-color: var(--background-element-primary);
  border: 1px solid var(--border-element-primary);
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.slider-GjelFXmLFN.desktop-wXHplmtjdN {
  --slider-start: 4px;
  --slider-width: 28px;
  --slider-scaled-width: 56px;
  --slider-end: 32px;
  transform: translateX(var(--slider-start));
  border-radius: 14px;
  width: 28px;
  top: 4px;
  bottom: 4px;
}
.slider-GjelFXmLFN.mobile-k1vj1_3WQy {
  --slider-start: 2px;
  --slider-width: 20px;
  --slider-scaled-width: 44px;
  --slider-end: 26px;
  transform: translateX(var(--slider-start));
  border-radius: 10px;
  width: 20px;
  top: 2px;
  bottom: 2px;
}
.slider-GjelFXmLFN.desktop-wXHplmtjdN svg {
  width: 16px;
  height: 16px;
}
.slider-GjelFXmLFN.mobile-k1vj1_3WQy svg {
  width: 12px;
  height: 12px;
}
.slider-GjelFXmLFN.checked-yeOaqwK9p1 {
  transform: translateX(var(--slider-end));
}
.slider-GjelFXmLFN svg {
  fill: var(--fg-content-primary);
}
.baseInput-wYwsSHW7wr {
  display: none;
}
@keyframes on-p9SotykUqo {
  0% {
    transform: translateX(var(--slider-start));
    width: var(--slider-width);
  }
  50% {
    transform: translateX(var(--slider-start));
    width: var(--slider-scaled-width);
  }
  100% {
    transform: translateX(var(--slider-end));
    width: var(--slider-width);
  }
}
@keyframes off-ypF9gw4JNe {
  0% {
    transform: translateX(var(--slider-end));
    width: var(--slider-width);
  }
  50% {
    transform: translateX(var(--slider-start));
    width: var(--slider-scaled-width);
  }
  100% {
    transform: translateX(var(--slider-start));
    width: var(--slider-width);
  }
}
.onAnimation-p2qpv6tZ_H {
  animation: on-p9SotykUqo 0.6s;
}
.offAnimation-qzQM9ob9xM {
  animation: off-ypF9gw4JNe 0.6s;
}
.tabs-sFnRoeYcgf {
  padding: var(--tabs-container-padding, 4px);
  background: var(
    --tabs-container-background-color,
    rgba(4, 4, 5, 0.3176470588)
  );
  border-radius: var(--tabs-container-radius, 12px);
  display: inline-flex;
}
.tabs-sFnRoeYcgf.fullWidth-vnuKP6iurj {
  width: 100%;
}
.tab-LKkDX31j1I {
  display: flex;
  align-items: center;
  gap: 5px;
  height: var(--tab-height, 36px);
  border-radius: calc(
    var(--tabs-container-radius, 12px) - var(--tabs-container-padding, 4px)
  );
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 0 16px;
  background: var(--tab-background-color, none);
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s linear, border-color 0.2s linear,
    color 0.2s linear;
  width: 100%;
  justify-content: center;
}
.tab-LKkDX31j1I:before {
  content: "";
  position: absolute;
  background: var(--tab-divider-color, rgba(235, 240, 255, 0.1176470588));
  width: 1px;
  height: 12px;
  left: 0;
  top: calc(50% - 6px);
}
.tab-LKkDX31j1I.selected-qtwIkFReUD {
  background: var(
    --tab-selected-background-color,
    rgba(221, 227, 242, 0.1568627451)
  );
  border-color: var(
    --tab-selected-border-color,
    rgba(221, 227, 242, 0.0784313725)
  );
  color: var(--tab-selected-text-color, #ebf0ff);
  box-shadow: var(--tab-selected-box-shadow, none);
  font-weight: 500;
}
.tab-LKkDX31j1I.selected-qtwIkFReUD:before,
.tab-LKkDX31j1I:first-child:before,
.tab-LKkDX31j1I.selected-qtwIkFReUD + .tab-LKkDX31j1I:before {
  display: none;
}
.tab-LKkDX31j1I.disabled-Wb2yAJXGFT {
  cursor: default;
  opacity: var(--opacity-disabled);
}
.toggle-g9vBKA9_1g {
  position: relative;
  box-sizing: border-box;
  width: 40px;
  height: 24px;
  background-color: var(--background-element-primary);
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.3s, background-color 0.3s, border-color 0.3s;
  display: block;
  border: 1px solid var(--border-element-primary);
}
.toggle-g9vBKA9_1g:hover {
  background-color: var(--background-hover-01);
}
.toggle-g9vBKA9_1g:active {
  opacity: var(--opacity-active);
}
.toggle-g9vBKA9_1g.checked-yqocA1h6jW {
  background-color: var(--background-element-selection-primary);
  border-color: var(--background-element-selection-primary);
}
.toggle-g9vBKA9_1g.checked-yqocA1h6jW:hover {
  background-color: var(--background-element-selection-hover);
  border-color: var(--background-element-selection-hover);
}
.toggle-g9vBKA9_1g.checked-yqocA1h6jW:active {
  opacity: var(--opacity-active);
}
.toggle-g9vBKA9_1g.disabled-vkdbgSveVg {
  opacity: var(--opacity-disabled);
}
.slider-cPSNESA82j {
  --radiusX: 5px;
  --radiusY: 5px;
  border-radius: var(--radiusX) / var(--radiusY);
  position: absolute;
  top: 3px;
  bottom: 3px;
  background-color: var(--fg-content-primary);
  left: 0;
  right: auto;
  transition: background-color 0.4s;
  width: 16px;
  transform-origin: right;
  transform: translateX(3px);
}
.slider-cPSNESA82j.checked-yqocA1h6jW {
  background-color: var(--fg-content-inverted);
  transform: translateX(19px);
  transform-origin: left;
}
.baseInput-lQQtDXMA4K {
  display: none;
}
@keyframes on-rpXBwK4r4I {
  0% {
    transform: translateX(3px) scaleX(1);
    --radiusX: 5px;
  }
  50% {
    transform: translateX(3px) scaleX(2);
    --radiusX: calc(5px / 2);
  }
  100% {
    transform: translateX(19px) scaleX(1);
    --radiusX: 5px;
  }
}
@keyframes off-RgD3V0Zw9a {
  0% {
    transform: translateX(19px) scaleX(1);
    --radiusX: 5px;
  }
  50% {
    transform: translateX(19px) scaleX(2);
    --radiusX: calc(5px / 2);
  }
  100% {
    transform: translateX(3px) scaleX(1);
    --radiusX: 5px;
  }
}
.onAnimation-1jm5wDt1rS {
  animation: on-rpXBwK4r4I 0.4s;
}
.offAnimation-MkDh85PoYB {
  animation: off-RgD3V0Zw9a 0.4s;
}
.overlay-ZG5D7WjvXJ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  padding: 8px 12px;
  max-width: 280px;
}
.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #333333;
  text-align: left;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 34px;
  border: 1px solid #b1b1b1;
}
.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  transform: translate(-50%, 5px);
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #b1b1b1;
}
.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #ffffff;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #b1b1b1;
  transform: translateX(calc(-100% + 1px));
}
.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #ffffff;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #b1b1b1;
  transform: translateX(calc(100% - 1px));
}
.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #ffffff;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  transform: translate(-50%, -5px);
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #b1b1b1;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  opacity: 1;
}
.rc-tooltip-inner {
  padding: 0;
  background-color: var(--background-container-elevated-inverted);
  min-height: none;
  border: none;
  border-radius: 8px;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  border-top-color: var(--background-container-elevated-inverted);
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 141px !important;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  left: 266px !important;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  border-right-color: var(--background-container-elevated-inverted);
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  border-left-color: var(--background-container-elevated-inverted);
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  border-bottom-color: var(--background-container-elevated-inverted);
}
.rc-tooltip-ui.rc-tooltip-ui-zoom-appear,
.rc-tooltip-ui.rc-tooltip-ui-zoom-enter {
  opacity: 0;
}
.rc-tooltip-ui.rc-tooltip-ui-zoom-enter,
.rc-tooltip-ui.rc-tooltip-ui-zoom-leave {
  display: block;
}
.rc-tooltip-ui-zoom-enter,
.rc-tooltip-ui-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-ui-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-ui-zoom-enter.rc-tooltip-ui-zoom-enter-active,
.rc-tooltip-ui-zoom-appear.rc-tooltip-ui-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-ui-zoom-leave.rc-tooltip-ui-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip-ui {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
  opacity: 0.9;
}
.rc-tooltip-ui-hidden {
  display: none;
}
.rc-tooltip-ui-inner {
  padding: 8px 10px;
  color: #333333;
  text-align: left;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 34px;
  border: 1px solid #b1b1b1;
}
.rc-tooltip-ui-arrow,
.rc-tooltip-ui-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-ui-placement-top .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-topLeft .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-topRight .rc-tooltip-ui-arrow {
  transform: translate(-50%, 5px);
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #b1b1b1;
}
.rc-tooltip-ui-placement-top .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-topLeft .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-topRight .rc-tooltip-ui-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #ffffff;
}
.rc-tooltip-ui-placement-top .rc-tooltip-ui-arrow {
  left: 50%;
}
.rc-tooltip-ui-placement-topLeft .rc-tooltip-ui-arrow {
  left: 15%;
}
.rc-tooltip-ui-placement-topRight .rc-tooltip-ui-arrow {
  right: 15%;
}
.rc-tooltip-ui-placement-right .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-rightTop .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-rightBottom .rc-tooltip-ui-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #b1b1b1;
  transform: translateX(calc(-100% + 1px));
}
.rc-tooltip-ui-placement-right .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-rightTop .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-rightBottom .rc-tooltip-ui-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #ffffff;
}
.rc-tooltip-ui-placement-right .rc-tooltip-ui-arrow {
  top: 50%;
}
.rc-tooltip-ui-placement-rightTop .rc-tooltip-ui-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-ui-placement-rightBottom .rc-tooltip-ui-arrow {
  bottom: 15%;
}
.rc-tooltip-ui-placement-left .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-leftTop .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-leftBottom .rc-tooltip-ui-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #b1b1b1;
  transform: translateX(calc(100% - 1px));
}
.rc-tooltip-ui-placement-left .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-leftTop .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-leftBottom .rc-tooltip-ui-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #ffffff;
}
.rc-tooltip-ui-placement-left .rc-tooltip-ui-arrow {
  top: 50%;
}
.rc-tooltip-ui-placement-leftTop .rc-tooltip-ui-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-ui-placement-leftBottom .rc-tooltip-ui-arrow {
  bottom: 15%;
}
.rc-tooltip-ui-placement-bottom .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-bottomLeft .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-bottomRight .rc-tooltip-ui-arrow {
  transform: translate(-50%, -5px);
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #b1b1b1;
}
.rc-tooltip-ui-placement-bottom .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-bottomLeft .rc-tooltip-ui-arrow-inner,
.rc-tooltip-ui-placement-bottomRight .rc-tooltip-ui-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
}
.rc-tooltip-ui-placement-bottom .rc-tooltip-ui-arrow {
  left: 50%;
}
.rc-tooltip-ui-placement-bottomLeft .rc-tooltip-ui-arrow {
  left: 15%;
}
.rc-tooltip-ui-placement-bottomRight .rc-tooltip-ui-arrow {
  right: 15%;
}
.rc-tooltip-ui {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  opacity: 1;
  z-index: 5;
}
.rc-tooltip-ui-inner {
  padding: 0;
  background-color: var(--background-container-elevated-primary);
  min-height: unset;
  border: none;
  border-radius: var(--element-rounding-element);
}
.rc-tooltip-ui-placement-top .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-topLeft .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-topRight .rc-tooltip-ui-arrow {
  border-top-color: var(--background-container-elevated-primary);
}
.rc-tooltip-ui-placement-right .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-rightTop .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-rightBottom .rc-tooltip-ui-arrow {
  border-right-color: var(--background-container-elevated-primary);
}
.rc-tooltip-ui-placement-left .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-leftTop .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-leftBottom .rc-tooltip-ui-arrow {
  border-left-color: var(--background-container-elevated-primary);
}
.rc-tooltip-ui-placement-bottom .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-bottomLeft .rc-tooltip-ui-arrow,
.rc-tooltip-ui-placement-bottomRight .rc-tooltip-ui-arrow {
  border-bottom-color: var(--background-container-elevated-primary);
}
.wrapper-LZRzqcImEW {
  display: flex;
  flex-direction: column;
  width: 382px;
  box-shadow: 0 4px 12px 0 rgba(255, 255, 255, 0.08);
  border-radius: var(--element-rounding-element);
}
.header-bWNltX7Wp2 {
  border-radius: var(--element-rounding-element) var(--element-rounding-element)
    0 0;
}
.body-WOO5iElJm9 {
  display: flex;
  flex-direction: column;
}
.wrapper-Nxq91eFRF4 {
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 8px;
  width: 306px;
  box-shadow: 0px 12px 20px 0px rgba(5, 5, 6, 0.4);
  border-radius: var(--element-rounding-element, 12px);
}
.header-bb1d1Rg7ql {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 4px;
  font-size: 16px;
}
.spaceBetween-c6OqFzbOIz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.input-IZU76tUW1A {
  gap: 12px;
  padding: 0 4px;
  border-radius: var(--input-rounding-input-m);
  border: 1px solid rgba(0, 0, 0, 0);
}
.input-IZU76tUW1A .inputLabel-gJFUcnJrII {
  width: 30px;
  padding-inline-start: 8px;
  padding-inline-end: 4px;
}
.input-IZU76tUW1A button {
  display: flex;
}
.input-IZU76tUW1A.verified-RDTUv4FGLV {
  border-color: var(--feedback-success);
}
.input-IZU76tUW1A.notVerified-uiEcnppdG1 {
  border-color: var(--feedback-error);
}
.copyButton-iY1chTo_Yf {
  padding-inline-end: 8px;
}
.copyButton-iY1chTo_Yf:disabled {
  pointer-events: none;
  opacity: 0.3;
}
.checkIcon-QIHMDzsyNl {
  padding-inline-end: 8px;
}
.checkIcon-QIHMDzsyNl svg path {
  fill: var(--feedback-success);
}
.iconBtn-YyGJQRmDSy {
  padding: 8.5px;
}
.inputOverrider-hx16eXDEKW {
  font-weight: 400;
}
.wrapper-zJqNyPRl9V {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.swiper-uxeWpLm0Mc {
  width: 100%;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
  scroll-behavior: smooth;
}
.swiper-uxeWpLm0Mc::-webkit-scrollbar {
  display: none;
}
.item-jKK2Z8rMj6 {
  scroll-snap-align: start;
  width: fit-content;
  max-width: 100%;
}
.controlsWrapper-KCt40dYPhF {
  display: flex;
  align-items: center;
  justify-content: center;
}
.controls-zYG71NLscs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  padding: 5px;
  background-color: var(--background-field-primary);
}
@keyframes animate-bPDT2lYhyE {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.control-Grzzut1IfQ {
  --interval: 0ms;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  background-color: var(--fg-content-secondary);
  position: relative;
  transition: width 0.3s;
  overflow-x: hidden;
}
.control-Grzzut1IfQ.active-goAW5vkyAK {
  width: 18px;
}
.control-Grzzut1IfQ.active-goAW5vkyAK:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: 16px;
  height: 4px;
  animation: animate-bPDT2lYhyE var(--interval) linear;
  transform-origin: left;
  border-radius: 1000px;
  background-color: var(--fg-content-primary);
}
.wrapper-EX4NGLPXrO {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.titleWrapper-N3br5lgrLM {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.title-c6vtErsL2R {
  user-select: none;
}
.content-rjfeFVDtYM {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s, margin 0.3s;
  margin-top: 0;
}
.content-rjfeFVDtYM.opened-R_qm7PKsqe {
  grid-template-rows: 1fr;
  margin-top: 14px;
}
.contentInner-gtEqtFW2Cb {
  min-height: 0;
}
.arrow-cAKVy6Vsqa {
  cursor: pointer;
}
.gameChip-GPTi9KQfzb {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  user-select: none;
  transition: opacity 0.3s ease-in-out;
}
.gameChip-GPTi9KQfzb::after {
  transition: opacity 0.3s ease-in-out;
  content: "";
  position: absolute;
  inset: -6px;
  border: 2px solid var(--fg-content-primary);
  border-radius: 50%;
  opacity: 0;
}
.gameChip-GPTi9KQfzb.disabled-wny3MnPnUK {
  opacity: var(--opacity-disabled);
}
.gameChip-GPTi9KQfzb.active-yxxSEccfko::after {
  opacity: 1;
}
.content-L2YFrbpzvc {
  position: absolute;
}
.background-a8ZAcavUk_ {
  position: absolute;
}
.text-jR605D8eCj {
  z-index: 1;
}
.ellipse-ktTVesZTNJ {
  position: absolute;
}
.type0-yGRMYg6_vy {
  --colorPrimary: #d39206;
  --colorSecondary: #f5e040;
}
.type1-L5a4FMfZLz {
  --colorPrimary: #a60000;
  --colorSecondary: #e62a2a;
}
.type2-orXSwp2mBo {
  --colorPrimary: #0008a6;
  --colorSecondary: #2aa7e6;
}
.type3-JN7UOglN_i {
  --colorPrimary: #6c1000;
  --colorSecondary: #f58b40;
}
.type4-AqQyQvJUj6 {
  --colorPrimary: #006c17;
  --colorSecondary: #04e92e;
}
.type5-DYAhKsjLmb {
  --colorPrimary: #4803be;
  --colorSecondary: #a34dff;
}
.s-meuB0qbkbP {
  width: 34px;
  height: 34px;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  border: 0.7px solid rgba(255, 255, 255, 0.15);
  background: radial-gradient(
      50% 50% at 50% 50%,
      rgba(255, 255, 255, 0) 77.48%,
      rgba(255, 255, 255, 0.06) 100%
    ),
    var(--background-container-elevated-secondary, #29292e);
  box-shadow: 0 1.524px 2.286px 0 rgba(0, 0, 0, 0.3);
}
.s-meuB0qbkbP .content-L2YFrbpzvc {
  top: -0.7px;
  right: -0.7px;
  bottom: -0.7px;
  left: -0.7px;
}
.s-meuB0qbkbP .background-a8ZAcavUk_ {
  top: 2.6px;
  right: 2.6px;
  bottom: 2.6px;
  left: 2.6px;
}
.s-meuB0qbkbP .ellipse-ktTVesZTNJ {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
.m-i4Rx5WdOI7 {
  width: 42px;
  height: 42px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  border: 0.857px solid rgba(255, 255, 255, 0.15);
  background: radial-gradient(
      50% 50% at 50% 50%,
      rgba(255, 255, 255, 0) 77.48%,
      rgba(255, 255, 255, 0.06) 100%
    ),
    var(--background-container-elevated-secondary, #29292e);
  box-shadow: 0 1.714px 2.571px 0 rgba(0, 0, 0, 0.3);
}
.m-i4Rx5WdOI7 .content-L2YFrbpzvc {
  top: -0.857px;
  right: -0.857px;
  bottom: -0.857px;
  left: -0.857px;
}
.m-i4Rx5WdOI7 .background-a8ZAcavUk_ {
  top: 3.1px;
  right: 3.1px;
  bottom: 3.1px;
  left: 3.1px;
}
.m-i4Rx5WdOI7 .ellipse-ktTVesZTNJ {
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.l-ZsHHidOzJg {
  width: 54px;
  height: 54px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  border: 1.1px solid rgba(255, 255, 255, 0.15);
  background: radial-gradient(
      50% 50% at 50% 50%,
      rgba(255, 255, 255, 0) 77.48%,
      rgba(255, 255, 255, 0.06) 100%
    ),
    var(--background-container-elevated-secondary, #29292e);
  box-shadow: 0 1.714px 2.571px 0 rgba(0, 0, 0, 0.3);
}
.l-ZsHHidOzJg .content-L2YFrbpzvc {
  top: -1.1px;
  right: -1.1px;
  bottom: -1.1px;
  left: -1.1px;
}
.l-ZsHHidOzJg .background-a8ZAcavUk_ {
  top: 4.1px;
  right: 4.1px;
  bottom: 4.1px;
  left: 4.1px;
}
.l-ZsHHidOzJg .ellipse-ktTVesZTNJ {
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
}
.wrapper-KBY5zHYVFe {
  position: fixed;
  z-index: 1000;
  inset: 0;
  background: radial-gradient(
      50% 50% at 50% 50%,
      var(--fg-content-brand-alpha-15) 0%,
      transparent 100%
    ),
    #000;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  justify-content: center;
  align-items: center;
  user-select: none;
  color: var(--fg-content-brand);
}
.texts-iXju5QkQuo {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.container-M2HuTLUyZL {
  position: relative;
}
.icon-fvGo3rs3MG {
  width: 150px;
  height: 111px;
}
.icon-fvGo3rs3MG::before {
  content: "";
  width: 13px;
  height: 1px;
  background-color: var(--fg-content-brand);
  position: absolute;
  top: 50%;
  right: 0px;
  border-radius: 3.512px;
  box-shadow: 0px 0.878px 3.512px 0px var(--fg-content-brand-alpha-60);
}
.icon-fvGo3rs3MG::after {
  content: "";
  width: 13px;
  height: 1px;
  background-color: var(--fg-content-brand);
  position: absolute;
  top: 50%;
  left: 0px;
  border-radius: 3.512px;
  box-shadow: 0px 0.878px 3.512px 0px var(--fg-content-brand-alpha-60);
}
.tokenStudio-rq5lm1IHqo {
  position: absolute;
  width: 785px;
  height: 640px;
  background: #1d1e20;
  border: 1px solid #444;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 16px;
  z-index: 1000;
  color: #fff;
  font-family: sans-serif;
  overflow: hidden;
  resize: both;
}
.editorContent-FGY_zZVh5e {
  overflow-y: auto;
  max-height: 445px;
}
.tokenRow-MSmiPKKJZi {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.colorSquare-ZBry8ugge8 {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  margin-right: 8px;
  cursor: pointer;
}
.tokenInfo-DSe0HNogaX {
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.tokenName-brI_0wxgWP {
  font-size: 14px;
}
.tokenKey-VnrXYSYfno {
  font-size: 10px;
  color: #aaa;
}
.tokenInput-g6ojJQUbCd {
  flex: 1;
  padding: 4px;
  color: #000;
}
.popover-eRvNmdBaZs {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  color: #000;
}
.cover-H1UpneoV50 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.groupContainer-N0jqrU3JEN {
  border: 1px solid #444;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 8px;
}
.groupHeader-eOGHI7WkdB {
  margin-bottom: 8px;
}
.groupTitle-XGxWSc_cnW {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.groupDescription-hTFr3gBLVk {
  margin: 0;
  font-size: 12px;
  color: #aaa;
}
.highlightToken-qZIf6V35kb {
  box-shadow: inset 0 0 0 2px #fff !important;
}
.header-be31jWvxC_ {
  margin-bottom: 8px;
  user-select: none;
}
.headerTop-GC4l7Q5ptk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: move;
}
.title-EdtcTyUsQb {
  font-size: 20px;
  font-weight: bold;
}
.headerButtons-W76tFMBABb {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.headerButtons-W76tFMBABb button {
  padding: 6px 12px;
  background: #2d2e32;
  border: 1px solid #444;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
}
.headerButtons-W76tFMBABb button:hover {
  background: #3a3a3a;
}
.headerButtons-W76tFMBABb button:active {
  background: #555;
  border-color: #666;
}
.importContainer-tIksYDrfq2 {
  border: 1px solid #444;
  border-radius: 4px;
  padding: 8px;
  margin: 8px 0 16px;
  background: #2d2e32;
}
.importTextarea-z9qnBKE4Ec {
  width: 100%;
  height: 100px;
  padding: 8px;
  font-family: monospace;
  font-size: 14px;
  border: 1px solid #444;
  border-radius: 4px;
  resize: vertical;
  background: #1d1e20;
  color: #fff;
  box-sizing: border-box;
}
.importButtons-KzmbjKmKoK {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  justify-content: flex-end;
}
.importButtons-KzmbjKmKoK button {
  padding: 6px 12px;
  background: #2d2e32;
  border: 1px solid #444;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
}
.importButtons-KzmbjKmKoK button:hover {
  background: #3a3a3a;
}
.importButtons-KzmbjKmKoK button:active {
  background: #555;
  border-color: #666;
}
.navigation-_ZVkvCnt0w {
  display: flex;
  overflow-x: auto;
  gap: 8px;
  padding: 4px 0;
  margin-bottom: 8px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.navigation-_ZVkvCnt0w::-webkit-scrollbar {
  display: none;
}
.groupButton-ufqh1waKyP {
  flex: 0 0 auto;
  padding: 6px 12px;
  background: #2d2e32;
  border: 1px solid #444;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
}
.groupButton-ufqh1waKyP:hover {
  background: #3a3a3a;
}
.groupButton-ufqh1waKyP:active {
  background: #555;
  border-color: #666;
}
.tabs-mJYR1SjRGK {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.tabs-mJYR1SjRGK button {
  flex: 1;
  padding: 8px;
  background: #2d2e32;
  border: 1px solid #444;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
}
.tabs-mJYR1SjRGK button:hover {
  background: #3a3a3a;
}
.tabs-mJYR1SjRGK button:active {
  background: #555;
  border-color: #666;
}
.activeTab-NVpcrZbabt {
  background: #444 !important;
  border: 1px solid #fff !important;
}
.themesContent-FOXpF4lrcL{overflow-y:auto;max-height:495px}
.themeItem-UhGQpD0raW {
  border: 1px solid #444;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 12px;
}
.activeTheme-oyrox8Gbni {
  border-color: #fff;
}
.themeHeader-EHwBM2wL0a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.themeInfo-aWOTDfMQhR {
  display: flex;
  flex-direction: column;
}
.themeNameText-ul1WTZUE6S {
  font-size: 16px;
  font-weight: bold;
}
.themeNameInput-_DUHpV_KiA {
  padding: 4px;
  color: #000;
  font-size: 16px;
}
.themeKey-JdiGtaMi2o {
  font-size: 10px;
  color: #aaa;
  margin-top: 4px;
}
.themeDate-V1ua_SNma7 {
  font-size: 10px;
  color: #aaa;
  margin-top: 4px;
}
.themeControls-lpYhCzCcQj {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.themeControls-lpYhCzCcQj button {
  padding: 4px 8px;
  background: #2d2e32;
  border: 1px solid #444;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
}
.themeControls-lpYhCzCcQj button:hover {
  background: #3a3a3a;
}
.themeControls-lpYhCzCcQj button:active {
  background: #555;
  border-color: #666;
}
.themePreview-IqbHrLFdsG {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}
.themeToken-Rnw8PdDk__ {
  display: flex;
  align-items: center;
  background: #2d2e32;
  padding: 2px 4px;
  border-radius: 4px;
}
.tokenColorSquare-vPxuKcIsrp {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  margin-right: 4px;
}
.tokenLabels-H1rYQAag0b {
  display: flex;
  flex-direction: column;
}
.tokenLabelName-g_DdV4Pkkv {
  font-size: 10px;
  color: #fff;
}
.tokenLabelKey-YtXpP5Qshq {
  font-size: 8px;
  color: #aaa;
}
.themeActions-AzXcL9Nqgz {
  display: flex;
  gap: 8px;
}
.themeActions-AzXcL9Nqgz button {
  padding: 4px 8px;
  background: #2d2e32;
  border: 1px solid #444;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
}
.themeActions-AzXcL9Nqgz button:hover {
  background: #3a3a3a;
}
.themeActions-AzXcL9Nqgz button:active {
  background: #555;
  border-color: #666;
}
.demoBadge-gyemYLfnvF{width:65px;position:absolute}
.header-KBoAbRlstu {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  background-color: var(--background-page);
  height: 100%;
  grid-template-areas: "balance logo settings";
}
.header-KBoAbRlstu.logoBottom-TnKOJmmHtC {
  position: relative;
}
@media screen and (max-width: 744px) {
  .header-KBoAbRlstu {
    grid-template-areas: "logo logo" "balance settings";
    grid-template-columns: repeat(2, 1fr);
  }
}
.balanceBlock-Oq464EQrws {
  grid-area: balance;
  justify-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-left: 20px;
}
.balanceBlock-Oq464EQrws > :first-child {
  margin-inline-end: 12px;
  max-width: 20px;
}
@media screen and (max-width: 744px) {
  .balanceBlock-Oq464EQrws {
    margin-left: 12px;
  }
}
.logoBlock-M68bmcg1F7 {
  grid-area: logo;
  display: flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.logoBlock-M68bmcg1F7.logoBlockBottom-eF02i_qPZR {
  grid-area: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 7px);
}
@media screen and (max-width: 744px) {
  .logoBlock-M68bmcg1F7 {
    background: var(--background-container-primary);
    margin: 4px 4px;
  }
  .logoBlock-M68bmcg1F7.logoBlockBottom-eF02i_qPZR {
    background: none;
  }
}
.settingsBlock-efoPSSGFS4 {
  position: relative;
  height: 36px;
  grid-area: settings;
  justify-self: flex-end;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
}
@media screen and (max-width: 744px) {
  .settingsBlock-efoPSSGFS4 {
    margin-right: 12px;
  }
}
.balanceMain-BcnPGOmQ8p {
  color: var(--fg-content-primary);
}
.balanceSecondary-oyupSXFwO5 {
  color: var(--fg-content-secondary);
}
.balanceCurrency-XD5oMow9dM {
  color: var(--fg-content-secondary);
}
.gameLogo-vrflNnG3m9 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logos-hpMA0YsrYn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}
.logos-hpMA0YsrYn[data-brand="bluechip"] {
  display: none;
}
.logos-hpMA0YsrYn img {
  height: 46px;
}
@media screen and (max-width: 744px) {
  .logos-hpMA0YsrYn img {
    height: 28px;
  }
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter";
  background: var(--background-page);
  color: var(--fg-content-primary);
  overflow: hidden;
}
body::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1054px) {
  body {
    overflow: visible;
  }
}
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
div,
tr,
td,
th,
thead {
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
table {
  border-spacing: 0;
}
button {
  outline: none;
  border: none;
  background: none;
  font-size: 100%;
  margin: 0;
  line-height: normal;
  padding: 0;
  cursor: pointer;
}
.scrollButton-n6Y1W0UGrp {
  position: fixed;
  bottom: 48px;
  right: 16px;
  display: flex;
  z-index: 2;
}
.scrollButton-n6Y1W0UGrp:disabled {
  display: none;
}
.icon-z8KjuRXKLz {
  transform: rotate(180deg);
}
@supports (height: 100dvh) {
  #root {
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
:root {
  --controls-width: 400px;
  --header-height: 76px;
  --header-z-index: 10000;
  --logo-block-height: 44px;
  --main-min-height: 400px;
  --main-max-height: 1260px;
  --aside-min-height: 0px;
  --main-min-width: 300px;
  --chat-width: 300px;
  --main-margin-top: 20px;
}
@media screen and (max-width: 1054px) {
  :root {
    --main-max-height: 40vh;
    --main-min-height: 200px;
  }
}
.appShell-B7d6dZgn6z {
  position: relative;
  margin: 0 auto;
  max-width: 1680px;
  min-width: var(--main-min-width);
  height: 100vh;
  width: 100vw;
  display: grid;
  place-content: center;
  grid-template-areas: "header header header" "controls mainContainer chat";
  grid-template-columns: var(--controls-width) 1fr;
  grid-template-rows: var(--header-height) minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
}
.header-LEgWeakTVi {
  position: relative;
  grid-area: header;
}
.controls-KOZCJSa8x8 {
  position: relative;
  grid-area: controls;
  margin: var(--controls-margin-top, 0px) 20px 20px 20px;
}
.mainContainer-iGSi6Ha29Y {
  grid-area: mainContainer;
  height: 100%;
  overflow: hidden;
}
.mainScrollContainer-0SOApKPSBS {
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mainScrollContainer-0SOApKPSBS::-webkit-scrollbar {
  display: none;
}
.main-FAytoOeRKu {
  position: relative;
  min-height: var(--main-min-height);
  max-height: var(--max-gamefield-height, --main-max-height);
  height: calc(100% - 150px);
  margin: var(--main-margin-top) 20px 0 0;
  overflow: hidden;
}
.aside-GVvSdqZxpp {
  position: relative;
  grid-area: aside;
  min-height: var(--aside-min-height);
  margin: 20px 20px 20px 0;
  height: calc(100% - 20px);
}
.chatWrapper-sVVWl5pkfT {
  position: relative;
  grid-area: chat;
  width: 0;
  height: 100%;
  z-index: 4;
}
.chat-khMZ3Un6Sx {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 20px;
  width: 283px;
}
@media screen and (min-width: 1366px) {
  .appShell-B7d6dZgn6z.withChat-HtkilAKJ66 {
    grid-template-columns: var(--controls-width) 1fr var(--chat-width);
    grid-template-areas: "header header header" "controls mainContainer chat";
  }
  .chatWrapper-sVVWl5pkfT {
    width: 100%;
    padding: 0 20px 20px 0;
  }
  .chat-khMZ3Un6Sx {
    position: static;
    width: 280px;
    height: 100%;
  }
}
@media screen and (max-width: 1054px) {
  .appShell-B7d6dZgn6z {
    height: auto;
    grid-template-areas: "header" "mainContainer" "controls" "aside" "footer";
    grid-template-columns: 100%;
    grid-template-rows: var(--header-height) auto auto auto;
  }
  .header-LEgWeakTVi {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 200;
  }
  .controls-KOZCJSa8x8 {
    margin: var(--controls-margin-top, 28px) 20px 0 20px;
  }
  .main-FAytoOeRKu {
    margin: 28px 20px 0 20px;
    min-height: var(--main-min-height);
    max-height: var(--main-max-height);
    height: var(--max-gamefield-height, 999px);
  }
  .aside-GVvSdqZxpp {
    margin: 4px 20px 0 20px;
    height: auto;
  }
  .chatWrapper-sVVWl5pkfT {
    display: none;
  }
}
@media screen and (max-width: 744px) {
  :root {
    --header-height: 80px;
  }
  .controls-KOZCJSa8x8 {
    margin: var(--controls-margin-top, 12px) 4px 0 4px;
  }
  .main-FAytoOeRKu {
    margin: 0 4px;
  }
  .aside-GVvSdqZxpp {
    margin: 4px 4px 0 4px;
  }
}@keyframes pulseCaret-tdUHagdhy7 {
  50% {
    opacity: 0;
  }
}
.buttons-HlouVtNtiE {
  display: flex;
  padding: 0 4px;
}
.button-a2N4uWqjmg {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  width: var(--button-size-button-s);
  height: var(--button-size-button-s);
  z-index: 1;
}
.button-a2N4uWqjmg:disabled {
  opacity: var(--opacity-disabled);
}
.leftContainer-FQ0YWFsiC5 {
  position: relative;
  flex-grow: 1;
  display: flex;
  padding-left: 4px;
}
.leftInner-S8MTSqgCzG {
  max-width: auto;
  display: flex;
  flex-direction: column;
}
.sumWrapper-HBCsGQo6J6 {
  display: flex;
  align-items: center;
}
.currencyIcon-swvznVeh3Z {
  margin-right: 4px;
}
.currencyIcon-swvznVeh3Z svg {
  width: 12px;
  height: 12px;
}
.currencyIcon-swvznVeh3Z img {
  width: 12px;
  height: 12px;
}
.withoutConvert-HnIhKj8yw5 {
  margin-top: 4px;
}
.withoutConvert-HnIhKj8yw5 svg {
  width: 12px;
  height: 12px;
}
.withoutConvert-HnIhKj8yw5 img {
  width: 16px;
  height: 16px;
}
.compareUsd-jeQoUooD44 {
  color: var(--fg-content-secondary);
  height: 13px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.09px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 744px) {
  .compareUsd-jeQoUooD44 {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1px;
  }
}
.caret-VCs7UMDohR {
  display: block;
  width: 2px;
  height: 16px;
  margin-left: 2px;
}
.caret-VCs7UMDohR.visible-nAKp6Q9yoE {
  background: var(--background-element-selection-primary);
  animation: pulseCaret-tdUHagdhy7 1.3s ease forwards infinite;
}
.currency-BjWgF3JtiB {
  margin-left: 2px;
}
.input-NGn8aGVH6t {
  position: absolute;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0);
}
.isCrypto-OazFS_Cpid {
  margin-top: -10px;
  padding-left: 20px;
}
.notConverted-OYuP8sxn7S {
  margin-top: unset;
  padding-left: 24px;
}
.background-DPDqzOJiIc {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: var(--background-element-primary);
}
.input-NGn8aGVH6t:hover + .background-DPDqzOJiIc {
  background: var(--background-hover-01);
}
.input-NGn8aGVH6t:hover + .background-DPDqzOJiIc.disabled-Z7xRTzROb_ {
  background: var(--background-element-primary);
}

.container-g7d4heaTzY {
  background-color: var(--background-container-primary);
  padding: 12px;
  border: 1px solid var(--border-element-primary);
  border-radius: var(--element-rounding-element);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 1054px) {
  .container-g7d4heaTzY {
    flex-direction: row;
  }
}
.panel-dt9LZajpEt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 4px;
  border-radius: var(--input-rounding-input-m);
  overflow: hidden;
  height: 100%;
}
@media screen and (max-width: 1054px) {
  .panel-dt9LZajpEt {
    flex: 1.2;
  }
}
.input-UyllbONG3J {
  border-radius: 0px;
  grid-area: 1/1/2/3;
}
@media screen and (max-width: 1054px) {
  .doubleVariantRoot-NbHWMDbLGM {
    height: initial;
  }
}
@media screen and (max-width: 1054px) {
  .doubleVariantButtons-ipcloDzzf6 {
    display: flex;
    flex-direction: column-reverse;
  }
}
.plus-SzZ1GLBuKy {
  grid-area: 2/1/3/2;
}
.minus-e9_HPsP69S {
  grid-area: 2/2/3/3;
}
.trRow-CRuxQUDVzB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  position: relative;
  cursor: pointer;
}
.trRow-CRuxQUDVzB th,
.trRow-CRuxQUDVzB td {
  min-width: 40px;
  width: 20%;
  text-align: center;
}
.trRow-CRuxQUDVzB th:first-child,
.trRow-CRuxQUDVzB td:first-child {
  text-align: left;
  width: 40%;
}
.trRow-CRuxQUDVzB th:last-child,
.trRow-CRuxQUDVzB td:last-child {
  text-align: right;
  width: 40%;
}
.trRow-CRuxQUDVzB th {
  width: 30%;
}
.trRow-CRuxQUDVzB th:first-child {
  width: 30%;
}
.trRow-CRuxQUDVzB th:last-child {
  width: 30%;
}
.trRow-CRuxQUDVzB.infoRow-RxyqSPS86C:nth-child(odd) {
  background: var(--background-field-primary, rgba(221, 227, 242, 0.05));
}
.item-vs6sHv3D4f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.item-vs6sHv3D4f:first-child {
  justify-content: start;
}
.item-vs6sHv3D4f:last-child {
  display: flex;
  justify-content: flex-end;
}
.listHeader-FlxJ8VtoSt {
  height: 36px;
  padding: 2px 12px;
  align-items: center;
}
.disabled-TFn7ybTcgV {
  opacity: 0.3;
}
.container-GoCg7SXEQd {
  height: 100%;
  display: block;
  padding: 0 12px 12px;
}
.content-kJjwm__fun {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.bg-WYStDfAKgy {
  height: 100%;
  width: 100%;
  background: var(--background-field-primary);
  border-radius: 12px;
}
.header-pd2zjHrkEF {
  background-color: var(--background-field-primary, rgba(221, 227, 242, 0.05));
  padding: 12px;
  height: 52px;
  border-radius: var(--element-rounding-element) var(--element-rounding-element)
    0 0;
}
@media screen and (max-width: 1054px) {
  .header-pd2zjHrkEF {
    border-radius: 0;
  }
}
.expanded-woZWqE1Iuw.even-r0b3pCB7eo {
  background: var(--background-field-primary, rgba(221, 227, 242, 0.05));
}
.container-Z2ArBF5RVp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
}
@media screen and (max-width: 1054px) {
  .container-Z2ArBF5RVp {
    padding: 2px 12px 12px;
  }
}
.buttons-aFAROBBFLF {
  display: flex;
  gap: 12px;
}
.buttons-aFAROBBFLF button:first-child {
  flex-grow: 1;
}
.item-vsKyIeZPZ3 {
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
}
.container-JlGKZwwKOL {
  overflow: hidden;
  max-width: 122px;
  display: grid;
  grid-template-columns: auto 12px;
  align-items: center;
  gap: 4px;
}
.id-PS5LgEPYNk {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container-nmnx6bVeAu {
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #0671d4;
}
.header-lTHP7RxYja {
  background-color: var(--background-field-primary, rgba(221, 227, 242, 0.05));
  padding: 12px;
  height: 52px;
  border-radius: var(--element-rounding-element) var(--element-rounding-element)
    0 0;
}
@media screen and (max-width: 1054px) {
  .header-lTHP7RxYja {
    border-radius: 0;
  }
}
.container-wDV10iYTjs {
  display: flex;
  gap: 12px;
  align-items: center;
}
.column-h1jlezhFlS {
  display: flex;
  flex-direction: column;
}
.nameWrapper-QCeBSlV6vc {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
@media screen and (max-width: 500px) {
  .name-jormAwM5At {
    overflow: hidden;
    max-width: 85px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 500px) and (max-width: 400px) {
  .name-jormAwM5At {
    max-width: 80px;
  }
}
.expanded-NrSmMgub0j.even-GkX9fC80Op {
  background: var(--background-field-primary, rgba(221, 227, 242, 0.05));
}
.container-GYQwpjcPmA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 12px 12px;
}
.buttons-sw1hamWkPD {
  display: flex;
  gap: 12px;
}
.buttons-sw1hamWkPD button:first-child {
  flex-grow: 1;
}
.betButtonField-eeMsTiS6yA {
  flex: 0.8;
}
.betButtonField-eeMsTiS6yA:hover {
  box-shadow: 0px 8px 20px 0px var(--shadow-btn-secondsry-hover);
}
@media screen and (max-width: 1054px) {
  .betButtonField-eeMsTiS6yA {
    max-width: 280px;
  }
}
.overrider-kYONsWOTAF {
  --main-min-height: 360px;
  --max-gamefield-height: 677px;
}
@media screen and (max-width: 1550px) {
  .overrider-kYONsWOTAF {
    --max-gamefield-height: 600px;
  }
}
@media screen and (max-width: 1450px) {
  .overrider-kYONsWOTAF {
    --max-gamefield-height: 523px;
  }
}
@media screen and (max-width: 1200px) {
  .overrider-kYONsWOTAF {
    --max-gamefield-height: 408px;
  }
}
@media screen and (max-width: 1054px) {
  .overrider-kYONsWOTAF {
    --main-height: auto;
    --max-gamefield-height: auto;
    --main-min-height: auto;
    --main-max-height: auto;
  }
}
.controlsWrap-qGBs6rIWzg {
  overflow-y: scroll;
  gap: 12px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.controlsWrap-qGBs6rIWzg::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1054px) {
  .controlsWrap-qGBs6rIWzg {
    gap: 4px;
  }
}
.fade-enter {
  opacity: 0.2;
}
.fade-enter-active {
  opacity: 1;
  transition: opacity 150ms;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0.2;
  transition: opacity 150ms;
}
.container-fhHWujR0Pg {
  border-radius: 4px;
  border: 0.8px solid var(--mines-default-border);
  background: var(--mines-default);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1.3;
}
.container-fhHWujR0Pg.loading-xy10paCAw0 {
  opacity: 0;
}
.container-fhHWujR0Pg.crystal-YLQlhnTwGF {
  --mines-particles-main: var(--mines-star-particles);
  --mines-particles-secondary: #fff;
  background: radial-gradient(
      113.46% 116.35% at 50% 100%,
      var(--mines-crystal-radial-01) 0%,
      var(--mines-crystal-radial-02) 44.4%,
      var(--mines-crystal-radial-03) 100%
    ),
    var(--mines-crystal-bg);
  border: none;
}
.container-fhHWujR0Pg.crystal-YLQlhnTwGF .icon-IHx41hFbj2 {
  height: 75%;
}
.container-fhHWujR0Pg.crystal-YLQlhnTwGF
  .icon-IHx41hFbj2[data-brand="goldencrown"] {
  height: 130%;
}
.container-fhHWujR0Pg.crystal-YLQlhnTwGF .icon-IHx41hFbj2[data-brand="upx"] {
  height: 80%;
}
.container-fhHWujR0Pg.crystal-YLQlhnTwGF.animationDisabled-ZadPF0Mj5W
  .icon-IHx41hFbj2 {
  height: 64%;
}
.container-fhHWujR0Pg.crystal-YLQlhnTwGF.animationDisabled-ZadPF0Mj5W
  .icon-IHx41hFbj2[data-brand="goldencrown"] {
  height: 110%;
}
.container-fhHWujR0Pg.bomb-NuehKOD_wU {
  --mines-particles-main: var(--mines-bomb-particles);
  --mines-particles-secondary: var(--mines-bomb-particles-base);
  background: radial-gradient(
      115.37% 100% at 50% 100%,
      var(--mines-bomb-radial-01) 16.5%,
      var(--mines-bomb-radial-02) 58%,
      var(--mines-bomb-radial-03) 100%
    ),
    var(--mines-bomb-bg);
  border: none;
  padding: 0;
}
.container-fhHWujR0Pg.bomb-NuehKOD_wU .icon-IHx41hFbj2 {
  height: 95%;
}
.container-fhHWujR0Pg.bomb-NuehKOD_wU.animationDisabled-ZadPF0Mj5W
  .icon-IHx41hFbj2 {
  height: 58%;
}
.container-fhHWujR0Pg.dark-MtuZF5zRg5 {
  filter: brightness(0.3);
}
.particles-fXQxs8DOFn {
  position: absolute;
  top: -50%;
  left: -50%;
  z-index: 1;
  height: 200%;
  width: 200%;
}
.icon-IHx41hFbj2 {
  height: 100%;
  width: 100%;
}
.icon-IHx41hFbj2 svg {
  height: 100%;
}
.cover-RNEvNVYHpg {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cover-RNEvNVYHpg img {
  pointer-events: none;
  height: 100%;
}
@media screen and (max-width: 1054px) {
  .cover-RNEvNVYHpg img {
    height: 80%;
  }
}
.cover-RNEvNVYHpg[data-brand="getx"] img,
.cover-RNEvNVYHpg[data-brand="batery"] img,
.cover-RNEvNVYHpg[data-brand="baterywin"] img,
.cover-RNEvNVYHpg[data-brand="gamegram"] img,
.cover-RNEvNVYHpg[data-brand="baterywinnew"] img,
.cover-RNEvNVYHpg[data-brand="mellstroy"] img,
.cover-RNEvNVYHpg[data-brand="dafabet"] img,
.cover-RNEvNVYHpg[data-brand="betsio"] img {
  height: 84%;
}
@media screen and (max-width: 1054px) {
  .cover-RNEvNVYHpg[data-brand="getx"] img,
  .cover-RNEvNVYHpg[data-brand="batery"] img,
  .cover-RNEvNVYHpg[data-brand="baterywin"] img,
  .cover-RNEvNVYHpg[data-brand="gamegram"] img,
  .cover-RNEvNVYHpg[data-brand="baterywinnew"] img,
  .cover-RNEvNVYHpg[data-brand="mellstroy"] img,
  .cover-RNEvNVYHpg[data-brand="dafabet"] img,
  .cover-RNEvNVYHpg[data-brand="betsio"] img {
    height: 60%;
  }
}
.cover-RNEvNVYHpg[data-brand="maxwin"] img {
  height: 60%;
}
.cover-RNEvNVYHpg[data-brand="casinera"] img {
  height: 70%;
}
.cover-RNEvNVYHpg[data-brand="4rabet"] img {
  height: 115%;
}
.cover-RNEvNVYHpg[data-brand="upx"] img,
.cover-RNEvNVYHpg[data-brand="glory"] img,
.cover-RNEvNVYHpg[data-brand="brucebet"] img,
.cover-RNEvNVYHpg[data-brand="casinoextra"] img {
  height: 60%;
}
.cover-RNEvNVYHpg[data-brand="goldencrown"] img,
.cover-RNEvNVYHpg[data-brand="olymp"] img,
.cover-RNEvNVYHpg[data-brand="1red"] img {
  height: 65%;
}
.cover-RNEvNVYHpg[data-brand="ace"] img {
  height: 85%;
}
@media screen and (max-width: 1054px) {
  .cover-RNEvNVYHpg[data-brand="ace"] img {
    height: 75%;
  }
}
.cover-RNEvNVYHpg[data-brand="bluechip"] img {
  height: 65%;
}
.cover-RNEvNVYHpg[data-brand="luckyStar"] img {
  height: 62%;
}
.wrapper-xqBzITZlHk {
  height: 100%;
}
.gamefield-Bu3ovP4SDP {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1054px) {
  .gamefield-Bu3ovP4SDP {
    height: auto;
  }
}
@media screen and (max-width: 744px) {
  .gamefield-Bu3ovP4SDP {
    flex-direction: column;
    max-height: none;
    gap: 8px;
  }
}
.counters-GQiLxWsLOc {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
}
.counter-ldtQMyPB6W {
  display: flex;
  width: 128px;
  justify-content: space-around;
}
@media screen and (max-width: 744px) {
  .counter-ldtQMyPB6W {
    width: auto;
  }
}
.boardWrapper-G72Cxct7DW {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1054px) {
  .boardWrapper-G72Cxct7DW {
    width: 100%;
    height: auto;
    max-width: 502px;
  }
}
@media screen and (max-width: 744px) {
  .boardWrapper-G72Cxct7DW {
    max-width: none;
    gap: 12px;
  }
}
.stepsWrapper-LUrl_QSOEK {
  width: fit-content;
}
@media screen and (max-width: 1054px) {
  .stepsWrapper-LUrl_QSOEK {
    width: 100%;
  }
}
@media screen and (max-width: 744px) {
  .stepsWrapper-LUrl_QSOEK {
    padding: 0 8px;
  }
}
.board-hDQpSRLTjA {
  max-width: 800px;
  display: grid;
  justify-items: center;
  height: 100%;
  aspect-ratio: 1.3;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 8px;
}
@media screen and (max-width: 1550px) {
  .board-hDQpSRLTjA {
    max-width: 700px;
  }
}
@media screen and (max-width: 1450px) {
  .board-hDQpSRLTjA {
    max-width: 600px;
  }
}
@media screen and (max-width: 1200px) {
  .board-hDQpSRLTjA {
    max-width: 450px;
  }
}
@media screen and (max-width: 1054px) {
  .board-hDQpSRLTjA {
    width: 100%;
    height: auto;
    max-width: 502px;
    max-height: none;
  }
}
@media screen and (max-width: 744px) {
  .board-hDQpSRLTjA {
    gap: 4px;
    padding: 6px 8px 0;
    max-width: none;
  }
}
.wrapper-BbouvnCGVQ {
  height: 42px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.wrapper-BbouvnCGVQ::before,
.wrapper-BbouvnCGVQ::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  opacity: 0;
  transition: opacity 0.1s;
}
@media screen and (max-width: 744px) {
  .wrapper-BbouvnCGVQ::before,
  .wrapper-BbouvnCGVQ::after {
    width: 58px;
  }
}
.wrapper-BbouvnCGVQ::before {
  left: -2px;
  bottom: -2px;
  background: linear-gradient(
    to right,
    var(--background-page) 20%,
    transparent
  );
}
.wrapper-BbouvnCGVQ::after {
  right: -2px;
  background: linear-gradient(to left, var(--background-page) 20%, transparent);
}
.wrapper-BbouvnCGVQ.scrollLeft-EXcyfCNnKi::before,
.wrapper-BbouvnCGVQ.scrollRight-oeyYB7b6Fx::after {
  opacity: 1;
}
.scrollButtonContainer-GU2KJCDomK {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 1;
}
.scrollBack-nk7aprfZ7X {
  left: 0;
}
.scrollBack-nk7aprfZ7X svg {
  transform: rotate(180deg);
}
.scrollNext-BVkfirjgEl {
  right: 0;
}
.container-eNKUuC0_lf {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.container-eNKUuC0_lf::-webkit-scrollbar {
  display: none;
}
.item-hV_515RwXm {
  background: var(--background-element-primary);
  min-width: 58px;
  border-radius: 8px;
  display: flex;
  padding: 4px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 2px;
  color: var(--fg-content-gray);
}
.item-hV_515RwXm.active-AcZH0sPLtA {
  color: var(--mines-info-tag-content);
  background: linear-gradient(
    118deg,
    var(--mines-info-tag-01) 1.51%,
    var(--mines-info-tag-02) 67.19%
  );
}
.minesCount-L2m94vdaDS {
  display: flex;
  align-items: center;
  gap: 2px;
}
.minesCount-L2m94vdaDS svg {
  width: 10px;
  height: 10px;
  fill: var(--fg-content-gray);
}
.minesCount-L2m94vdaDS.active-AcZH0sPLtA svg {
  fill: var(--mines-info-tag-content);
}
.wrapper-LlIQuKloR7 {
  border-radius: 10px;
  background: linear-gradient(
    180deg,
    var(--mines-card) 0%,
    var(--mines-card-alpha-0) 100%
  );
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 128px;
  width: 100%;
}
@media screen and (max-width: 744px) {
  .wrapper-LlIQuKloR7 {
    width: auto;
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    padding: 0;
  }
}
.icon-wAXlBtEYfc {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 52px;
}
.icon-wAXlBtEYfc img {
  height: 100%;
}
.badge-KwFon1fgnW {
  padding: 4px 12px;
  width: 68px;
  border-radius: 999px;
  border: 1px solid var(--border-element-primary);
  background: var(--background-element-primary);
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  user-select: none;
}
@media screen and (max-width: 744px) {
  .badge-KwFon1fgnW {
    width: auto;
  }
}
.overrider-Wv8S3aqANS {
  --content-padding: 0px;
  --border-color: var(--background-element-primary);
}
.button-ch4qQFvfmM {
  cursor: pointer;
  display: grid;
  place-content: center;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  padding: 0;
  width: var(--button-size-button-l);
  height: var(--button-size-button-l);
}
@media screen and (max-width: 744px) {
  .button-ch4qQFvfmM {
    width: var(--button-size-button-s);
    height: var(--button-size-button-s);
  }
}
.modal-tGw6cIPReb {
  position: fixed;
  width: 270px;
  transform: translateX(-100%);
}
.menuItem-yzG8zBwOfT {
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  padding: 0 12px;
  margin: 0;
  height: 44px;
}
.menuItem-yzG8zBwOfT:not(:last-child) {
  border-bottom: 1px solid var(--background-element-primary);
}
.contentWrap-t4n3qBJfcs {
  width: 100%;
  max-width: 752px;
}
.contentBlock-QSt_lQbFWJ {
  background-color: var(--background-container-primary);
  border-radius: var(--modal-rounding-modal);
  padding: 12px;
}
.badge-BgL9d8qau0 {
  display: inline-flex;
  margin-top: 16px;
  margin-bottom: 8px;
}
.roundIdText-TlUbWYnldC {
  overflow: hidden;
  max-width: 150px;
  display: grid;
  grid-template-columns: auto auto 12px;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}
.roundIdText-TlUbWYnldC span {
  color: var(--fg-content-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-wo12GZZXLf {
  gap: 12px;
  padding: 0 12px;
  border-radius: var(--input-rounding-input-m);
  border: 1px solid rgba(0, 0, 0, 0);
}
.input-wo12GZZXLf .inputLabel-UKNthQvVQG {
  width: 30px;
}
.input-wo12GZZXLf .customInput-lmlXIbnZis {
  font-weight: 400;
}
.input-wo12GZZXLf button {
  display: flex;
}
.input-wo12GZZXLf.verified-wIQFgW2E4o {
  border-color: var(--feedback-success);
}
.input-wo12GZZXLf.notVerified-vMFLyaqAm6 {
  border-color: var(--feedback-error);
}
.verifyWrap-vBPdoo4NmP {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.verifyWrap-vBPdoo4NmP > button {
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (max-width: 744px) {
  .verifyWrap-vBPdoo4NmP > button {
    width: 100%;
    display: block;
  }
}
.verifyWrapTop-d_6nu44dgf {
  display: flex;
  gap: 8px;
}
.verifyWrapTop-d_6nu44dgf button {
  width: 220px;
  height: 100%;
}
@media screen and (max-width: 744px) {
  .verifyWrapTop-d_6nu44dgf button {
    display: none;
  }
}
.footerText-ixGq3HMlbV {
  padding: 0 12px;
}
.footerText-ixGq3HMlbV ol {
  padding-left: 20px;
}
.checkIcon-nyr9WHb_fJ svg path {
  fill: var(--feedback-success);
}
.crossIcon-MuyeYsSxe4 svg path {
  fill: var(--feedback-error);
}
.cells-DXvRmCwMyT {
  background-color: var(--background-field-primary);
  border-radius: var(--basebadge-rounding-badge);
  padding: 12px;
}
.cells-DXvRmCwMyT .cellsWrap-k4Ja9qdf0j {
  width: 70%;
  margin: 12px 15% 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.cells-DXvRmCwMyT .cellsWrap-k4Ja9qdf0j svg * {
  fill: var(--fg-content-secondary);
}
@media screen and (max-width: 744px) {
  .cells-DXvRmCwMyT .cellsWrap-k4Ja9qdf0j {
    width: 100%;
    margin: 12px 0 0;
  }
}
.paper-WA9BNIjqKy {
  position: relative;
  background-color: var(--background-container-primary);
  border: 1px solid var(--border-element-primary);
  border-radius: var(--element-rounding-element);
  padding: 12px 12px 40px 12px;
  min-height: fit-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1054px) {
  .paper-WA9BNIjqKy {
    padding: 12px;
  }
}
.scrollContainer-tSZHnGazxz {
  height: 100%;
  min-height: 0px;
}
.footer-OX69VaPbSl {
  position: absolute;
  inset: 0;
  top: initial;
  margin: 12px;
}
.logo-iw_YiYADCA {
  width: 250px;
  height: 100px;
  margin: auto;
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
}
.logo-iw_YiYADCA[data-brand="upx"] {
  background-position-y: center;
  width: 188px;
  height: 188px;
}
.logo-iw_YiYADCA[data-brand="maxwin"] {
  width: 92px;
  height: 184px;
  background-position-y: center;
}
.logo-iw_YiYADCA[data-brand="casinera"] {
  width: 132px;
  height: 184px;
  background-position-y: center;
}
.logo-iw_YiYADCA[data-brand="ace"] {
  width: 192px;
  height: 100px;
  background-position-y: center;
}
.logo-iw_YiYADCA[data-brand="bluechip"] {
  width: 128px;
  height: 182px;
  background-position-y: center;
}
.logo-iw_YiYADCA[data-brand="brucebet"] {
  width: 128px;
  height: 128px;
  background-position-y: center;
}
.logo-iw_YiYADCA[data-brand="mellstroy"] {
  width: 128px;
  height: 112px;
  background-position-y: center;
}
.logo-iw_YiYADCA[data-brand="100hp"] {
  width: 211px;
  height: 169px;
}
.logo-iw_YiYADCA[data-brand="getx"] {
  width: 178px;
  height: 146px;
}
.logo-iw_YiYADCA[data-brand="baterywinnew"] {
  width: 176px;
  height: 176px;
}
.logo-iw_YiYADCA[data-brand="olymp"] {
  width: 167px;
  height: 163px;
}
.logo-iw_YiYADCA[data-brand="batery"] {
  width: 224px;
  height: 98px;
}
.logo-iw_YiYADCA[data-brand="betsio"] {
  width: 130px;
  height: 142px;
}
.logo-iw_YiYADCA[data-brand="glory"] {
  width: 118px;
  height: 144px;
}
.logo-iw_YiYADCA[data-brand="baterywin"],
.logo-iw_YiYADCA[data-brand="gamegram"],
.logo-iw_YiYADCA[data-brand="goldencrown"],
.logo-iw_YiYADCA[data-brand="4rabet"] {
  width: 142px;
  height: 142px;
}
.logo-iw_YiYADCA[data-brand="luckyStar"] {
  width: 128px;
  height: 128px;
}
.logo-iw_YiYADCA[data-brand="1red"] {
  height: 50px;
}
@media (max-width: 1054px) or (max-height: 800px) {
  .logo-iw_YiYADCA {
    display: none;
  }
}
.tabs-rj4yYSBv9T {
  --tabs-container-background-color: var(--background-field-inverted);
  --tab-selected-background-color: var(--background-element-primary);
  width: 100%;
}
.tab-AoDnbKIiPs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-GlSMZYG3Ip {
  padding: 15px 70px;
}
.modal-GlSMZYG3Ip .content-CiRkm7EZG1 {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  max-width: 500px;
}
.modal-GlSMZYG3Ip .content-CiRkm7EZG1 .pauseIcon-J6gd3jy6Fd {
  margin-bottom: 10px;
  width: 45px;
  color: var(--button-primary-down);
}
.modal-GlSMZYG3Ip .content-CiRkm7EZG1 button {
  font-weight: 600;
  font-size: 14px;
  color: var(--fg-content-dark);
  margin-top: 15px;
  background: var(
    --btn-primary,
    linear-gradient(
      118deg,
      var(--button-primary-up) 1.51%,
      var(--button-primary-down) 67.19%
    )
  );
  border-color: var(--btn-primary);
}
.modal-GlSMZYG3Ip .content-CiRkm7EZG1 button svg {
  width: 16px;
}
@media screen and (max-width: 744px) {
  .modal-GlSMZYG3Ip {
    width: 100%;
    padding: 15px 0 0;
  }
  .modal-GlSMZYG3Ip .content-CiRkm7EZG1 {
    max-width: 100%;
  }
  .modal-GlSMZYG3Ip .content-CiRkm7EZG1 .pauseIcon-J6gd3jy6Fd {
    width: 35px;
  }
  .modal-GlSMZYG3Ip .content-CiRkm7EZG1 button {
    width: 100%;
  }
}
.gameLimitsModal-TpgbiTMDz0 {
  width: 514px;
  max-width: 100%;
}
.gameLimitsModal-TpgbiTMDz0.bottom-idM0_aaSYp {
  width: 100%;
}
.limitItem-vafHYxh_WD {
  flex-grow: 1;
  border-radius: 12px;
  padding: 12px;
  background-color: var(--background-field-primary);
}
.maxWin-jkOSfJZTWc svg {
  color: var(--fg-content-green);
}
.modal-hBybhnsFeq {
  padding: 15px 70px;
}
.modal-hBybhnsFeq .content-k_uMr3NhBa {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  max-width: 500px;
}
@media screen and (max-width: 744px) {
  .modal-hBybhnsFeq {
    width: 100%;
    padding: 15px 0 0;
  }
  .modal-hBybhnsFeq .content-k_uMr3NhBa {
    max-width: 100%;
  }
}
.card-r37ncpCvk0 {
  position: relative;
  width: 280px;
  height: 180px;
  border-radius: 12px;
  border: 1px solid var(--border-element-primary);
  background-color: var(--background-page);
  overflow: hidden;
}
.card-r37ncpCvk0.withBg-c9yEkRI3WL {
  background: url('./e240cf6ae73738371f42-DJbKIbxk.webp')
    center/cover no-repeat;
  background-color: var(--background-page);
}
.previewText-HkUUvHjPic {
  margin-block-start: 12px;
  text-align: center;
  width: 80%;
  margin-inline: auto;
}
.text-BdIIJOP3n6 {
  position: absolute;
  text-align: center;
  text-wrap: balance;
  top: 12px;
  width: 100%;
  z-index: 1;
}
.fakeRoundInfo-WLVIsI_5se {
  position: absolute;
  transform: translateX(-50%);
  top: 45px;
  left: 50%;
  display: flex;
  width: 244px;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.093px;
  border-radius: 6.82px;
  border: 0.568px solid var(--border-element-primary);
  background: var(--background-container-elevated-primary);
}
.fakeHeader-GWV756qTnC {
  color: var(--fg-content-primary);
  font-size: 10.67px;
  font-weight: 600;
  line-height: 13.33px;
  letter-spacing: -0.102px;
}
.fakeBody-ps6TX3qMm6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10.67px;
  align-self: stretch;
}
.fakeInfo1-IncwjHUdCm,
.fakeInfo2-rKU3kWGLq_ {
  height: 24px;
  border-radius: 4.546px;
  background: var(--background-field-primary);
}
.fakeInfo1-IncwjHUdCm {
  width: 98px;
}
.fakeInfo2-rKU3kWGLq_ {
  width: 52px;
}
.iconButton-RCEZqYd6uv {
  display: flex;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  border-radius: 5.78px;
  border: 1px solid var(--border-element-primary);
  background: var(--background-hover-02);
  height: 24px;
  width: 24px;
}
.primaryText-cBThH6vcNG {
  color: var(--fg-content-primary);
}
.fakeInput-fnQfzv0AA8 {
  display: flex;
  width: 228px;
  height: 29.33px;
  padding: 2.67px 2.67px 2.273px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 4.546px;
  background: var(--background-field-primary);
  color: var(--fg-content-secondary);
  font-size: 9.33px;
  font-weight: 400;
  line-height: 13.33px;
  letter-spacing: -0.051px;
}
.fakeDescription-uxcER7KC2a {
  color: var(--fg-content-secondary);
  font-size: 7.956px;
  font-weight: 400;
  line-height: 11.366px;
  letter-spacing: -0.051px;
}
.copyIcon-ogLPXpPala {
  margin-left: auto;
  width: 24px;
  height: 24px;
}
.copyIcon-ogLPXpPala svg {
  transform: scale(0.6);
}
.copyIconActive-xP3jCBkK_Q {
  border-radius: 4.497px;
  background: var(--background-hover-01, rgba(221, 227, 242, 0.2));
}
.fakeDarking-rxXmMgwmyd {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--background-page) 100%
  );
}
.hand-Yuiq24jZBY {
  position: absolute;
  top: 116px;
  right: -12px;
  width: 50px;
  height: 70px;
}
.text-jDB7uXU7tO {
  position: absolute;
  text-align: center;
  text-wrap: balance;
  top: 12px;
  width: 100%;
  z-index: 1;
  line-height: 1.1;
}
.fakeParityCheck-kMCAIhdLTf {
  position: absolute;
  transform: translateX(-50%);
  top: 44px;
  left: 50%;
  display: flex;
  width: 244px;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12.443px;
  border-radius: 7.082px;
  border: 0.59px solid var(--border-element-primary);
  background: var(--background-container-elevated-secondary);
}
.fakeParityCheckHeader-YpvLsAfh2h {
  color: var(--fg-content-primary);
  font-size: 10.67px;
  font-weight: 600;
  line-height: 11.366px;
  letter-spacing: -0.102px;
}
.fakeParityCheckBody-bzHHLYGe_t {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.721px;
  align-self: stretch;
}
.fakeInput-BwihlIwmpR {
  display: flex;
  width: 228px;
  min-height: 29.33px;
  padding-left: 8px;
  align-items: center;
  flex: 1 0 0;
  gap: 2px;
  border-radius: 4.854px;
  background: var(--background-field-primary, rgba(221, 227, 242, 0.05));
  color: var(--fg-content-secondary);
  font-size: 9.33px;
  font-weight: 400;
  line-height: 11.803px;
  letter-spacing: -0.053px;
}
.fakeInput1-soFQT1izbh .fakeInputValue-utfbDeOLPx {
  color: var(--fg-content-secondary, #828896);
}
.fakeInput2-SNh08nMIdO {
  border-radius: 5.48px;
  border: 0.568px solid var(--feedback-success, #caff6d);
  background: var(--background-field-primary, rgba(221, 227, 242, 0.05));
}
.fakeInputValue-utfbDeOLPx {
  color: var(--fg-content-primary);
  margin-left: 5px;
}
.checkIcon-zVlMthstP0 {
  margin-left: auto;
  display: grid;
  place-content: center;
  width: 20px;
  height: 20px;
  color: var(--feedback-success);
}
.fakeCheckIcon-y4jsS4DRH3 {
  transform: scale(0.7);
}
.fakeButton-gaJOmlLBuc {
  display: flex;
  width: 228px;
  height: 29.33px;
  padding: 6.82px 9.093px;
  justify-content: center;
  align-items: center;
  gap: 4.546px;
  border-radius: 4.674px;
  border: 0.568px solid var(--border-btn-affirmative);
  opacity: var(--opacity-disabled);
  background: linear-gradient(
      118deg,
      var(--button-affirmative-up) 1.51%,
      var(--button-affirmative-down) 67.19%
    ),
    var(--background-field-primary);
  color: var(--fg-content-primary);
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.09px;
}
.fakeDarking-IdjakH8o92 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--background-page) 100%
  );
}
.contentWrapper-dx0ELFmD0E {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.descriptions-K_m3IglPQd {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.overrider-m4S_qk9D_5 {
  max-width: min-content;
}
.text-xJdQpJkx9g {
  position: absolute;
  text-align: center;
  text-wrap: balance;
  top: 12px;
  width: 100%;
  z-index: 2;
}
.fakeHistory-pOFEnjHH02 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  mask: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.fakeHistoryItem-N926sLfamZ {
  display: flex;
  height: 28px;
  padding: 4.185px 6.278px;
  align-items: center;
  justify-content: space-between;
}
.fakeTime-_6XpvO1aMB {
  color: var(--fg-content-secondary);
  font-size: 6.278px;
  font-weight: 400;
  line-height: 8.371px;
  letter-spacing: 0.005px;
}
.fakeAmount-togvcRGraH {
  color: var(--fg-content-primary);
  text-align: center;
  font-size: 7.325px;
  font-weight: 600;
  line-height: 10.464px;
  letter-spacing: -0.047px;
}
.fakeRate-qTMmin3EcN {
  color: var(--fg-content-gray);
  font-size: 7.325px;
  font-weight: 500;
  line-height: 10.464px;
  letter-spacing: -0.047px;
}
.fakeWin-IdxIE7Vfnt {
  color: var(--fg-content-brand);
  text-overflow: ellipsis;
  font-size: 7.325px;
  font-weight: 600;
  line-height: 10.464px;
  letter-spacing: -0.047px;
}
.fakeTooltip-yPp98MarZd {
  position: absolute;
  z-index: 1;
  bottom: 23px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px;
  width: 200px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 6.278px;
  background: var(--background-container-elevated-primary);
}
.fakeField-YYnWfvpPJH {
  display: flex;
  height: 20.927px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: var(--fg-content-secondary);
  font-size: 8px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.09px;
}
.fakeWinCount-K42gMovfaK {
  color: var(--fg-content-brand);
}
.fakeButton-lkCNC43C_r {
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 6.278px 8.371px;
  gap: 4.185px;
  border-radius: 4.185px;
  border: 0.523px solid var(--border-element-primary);
  background: var(--background-element-primary);
  color: var(--fg-content-primary);
  font-size: 7.325px;
  font-weight: 600;
  line-height: 10.464px;
  letter-spacing: -0.047px;
}
.fakeShield-D2HHJ2pPgV svg {
  transform: scale(0.6);
}
.fakeTriangle-sucPcq6wEJ {
  z-index: 2;
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 6px;
}
.fakeDarkingMain-QgAkOmIboM {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 100%;
  background: linear-gradient(0deg, transparent 0%, var(--background-page) 50%);
  z-index: 2;
}
.fakeDarking-B7kv0o6J5T {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--background-page) 100%
  );
}
.hand-IcTF7riawU {
  z-index: 3;
  position: absolute;
  top: 120px;
  right: 20px;
  width: 50px;
  height: 70px;
  transform: scale(0.7);
}
.contentWrapper-sGI5UTPHLE {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.descriptions-JsokSBoI0o {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.overrider-OfIjSDgoNh {
  max-width: min-content;
}
.text-qW1Pthhyfp {
  position: absolute;
  text-align: center;
  text-wrap: balance;
  top: 12px;
  width: 100%;
}
.fakeBetPanel-EaRhXFCOdn {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 268px;
  height: 70px;
  background-color: var(--background-container-primary);
  border: 1px solid var(--border-element-primary);
  border-radius: 10px;
  pointer-events: none;
  touch-action: none;
  user-select: none;
}
.fakeBetButton-P6onlqji03 {
  border-radius: 5.702px;
  background: var(
    --btn-primary,
    linear-gradient(
      118deg,
      var(--button-primary-up) 1.51%,
      var(--button-primary-down) 67.19%
    )
  );
  box-shadow: 0px 2.806px 2.806px 0px rgba(0, 0, 0, 0.25);
  color: var(--fg-content-inverted);
  font-size: 13.983px;
  font-style: normal;
  font-weight: 600;
  line-height: 27.965px;
  letter-spacing: -0.385px;
  min-width: 106.639px;
  height: 53.319px;
  padding: 14.031px 2.806px;
}
.fakeInput-oGJNYaSTo5 {
  display: flex;
  width: 136.105px;
  height: 30.869px;
  padding: 2.806px 5.613px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5.702px 5.702px 2.851px 2.851px;
  background: var(--background-element-primary);
}
.fakeInputValue-Ji2JCT3i9E {
  color: var(--fg-content-primary, #ebf0ff);
  text-align: center;
  font-size: 14.031px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.838px;
  letter-spacing: -0.232px;
}
.fakeInputControls-HQtqiImJEw {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fakeMinus-PwF1q6gRY8 {
  width: 20px;
  height: 20px;
  color: var(--fg-content-secondary);
}
.fakePlus-DJUQJU819k {
  width: 20px;
  height: 20px;
  color: var(--fg-content-primary);
}
.fakeDecimal-D0tv7N3LF4 {
  color: var(--fg-content-secondary);
}
.fakeCurrency-jcrfPQ7xcv {
  color: var(--fg-content-secondary);
  font-size: 10.959px;
}
.fakeD2-c2dR2Hfejl {
  display: flex;
  width: 66.649px;
  height: 19.644px;
  padding: 2.806px 11.225px;
  justify-content: center;
  align-items: center;
  gap: 5.613px;
  border-radius: 2.851px 2.851px 2.851px 5.702px;
  background: var(--background-element-primary);
  color: var(--fg-content-secondary);
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: -0.105px;
}
.fakeX2-C_WKpEg9LX {
  display: flex;
  width: 66.649px;
  height: 19.644px;
  padding: 2.806px 11.225px;
  justify-content: center;
  align-items: center;
  gap: 5.613px;
  border-radius: 2.851px 2.851px 5.702px 2.851px;
  background: var(--background-element-primary);
  color: var(--fg-content-secondary);
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: -0.105px;
}
.hand-wKPQzFCM91 {
  position: absolute;
  top: 110px;
  right: 20px;
  width: 50px;
  height: 70px;
}
.cardWrapper-PzwPm0n31E {
  position: relative;
}
.cardWrapper-PzwPm0n31E:after {
  content: "";
  position: absolute;
  background: linear-gradient(
    0deg,
    var(--background-page) 0.01%,
    var(--background-page-overlay-alpha-0) 100%
  );
  height: 38px;
  width: 100%;
  bottom: 0;
}
.text-w0eKYrWReH {
  position: absolute;
  text-align: center;
  text-wrap: balance;
  top: 12px;
  padding: 0 30px;
}
.gameField-oaDpBFlv5O {
  margin-top: 60px;
  display: grid;
  justify-items: center;
  width: fit-content;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 4px;
}
.gameField-oaDpBFlv5O:before,
.gameField-oaDpBFlv5O:after {
  content: "";
  position: absolute;
  width: 38px;
  height: 100%;
  top: 0;
}
.gameField-oaDpBFlv5O:before {
  left: 0;
  background: linear-gradient(
    270deg,
    var(--background-page-overlay-alpha-0) 0.01%,
    var(--background-page) 100%
  );
}
.gameField-oaDpBFlv5O:after {
  right: 0;
  background: linear-gradient(
    270deg,
    var(--background-page) 0.01%,
    var(--background-page-overlay-alpha-0) 100%
  );
}
.cell-snYmzIsgxQ {
  display: flex;
  width: 68px;
  height: 52px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 0.8px solid var(--mines-default-border);
  background: var(--mines-default);
}
.cell-snYmzIsgxQ.star-rmHQW7qWKR {
  border: none;
  background: radial-gradient(
      113.46% 116.35% at 50% 100%,
      var(--mines-crystal-radial-01) 0%,
      var(--mines-crystal-radial-02) 44.4%,
      var(--mines-crystal-radial-03) 100%
    ),
    var(--mines-crystal-bg);
}
.cell-snYmzIsgxQ.star-rmHQW7qWKR svg {
  width: 30px;
}
.cell-snYmzIsgxQ.star-rmHQW7qWKR .hand-ImscBSXEWA {
  position: absolute;
  width: 50px;
  right: 40px;
  bottom: 30px;
}
.fakeButton-TD_n8VLVJM {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 7px 9px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 0.66px solid var(--border-btn-secondary-up-hover);
  background: linear-gradient(
      118deg,
      var(--button-secondary-up) 1.51%,
      var(--button-secondary-down) 67.19%
    ),
    var(--background-field-primary);
  color: var(--fg-content-primary);
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.09px;
}
.fakeButton-TD_n8VLVJM .text-KOnPnMPSaD {
  color: var(--fg-fg-content-btn-secondary-text);
  font-size: 8px;
  font-weight: 500;
  height: 8px;
}
.fakeButton-TD_n8VLVJM .amount-oYJeVn4oax {
  color: var(--fg-content-btn-secondary-amount-02);
  font-size: 13px;
  font-weight: 600;
}
table {
  border-spacing: 0;
  height: 100%;
}
tr,
td,
th,
thead {
  box-sizing: border-box;
}
.wrapper-Hz5755pvaC {
  display: flex;
  flex-direction: column;
  border-radius: var(--modal-rounding-modal);
  border: 1px solid var(--border-element-primary);
  background: var(--background-container-primary);
  height: 100%;
}
.header-bHx7tkYB6G {
  border-radius: var(--modal-rounding-modal) var(--modal-rounding-modal) 0 0;
  background: var(--background-field-primary);
  padding: 12px 12px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 744px) {
  .header-bHx7tkYB6G {
    flex-direction: column;
    gap: 8px;
    align-items: start;
    justify-content: center;
    padding: 8px 12px 12px;
  }
}
.header-bHx7tkYB6G .main-jgS2YsGD4e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 744px) {
  .header-bHx7tkYB6G .main-jgS2YsGD4e {
    flex-direction: column;
    gap: 8px;
    align-items: start;
    justify-content: center;
  }
}
@media screen and (max-width: 744px) {
  .header-bHx7tkYB6G .headerTopPanel-zvajL8XDWi {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 744px) {
  .header-bHx7tkYB6G .label-bdpee5k8eh {
    height: 48px;
    display: flex;
    align-items: center;
  }
}
.header-bHx7tkYB6G .tabs-grYRKMZfCz {
  --tabs-container-background-color: transparent;
  --tabs-container-radius: var(--button-rounding-button-m);
  --tabs-container-padding: 0px;
  --tab-background-color: var(--background-field-primary);
  --tab-height: var(--tab-size-segment-tab-m);
  --tab-selected-background-color: linear-gradient(
    118deg,
    var(--button-accent-up) 1.51%,
    var(--button-accent-down) 67.19%
  );
  --tab-selected-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05);
  --tab-text-color: var(-color-fg-content-secondary);
  --tab-selected-text-color: var(--fg-content-inverted);
  gap: 4px;
}
@media screen and (max-width: 744px) {
  .header-bHx7tkYB6G .tabs-grYRKMZfCz {
    display: flex;
    width: 100%;
  }
}
.header-bHx7tkYB6G .tab-EkLED7cMhg {
  border: none;
  justify-content: center;
}
.header-bHx7tkYB6G .tab-EkLED7cMhg:before {
  display: none;
}
@media screen and (max-width: 744px) {
  .header-bHx7tkYB6G .tab-EkLED7cMhg {
    flex-grow: 1;
  }
}
.header-bHx7tkYB6G .liveTab-ZMk2xoqKsh {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-bHx7tkYB6G .dividerOverrider-ZgfsJ5m4kR {
  background-color: var(--tab-text-color);
}
.header-bHx7tkYB6G .dividerOverrider-ZgfsJ5m4kR.selected-LD0ilikMHJ {
  background-color: var(--tab-selected-text-color);
}
.header-bHx7tkYB6G .dividerOverrider-ZgfsJ5m4kR.rounded-ZSRa6b9SSk {
  margin-right: -4px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
}
.header-bHx7tkYB6G .filters-t5xqwuRdAC {
  width: 100%;
}
.body-S9HQiPJ1nG {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.body-S9HQiPJ1nG::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1054px) {
  .body-S9HQiPJ1nG {
    min-height: 352px;
  }
}
.wrapper-tCdwMofLIN {
  display: flex;
  width: 100%;
  gap: 12px;
}
@media screen and (max-width: 744px) {
  .wrapper-tCdwMofLIN {
    gap: 8px;
  }
}
.listOverrider-uNKc5h919j {
  width: 100%;
}