html {
      --z-index-main: 100;
      --z-index-betting-trigger: 101;
      --z-index-floating: 102;
      --z-index-betting-modal: 141;
      --z-index-ptr-pwa: 145;
      --z-index-betting-tooltip: 150;
      --z-index-cdp-layout: 102;
      --z-index-tabbar: 130;
      --z-index-button-top: 124;
      --z-index-sidebar: 131;
      --z-index-header: 140;
      --z-index-modal-layout: 1000;
      --z-index-snackbar: 1005;
      --z-index-tooltip: 1010;
      --sn-min-readable-font-size: var(--font-caption-s-regular-font-size, 12px);
      --sn-focus-ring-color: var(--color-solid-brand-primary-default, #00b24b);
      --sn-focus-ring-width: 2px;
      --sn-focus-ring-offset: 2px;
      --sn-lobby-carousel-card-width: clamp(108px, 28vw, 156px);
      --sn-lobby-carousel-card-aspect: 1.333;
      --sn-lobby-slider-header-height: 38px;
      --sn-lobby-section-gap: var(--spacing-24);
      --safe-area-inset-top: env(safe-area-inset-top);
      --safe-area-inset-right: env(safe-area-inset-right);
      --safe-area-inset-bottom: env(safe-area-inset-bottom);
      --safe-area-inset-left: env(safe-area-inset-left);
      --safe-area-inset-inline-start: env(safe-area-inset-left);
      --safe-area-inset-inline-end: env(safe-area-inset-right);
      --safe-area-inset-block-start: env(safe-area-inset-top);
      --safe-area-inset-block-end: env(safe-area-inset-bottom);
      line-height: 1.5;
      scroll-behavior: auto;
      tab-size: 4;
      -webkit-tap-highlight-color: transparent;
      -webkit-text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      text-size-adjust: 100%;
      --padding-bottom-layout-tabbar-with-safe-area: calc(max(var(--safe-area-inset-block-end), var(--tabbar-layout-padding-bottom)));
      --height-layout-tabbar-with-safe-area: calc(var(--tabbar-layout-height) + var(--padding-bottom-layout-tabbar-with-safe-area) - var(--tabbar-layout-padding-bottom));
      --height-layout-header-mobile-with-safe-area: calc(var(--header-layout-height-mobile) + var(--safe-area-inset-block-start));
      --height-layout-header-desktop-with-safe-area: calc(var(--header-layout-height-desktop) + var(--safe-area-inset-block-start))
    }

    html[dir=rtl] {
      --safe-area-inset-inline-start: env(safe-area-inset-right);
      --safe-area-inset-inline-end: env(safe-area-inset-left)
    }

    button,
    html {
      font-family: var(--font-body-font-family)
    }

    body {
      font-family: inherit;
      line-height: inherit;
      overflow-x: hidden
    }

    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    pre {
      margin: 0
    }

    *,
    ::after,
    ::before {
      box-sizing: border-box;
      border-width: 0;
      border-style: solid;
      border-color: currentColor
    }

    h1,
    h2 {
      font-size: inherit;
      font-weight: inherit
    }

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

    pre {
      font-family: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace
    }

    #root {
      display: flex;
      min-height: 100vh;
      min-height: 100dvh;
      flex-direction: column;
      padding: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)
    }

    @media (min-width: 768px) {
      html {
        --sn-lobby-carousel-card-width: clamp(120px, 14vw, 168px);
      }
    }

    @media (min-width: 1024px) {
      html {
        --sn-lobby-section-gap: var(--spacing-32);
      }
    }

    @media (display-mode:standalone) {
      #root {
        min-height: 100vh
      }
    }