@charset "UTF-8";
._topBanner_z3a3b_1 {
  width: 100%;
}
._topBannerContent_z3a3b_5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 0;
  margin: 0 auto;
  width: 1200px;
  max-width: 100%;
  justify-content: flex-start;
}
._logo_z3a3b_16 {
  max-width: 130px;
  width: 100%;
}
._bannerContainer_z3a3b_21 {
  display: flex;
  flex-direction: row;
  max-height: 70px;
  margin-inline: 100px;
}
._bannerImage_z3a3b_28 {
  width: 300px;
  height: 70px;
}
:where(html:not([data-desktop-view=true])) ._topBanner_z3a3b_1 {
  display: none;
}
._downloadAppBtn_mnf18_2,
._downloadAppBtnPill_mnf18_2 {
  width: auto;
  height: 46px;
  gap: 6px;
  opacity: 1;
  padding-inline: 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(
      63.09% 122.83% at 50.34% 0%,
      #ffde96 0%,
      #ffd06b 46.03%,
      #ffbf35 89.1%);
  box-shadow: 0px 1px 0px 0px rgba(215, 119, 15, 0.6);
  cursor: pointer;
  position: relative;
}
._downloadAppBtn_mnf18_2 span,
._downloadAppBtnPill_mnf18_2 span {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
._downloadAppBtnPill_mnf18_2 span {
  font-size: 14px;
}
._downloadAppBtnPill_mnf18_2 {
  border-radius: 50px;
}
._downloadAppBtn_mnf18_2._active_mnf18_31,
._active_mnf18_31._downloadAppBtnPill_mnf18_2 {
  z-index: 20;
  border-radius: 6px 6px 0px 0px !important;
  box-shadow: none !important;
}
._downloadAppBtnPill_mnf18_2._active_mnf18_31 {
  z-index: 20;
  border-radius: 25px 25px 0px 0px !important;
  box-shadow: none !important;
}
._downloadApp_mnf18_2 {
  position: relative;
  display: inline-block;
  margin-left: auto;
}
._appQRDropdown_mnf18_49 {
  position: absolute;
  border-radius: 6px 0 6px 6px;
  min-width: 194px;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: center;
  right: 0;
  font-weight: 600;
  width: 223px;
  height: auto;
  padding: 20px;
  background: #ffbf35;
  box-shadow: 0px 1.8px 2px 0px rgba(0, 0, 0, 0.2);
}
._appQRDropdownPill_mnf18_67 {
  border-radius: 20px 0 20px 20px;
}
._appQRDropdownImg_mnf18_71 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  border-radius: 6px;
  border-width: 1px;
  padding: 15px;
  background: #f4f4f4;
  border: 1px solid #fff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
  margin-bottom: 10px;
}
._appQRDropdownImg_mnf18_71 img {
  max-width: 100%;
  height: auto;
}
._appQRDropdownText_mnf18_90 {
  text-align: center;
}
._appQRDropdownText_mnf18_90 span {
  font-size: 12px;
}
._overlay_1wa0n_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.35);
  z-index: 10;
}
._ignoreEvents_1wa0n_11 {
  pointer-events: none;
}
._header_1jfyc_3 {
  background:
    radial-gradient(
      104.23% 5858.8% at 2.37% 64.88%,
      #42b5f0 15.87%,
      #1f95d0 95.32%);
  width: 100%;
  height: auto;
  top: 25px;
}
._headerContent_1jfyc_10 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  height: 84px;
  width: 1200px;
  max-width: 100%;
  gap: 5px;
  position: relative;
}
._logo_1jfyc_23 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 16px;
}
._logo_1jfyc_23 img {
  height: 44px;
  width: auto;
  display: block;
}
._nav_1jfyc_36 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  gap: 4px;
  width: 600px;
  height: 46px;
  opacity: 1;
  gap: 5px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  border-radius: 50px;
  border-width: 0.5px;
  background:
    radial-gradient(
      82.35% 82.35% at 25% 13.24%,
      #30a7e4 0%,
      #36b7f7 98.78%);
  border: 0.5px solid #42bdfc;
}
._nav_1jfyc_36 .menu {
  display: flex;
  align-items: center;
}
._nav_1jfyc_36 .menuItem,
._nav_1jfyc_36 a.menuItem {
  color: #212124;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: background 0.15s;
}
._nav_1jfyc_36 .menuItem:hover,
._nav_1jfyc_36 .menuItem.active,
._nav_1jfyc_36 .menuItem.showMenu,
._nav_1jfyc_36 a.menuItem:hover,
._nav_1jfyc_36 a.menuItem.active,
._nav_1jfyc_36 a.menuItem.showMenu {
  background:
    linear-gradient(
      135deg,
      #ffd966 0%,
      #ff9900 100%);
  color: #212124;
  font-weight: 700;
}
._nav_1jfyc_36 .menuItem:hover path,
._nav_1jfyc_36 .menuItem.active path,
._nav_1jfyc_36 .menuItem.showMenu path,
._nav_1jfyc_36 a.menuItem:hover path,
._nav_1jfyc_36 a.menuItem.active path,
._nav_1jfyc_36 a.menuItem.showMenu path {
  stroke: #212124;
}
._nav_1jfyc_36 {
}
._nav_1jfyc_36 a.menuItem[href="/"] {
  background:
    linear-gradient(
      135deg,
      #ffd966 0%,
      #ff9900 100%);
  color: #212124;
  font-weight: 700;
}
._actions_1jfyc_98 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}
._iconBtn_1jfyc_107 {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
._iconBtn_1jfyc_107:hover {
  background: rgba(255, 255, 255, 0.15);
}
._iconBtn_1jfyc_107 img {
  width: 20px;
  height: 20px;
}
._iconLabel_1jfyc_130 {
  font-size: 10px;
  color: #fff;
  white-space: nowrap;
}
._userWrap_1jfyc_137 button,
._userWrap_1jfyc_137 a {
  color: #fff !important;
}
._userWrap_1jfyc_137 button img,
._userWrap_1jfyc_137 a img {
  filter: brightness(0) invert(1);
}
._mobileSwitchButton_1jfyc_147 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 97px;
  height: 46px;
  opacity: 1;
  border-width: 0.5px;
  gap: 5px;
  border-radius: 50px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  border: 0.5px solid #42bdfc;
  background:
    radial-gradient(
      82.35% 82.35% at 25% 13.24%,
      #30a7e4 0%,
      #36b7f7 98.78%);
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
}
._mobileSwitchButton_1jfyc_147:hover {
  opacity: 0.88;
}
._mobileSwitchButton_1jfyc_147 span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
._mobileSwitchIcon_1jfyc_178 {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}
._downloadBtn_1jfyc_186 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background:
    linear-gradient(
      135deg,
      #ffd966 0%,
      #ff9900 100%);
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(255, 153, 0, 0.4);
  transition: opacity 0.15s;
}
._downloadBtn_1jfyc_186:hover {
  opacity: 0.9;
}
._downloadBtn_1jfyc_186 img {
  width: 16px;
  height: 16px;
}
._mobileHeader_1jfyc_211 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._header_1jfyc_3 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._mobileHeader_1jfyc_211 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 11;
  background:
    radial-gradient(
      58.99% 3316.83% at 28.3% 50%,
      #42b5f0 0%,
      #2da2dd 95.32%);
  padding: 0 16px;
  height: 60px;
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._mobileLogo_1jfyc_230 {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
:where(html:not([data-desktop-view=true])) ._mobileLogo_1jfyc_230 img {
  height: 40px;
  width: auto;
  display: block;
}
:where(html:not([data-desktop-view=true])) ._mobileActions_1jfyc_241 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
:where(html:not([data-desktop-view=true])) ._menuIconBtn_1jfyc_247 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background:
    radial-gradient(
      82.35% 82.35% at 25% 13.24%,
      #30a7e4 0%,
      #36b7f7 98.78%);
  border: 0.5px solid #42bdfc;
  cursor: pointer;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._menuIcon_1jfyc_247 {
  width: 20px;
  height: 20px;
  display: block;
}
._ticker_ibtvf_3 {
  width: 100%;
  height: 54px;
  display: flex;
  opacity: 1;
  gap: 22px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #dfdcdc 148%);
  border-width:
    1px,
    0px,
    1px,
    0px;
  border-style: solid;
  border-color: var(--Grey, #f4f4f4);
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._tickerContent_ibtvf_18 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  width: 1200px;
  max-width: 100%;
  margin: auto;
}
._label_ibtvf_29 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding-inline: 0px 20px;
}
._megaphone_ibtvf_38 {
  flex-shrink: 0;
}
._labelText_ibtvf_42 {
  margin-top: 3px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #259fdc;
}
._marqueeContainer_ibtvf_55 {
  overflow: hidden;
  flex-grow: 1;
  width: 1077px;
  height: 37px;
  opacity: 1;
  gap: 20px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-radius: 30px;
  border-width: 1px;
  background:
    linear-gradient(
      145.06deg,
      #e8e7e7 9.11%,
      #e9e8e8 64.05%);
  border: 1px solid;
  border-image-source:
    linear-gradient(
      0deg,
      #ffffff -33.78%,
      #e8e8e8 120.27%);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
}
._marquee_ibtvf_55 {
  white-space: nowrap;
  animation: _marquee_ibtvf_55 18s linear infinite;
  width: 100%;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #34364c;
}
._marquee_ibtvf_55 span:hover {
  animation-play-state: paused;
}
._marquee_ibtvf_55:has(span:hover) {
  animation-play-state: paused;
}
@keyframes _marquee_ibtvf_55 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(calc(0% - 300px));
  }
}
:where(html:not([data-desktop-view=true])) ._ticker_ibtvf_3 {
  position: sticky;
  top: 60px;
  z-index: 10;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
:where(html:not([data-desktop-view=true])) ._label_ibtvf_29 {
  padding-inline: 0px 15px;
}
:where(html:not([data-desktop-view=true])) ._labelText_ibtvf_42 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._marqueeContainer_ibtvf_55 {
  height: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
}
:where(html:not([data-desktop-view=true])) ._marquee_ibtvf_55 span {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._marquee_ibtvf_55 {
  font-weight: 500;
}
._menu_1ik6d_1 {
  display: flex;
  gap: 20px;
}
._menuItem_1ik6d_6 {
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-width: 0.8px;
  border: 0.8px solid transparent;
  text-decoration: none;
  font-weight: 700;
  width: auto;
  min-width: 44px;
  height: 33px;
  opacity: 1;
  gap: 5px;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 50px;
}
._menuItem_1ik6d_6:hover,
._menuItem_1ik6d_6._active_1ik6d_28 {
  color: #000;
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid var(--Orange-0, #fec447);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
}
._menuItem_1ik6d_6:hover path,
._menuItem_1ik6d_6._active_1ik6d_28 path {
  stroke: #34364c;
}
._menuItem_1ik6d_6._showMenu_1ik6d_39 {
  z-index: 11;
  color: #000;
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid var(--Orange-0, #fec447);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
}
._menuItem_1ik6d_6._showMenu_1ik6d_39 path {
  stroke: #34364c;
}
._lotteryLobbyMenu_18hjw_1 {
  position: absolute;
  display: inline-block;
  top: 100%;
  left: 0;
  overflow: visible;
}
._menuDropdown_18hjw_9 {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 84px;
  display: flex;
  z-index: 1000;
  width: 1200px;
  height: auto;
  gap: 12px;
  padding: 20px 19px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
  flex-direction: column;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
._anchor_18hjw_28 {
  position: fixed;
  z-index: 1000;
  width: 30px;
  top: 68px;
  left: calc(50% - 600px + 250px);
  display: block;
  image-rendering: -webkit-optimize-contrast;
}
._category_18hjw_38 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  border-width: 1px;
  padding: 10px 15px;
  border-radius: 30px;
  background: #f4f4f4;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._categoryHeaderWrapper_18hjw_52 {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
._categoryHeader_18hjw_52 {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-width: 120px;
  min-height: 35px;
  gap: 5px;
  border-width: 1px;
  padding: 6px 10px;
  border-radius: 30px;
  background:
    radial-gradient(
      45.34% 101.25% at 50% -6.25%,
      #5b5e7e 0%,
      #212226 100%);
  border: 1px solid #34364c;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._hotBadge_18hjw_73 {
  position: absolute;
  top: -10px;
  right: 4px;
  background: #ff3045;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 4.5px;
  border-radius: 50%;
  pointer-events: none;
  white-space: nowrap;
}
._categoryIcon_18hjw_88 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 16px;
  color: var(--brand-accent);
}
._categoryIcon_18hjw_88 svg {
  width: 16px;
  height: 16px;
}
._categoryTitle_18hjw_102 {
  font-size: 16px;
  font-weight: 700;
  color: #f9f9f9;
  white-space: nowrap;
}
._categoryItems_18hjw_109 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
._liveBadge_18hjw_116 {
  position: absolute;
  width: 40px;
  top: -5px;
  right: -10px;
}
._item_18hjw_123 {
  position: relative;
  font-size: 14px;
  color: #7c7c7c;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 6px 5px;
  border-radius: 30px;
  border: 0.8px solid transparent;
}
._item_18hjw_123:hover {
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid #fec447;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
._disabledItem_18hjw_142 {
  cursor: not-allowed;
}
._disabledItem_18hjw_142:hover {
  background: none;
  border: 0.8px solid transparent;
  box-shadow: none;
  font-weight: 400;
  color: #7c7c7c;
}
._SuggestMenu_rncrw_2 {
  position: absolute;
  display: inline-block;
  top: 100%;
  left: 0;
  overflow: visible;
}
._anchor_rncrw_10 {
  position: fixed;
  z-index: 1000;
  top: 68px;
  left: calc(50% - 600px + 355px);
  display: block;
  image-rendering: -webkit-optimize-contrast;
}
._menuDropdown_rncrw_19 {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 84px;
  display: flex;
  flex-direction: column;
  width: 1200px;
  z-index: 1000;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  overflow: hidden;
}
._tabHeaders_rncrw_37 {
  display: flex;
  flex-direction: row;
  background: #efefef;
  opacity: 1;
  gap: 22px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #dfdcdc 148%);
  border-style: solid;
  border-color: var(--Grey, #f4f4f4);
  box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.2);
}
._tabHeader_rncrw_37 {
  flex: 1;
  padding: 16px 20px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #7c7c7c;
  cursor: pointer;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  transition: background 0.2s, color 0.2s;
}
._tabHeader_rncrw_37 span {
  color: inherit;
}
._tabHeader_rncrw_37:hover {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-width:
    1px,
    1px,
    0px,
    1px;
  border-style: solid;
  border-color: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  background: #ffffff;
  color: #1199cc;
}
._tabHeader_rncrw_37._active_rncrw_82 {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-width:
    1px,
    1px,
    0px,
    1px;
  border-style: solid;
  border-color: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  background: #ffffff;
  color: #1199cc;
}
._tabCategories_rncrw_95 {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #ffffff;
  gap: 12px;
}
._category_rncrw_103 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 30px;
  background: #f4f4f4;
  border: 1px solid #ebebeb;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._categoryHeader_rncrw_116 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-start;
  min-width: 100px;
  padding: 6px 14px;
  border-radius: 50px;
  background:
    radial-gradient(
      45.34% 101.25% at 50% -6.25%,
      #5b5e7e 0%,
      #212226 100%);
  border: 1px solid #34364c;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._categoryTitle_rncrw_130 {
  font-size: 14px;
  font-weight: 700;
  color: #f9f9f9;
  white-space: nowrap;
}
._categoryItems_rncrw_138 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-content: flex-start;
}
._item_rncrw_146 {
  position: relative;
  font-size: 14px;
  color: #7c7c7c;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 6px 8px;
  border-radius: 30px;
  border: 0.8px solid transparent;
  overflow: visible;
  align-content: center;
}
._item_rncrw_146:hover {
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid #fec447;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
._trending_rncrw_167 {
  position: absolute;
  width: 30px;
  top: -3px;
  right: -15px;
  transform: translate(-50%, -50%);
  height: 14px;
  border-radius: 20px;
  padding: 1px 4px;
  background: #f82150;
  font-weight: 700;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  align-content: center;
}
._authButtons_1mz5z_1 {
  display: inline-flex;
  align-items: center;
}
._dividerWrap_1mz5z_6 {
  height: 46px;
  display: flex;
  border-top: solid 1px white;
  border-bottom: solid 1px white;
}
._divider_1mz5z_6 {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
  margin: auto;
}
._dropdownWrap_1mz5z_20 {
  position: relative;
  display: inline-block;
}
._userLoggedInButton_1mz5z_25 {
  position: relative;
  width: 168px;
  padding: 15px;
}
._userLoggedInButton_1mz5z_25._active_1mz5z_31 {
  background: #f4f4f4 !important;
  border-radius: 6px 6px 0px 0px !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  z-index: 20;
  padding: 6px 15px;
}
._dropdown_1mz5z_20 {
  position: absolute;
  background: #f4f4f4;
  border-radius: 0px 0 6px 6px;
  min-width: 168px;
  padding: 10px 15px;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  right: 0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  border-top: 1px solid transparent;
  font-weight: 600;
}
._dropdownItem_1mz5z_57 {
  font-size: 16px;
  margin-bottom: 10px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  background: #f9f9f9;
  color: var(--Icon-Dark, #34364c);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._dropdownItem_1mz5z_57:hover {
  background: var(--brand-button-gradient);
  color: #f9f9f9;
}
._dropdownItem_1mz5z_57 > span:first-child {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
._itemIcon_1mz5z_89 {
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
._root_lsmek_1 {
  gap: 8px;
  opacity: 1;
  border-radius: 6px;
  border-width: 1px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
}
._root_lsmek_1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._media_lsmek_18 {
  width: auto;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
._media_lsmek_18 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
._label_lsmek_34 {
  white-space: nowrap;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
._sm_lsmek_44 {
  width: auto;
  height: 39px;
}
._md_lsmek_49 {
  width: auto;
  height: 46px;
}
._lg_lsmek_54 {
  width: auto;
  height: 96px;
}
._primary_lsmek_60 {
  background: transparent;
}
._secondary_lsmek_64 {
  background: transparent;
}
._transparent_lsmek_68 {
  background: transparent;
  padding: 6px 10px;
}
._gray_lsmek_73 {
  background: #f4f4f4;
  border: 1px solid #fff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._root_lsmek_1 > svg {
  margin-left: auto;
  flex: 0 0 auto;
}
._orange_lsmek_85 {
  height: 40px;
  gap: 5px;
  border-radius: 4px;
  padding: 10px;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._ticker_ay8mf_1 {
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 45px;
  display: flex;
  background: #f9f9f9;
}
._tickerContent_ay8mf_9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  width: 1200px;
  max-width: 100%;
  margin: auto;
}
._divider_ay8mf_19 {
  width: 1px;
  height: 28px;
  background: #d9d9d9;
  margin: auto;
}
._tickerIcon_ay8mf_26 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._marqueeContainer_ay8mf_32 {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}
._marquee_ay8mf_32 {
  white-space: nowrap;
  animation: _marquee_ay8mf_32 15s linear infinite;
  width: 100%;
}
._marquee_ay8mf_32:has(span:hover) {
  animation-play-state: paused;
}
._actions_ay8mf_48 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-inline: 10px;
}
._mobileSwitchButton_ay8mf_57 {
  color: var(--Icon-Dark, #34364c);
}
@keyframes _marquee_ay8mf_32 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(calc(0% - 300px));
  }
}
:where(html:not([data-desktop-view=true])) ._ticker_ay8mf_1 {
  height: 54px;
}
:where(html:not([data-desktop-view=true])) ._tickerContent_ay8mf_9 {
  width: 100%;
  padding-inline: 15px;
}
:where(html:not([data-desktop-view=true])) ._actions_ay8mf_48 {
  display: none;
}
._header_1m91p_1 {
  background: var(--brand-navbar-gradient, radial-gradient(58.99% 3316.83% at 28.3% 50%, #ff9a2c 0%, #ff7402 95.32%));
  width: 100%;
  height: 60px;
}
._headerContent_1m91p_7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  position: relative;
  width: 1200px;
  max-width: 100%;
  gap: 10px;
}
._home_1m91p_19 {
  opacity: 1;
  border-radius: 6px;
  border-width: 0.8px;
  padding: 10px;
  background: var(--brand-nav-home-gradient, radial-gradient(86.81% 134.62% at 50% 1.28%, #ffe2a1 0%, #ffc649 55%, #ffbc2b 100%));
  border: 0.8px solid var(--brand-accent, #fec447);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
  cursor: pointer;
}
._mobileHeader_1m91p_30 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._header_1m91p_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  height: 60px;
  margin: 0 auto;
  max-width: 100%;
}
:where(html:not([data-desktop-view=true])) ._headerContent_1m91p_7 {
  width: 100%;
  padding: 0 16px;
  display: none;
}
:where(html:not([data-desktop-view=true])) ._menuIcon_1m91p_48 {
  width: 24px;
  height: 24px;
  fill: white;
  position: absolute;
  right: 20px;
}
:where(html:not([data-desktop-view=true])) ._mobileHeader_1m91p_30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 60px;
  margin: 0 auto;
  max-width: 100%;
}
:where(html:not([data-desktop-view=true])) ._mobileLogo_1m91p_64 {
  width: fit-content;
  display: block;
}
:where(html:not([data-desktop-view=true])) ._mobileLogo_1m91p_64 img {
  height: 40px;
  width: auto;
  display: block;
}
:where(html:not([data-desktop-view=true])) ._mobileMenuButton_1m91p_73 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where(html:not([data-desktop-view=true])) ._mobileMenuButton_1m91p_73 svg {
  width: 24px;
  height: 24px;
  fill: white;
}
._menu_1giuf_1 {
  display: flex;
  gap: 20px;
}
._menuItem_1giuf_6 {
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 6px;
  border-width: 0.8px;
  padding: 10px;
  border: 0.8px solid transparent;
  text-decoration: none;
  font-weight: 700;
  gap: 5px;
}
._menuItem_1giuf_6:hover,
._menuItem_1giuf_6._active_1giuf_21 {
  color: #000;
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid var(--Orange-0, #fec447);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
}
._menuItem_1giuf_6:hover path,
._menuItem_1giuf_6._active_1giuf_21 path {
  stroke: #34364c;
}
._menuItem_1giuf_6._showMenu_1giuf_32 {
  z-index: 11;
  color: #000;
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid var(--Orange-0, #fec447);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
}
._menuItem_1giuf_6._showMenu_1giuf_32 path {
  stroke: #34364c;
}
._lotteryLobbyMenu_vrw7e_1 {
  position: absolute;
  display: inline-block;
  top: 60px;
  left: 0;
}
._menuDropdown_vrw7e_8 {
  position: relative;
  display: flex;
  z-index: 11;
  width: 1200px;
  height: auto;
  gap: 12px;
  border-radius: 0 6px;
  padding: 20px 19px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
  flex-direction: column;
}
._menuDropdown_vrw7e_8::before {
  content: "";
  position: absolute;
  top: -33px;
  left: 115px;
  height: 16px;
  background: transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 16px solid #f9f9f9;
  z-index: 12;
}
._menuDropdown_vrw7e_8::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 125px;
  width: 135px;
  transform: translateX(-50%);
  height: 16px;
  background: transparent;
  border-bottom: 16px solid transparent;
  z-index: 12;
}
._category_vrw7e_47 {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 10px;
  border-width: 1px;
  padding: 10px 15px;
  border-radius: 6px;
  background: #f4f4f4;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._categoryHeader_vrw7e_60 {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-width: 100px;
  gap: 5px;
  border-width: 1px;
  padding: 6px 10px;
  border-radius: 6px;
  background:
    radial-gradient(
      45.34% 101.25% at 50% -6.25%,
      #5b5e7e 0%,
      #212226 100%);
  border: 1px solid #34364c;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._categoryIcon_vrw7e_74 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 16px;
  color: var(--brand-accent);
}
._categoryIcon_vrw7e_74 svg {
  width: 16px;
  height: 16px;
}
._categoryTitle_vrw7e_88 {
  font-size: 16px;
  font-weight: 700;
  color: #f9f9f9;
  white-space: nowrap;
}
._categoryItems_vrw7e_95 {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
._item_vrw7e_101 {
  font-size: 14px;
  color: #7c7c7c;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 5px;
  border-radius: 6px;
  border: 0.8px solid transparent;
}
._item_vrw7e_101:hover {
  height: 100%;
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid #fec447;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
._disabledItem_vrw7e_122 {
  cursor: not-allowed;
}
._disabledItem_vrw7e_122:hover {
  background: none;
  border: 0.8px solid transparent;
  box-shadow: none;
  font-weight: 400;
  color: #7c7c7c;
}
._trending_vrw7e_133 {
  position: absolute;
  width: auto;
  margin-top: -10px;
  margin-left: -40px;
  transform: translate(-50%, -50%);
  height: auto;
  border-radius: 3px;
  padding: 1px 3px;
  background: #f82150;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  align-content: center;
}
._SuggestMenu_114p5_1 {
  position: absolute;
  display: inline-block;
  top: 60px;
  left: 0;
}
._menuDropdown_114p5_8 {
  display: flex;
  flex-direction: column;
  width: 1200px;
  z-index: 11;
  position: relative;
}
._menuDropdown_114p5_8::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 222px;
  background: transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 16px solid #f9f9f9;
  z-index: 12;
}
._menuDropdown_114p5_8::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 233px;
  width: 75px;
  transform: translateX(-50%);
  height: 16px;
  background: transparent;
  border-bottom: 16px solid transparent;
  z-index: 12;
}
._tabHeaders_114p5_39 {
  display: flex;
  flex-direction: row;
  background: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
}
._tabHeader_114p5_39 {
  flex: 1;
  padding: 20px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #7c7c7c;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
._tabHeader_114p5_39:hover {
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #ffffff;
}
._tabHeader_114p5_39 span {
  color: #7c7c7c;
}
._tabHeader_114p5_39._active_114p5_64 {
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._tabHeader_114p5_39._active_114p5_64 span {
  color: #ffffff;
}
._tabCategories_114p5_72 {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #f9f9f9;
  gap: 12px;
}
._category_114p5_80 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  gap: 15px;
  border-width: 1px;
  padding: 15px;
  border-radius: 6px;
  background: #f4f4f4;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._categoryHeader_114p5_94 {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-width: 100px;
  gap: 5px;
  border-width: 1px;
  padding: 6px 10px;
  border-radius: 6px;
  background:
    radial-gradient(
      45.34% 101.25% at 50% -6.25%,
      #5b5e7e 0%,
      #212226 100%);
  border: 1px solid #34364c;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
  justify-content: center;
}
._categoryTitle_114p5_109 {
  font-size: 16px;
  font-weight: 700;
  color: #f9f9f9;
  white-space: nowrap;
}
._categoryItems_114p5_116 {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
._item_114p5_122 {
  position: relative;
  font-size: 14px;
  color: #7c7c7c;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 6px 5px;
  border-radius: 6px;
  border: 0.8px solid transparent;
  overflow: visible;
  align-content: center;
}
._item_114p5_122:hover {
  background:
    radial-gradient(
      86.81% 134.62% at 50% 1.28%,
      #ffe2a1 0%,
      #ffc649 55%,
      #ffbc2b 100%);
  border: 0.8px solid #fec447;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
._trending_114p5_144 {
  position: absolute;
  width: 30px;
  top: -5px;
  right: -10px;
  transform: translate(-50%, -50%);
  height: 16px;
  border-radius: 2px;
  padding: 2px 4px;
  background: #f82150;
  font-weight: 700;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  align-content: center;
}
._GuessingCenterMenu_1uh87_1 {
  position: absolute;
  display: inline-block;
  top: 60px;
}
._menuDropdown_1uh87_7 {
  width: 130px;
  position: relative;
  display: flex;
  z-index: 11;
  height: auto;
  flex-direction: column;
  background: #f4f4f4;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._menuDropdown_1uh87_7::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 16px solid #f9f9f9;
  z-index: 12;
}
._menuDropdown_1uh87_7::after {
  content: "";
  position: absolute;
  top: -16px;
  width: 130px;
  height: 16px;
  background: transparent;
  border-bottom: 16px solid transparent;
  z-index: 12;
}
._guessingItem_1uh87_40 {
  padding: 15px 20px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #7c7c7c;
  text-decoration: none;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._guessingItem_1uh87_40:last-child {
  background: #d9d9d9;
  color: #1f212f;
}
._guessingItem_1uh87_40:hover,
._guessingItem_1uh87_40._active_1uh87_56 {
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #ffffff;
}
._header_1kny3_1 {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._header_1kny3_1 {
  display: flex;
  flex-direction: column-reverse;
}
._floatingButtons_qrpa7_1 {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 999;
  bottom: 20px;
  right: 20px;
  transition: transform 0.3s ease;
}
._floatingButtons_qrpa7_1._slideDown_qrpa7_12 {
  transform: translateY(80px);
}
._buttonWrapper_qrpa7_17 {
  position: relative;
}
._dropdown_qrpa7_21 {
  position: absolute;
  right: 100%;
  top: -120%;
  padding-right: 20px;
  z-index: 1000;
  transition: top 0.3s ease;
}
._dropdown_qrpa7_21._scrolled_qrpa7_32 {
  top: -60%;
}
:where(html:not([data-desktop-view=true])) ._floatingButtons_qrpa7_1 {
  display: none;
}
._button_qrpa7_17 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: transparent;
  border: none;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
._feedbackButton_qrpa7_41 {
  color: white;
  font-size: 14px;
  font-weight: bold;
}
._backToTopButton_qrpa7_41 {
  color: white;
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
._visible_qrpa7_71 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
._iconFeedback_qrpa7_77 {
  width: 22px;
  height: 17px;
  fill: currentColor;
}
._iconBackToTop_qrpa7_83 {
  width: 17.5;
  height: 22px;
  fill: currentColor;
}
._buttonContent_qrpa7_89 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
._buttonLabel_qrpa7_96 {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
  line-height: 1;
}
._formGroup_emne7_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._label_emne7_7 {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._required_emne7_17 {
  color: #ff0554;
  margin-left: 4px;
}
._input_emne7_22 {
  padding: 12px 16px;
  border: 1px solid rgba(0, 9, 50, 0.1215686275);
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  transition: all 0.2s ease;
  background: var(--Tokens-Colors-surface, rgba(255, 255, 255, 0.8980392157));
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
}
._input_emne7_22:focus {
  outline: none;
}
._input_emne7_22::placeholder {
  color: var(--Colors-Neutral-Neutral-Alpha-9, rgba(0, 5, 29, 0.4549019608));
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
}
._input_emne7_22:disabled {
  background: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}
._inputError_emne7_55 {
  border: 1px solid #ff0554 !important;
}
._errorMessage_emne7_59 {
  color: #ff0554;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 11px;
  display: block;
  line-height: 13px;
  letter-spacing: 0%;
}
@keyframes _fadeIn_emne7_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._formGroup_16xyu_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._label_16xyu_7 {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._required_16xyu_17 {
  color: #ff0554;
  margin-left: 4px;
}
._textarea_16xyu_22 {
  padding: 12px 16px;
  border: 1px solid rgba(0, 9, 50, 0.1215686275);
  border-radius: 6px;
  font-size: 14px;
  height: 80px;
  min-height: 80px;
  resize: vertical;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
  transition: all 0.2s ease;
  background: var(--Tokens-Colors-surface, rgba(255, 255, 255, 0.8980392157));
}
._textarea_16xyu_22:focus {
  outline: none;
}
._textarea_16xyu_22::placeholder {
  color: var(--Colors-Neutral-Neutral-Alpha-9, rgba(0, 5, 29, 0.4549019608));
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
}
._textarea_16xyu_22:disabled {
  background: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}
._inputError_16xyu_57 {
  border: 1px solid #ff0554 !important;
}
._errorMessage_16xyu_61 {
  color: #ff0554;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 11px;
  display: block;
  line-height: 13px;
  letter-spacing: 0%;
}
@keyframes _fadeIn_16xyu_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._formGroup_12xtg_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._label_12xtg_7 {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._required_12xtg_17 {
  color: #ff0554;
  margin-left: 4px;
}
._contactMethodGroup_12xtg_22 {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
._selectWrapper_12xtg_28 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
._inputWrapper_12xtg_36 {
  flex: 2;
  min-width: 0;
}
._dropdown_12xtg_41 {
  padding: 0px 16px;
  padding-right: 32px;
  border: 1px solid rgba(0, 9, 50, 0.1215686275);
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  background: var(--Tokens-Colors-surface, rgba(255, 255, 255, 0.8980392157));
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
  transition: all 0.2s ease;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
._dropdown_12xtg_41:focus {
  outline: none;
}
._dropdown_12xtg_41:disabled {
  background: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}
._selectIcon_12xtg_71 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
._selectIcon_12xtg_71 img,
._selectIcon_12xtg_71 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
._input_12xtg_36 {
  padding: 12px 16px;
  border: 1px solid rgba(0, 9, 50, 0.1215686275);
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  transition: all 0.2s ease;
  background: var(--Tokens-Colors-surface, rgba(255, 255, 255, 0.8980392157));
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
  width: 100%;
}
._input_12xtg_36:focus {
  outline: none;
}
._input_12xtg_36::placeholder {
  color: var(--Colors-Neutral-Neutral-Alpha-9, rgba(0, 5, 29, 0.4549019608));
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
}
._input_12xtg_36:disabled {
  background: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}
._inputError_12xtg_124 {
  border: 1px solid #ff0554 !important;
}
._errorMessage_12xtg_128 {
  color: #ff0554;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 11px;
  display: block;
  line-height: 13px;
  letter-spacing: 0%;
}
@keyframes _fadeIn_12xtg_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._overlay_1ne9a_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: _fadeIn_1ne9a_1 0.2s ease;
}
@keyframes _fadeIn_1ne9a_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modal_1ne9a_23 {
  background: white;
  border-radius: 6px;
  min-width: 860px;
  max-width: 1000px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  animation: _slideUp_1ne9a_1 0.3s ease;
  position: relative;
}
@keyframes _slideUp_1ne9a_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._closeButton_1ne9a_46 {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 32px;
  color: var(--brand-accent);
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
  z-index: 10;
  font-weight: 300;
}
._closeButton_1ne9a_46:hover {
  color: var(--brand-accent);
  transform: scale(1.1);
}
._leftPanel_1ne9a_71 {
  flex: 0 0 40%;
  max-width: 360px;
  min-width: 360px;
  background:
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  border-right: 1px solid #e0e0e0;
}
@keyframes _pulse_1ne9a_1 {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
._rightPanel_1ne9a_94 {
  flex: 1;
  padding: 25px 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
._title_1ne9a_102 {
  color: var(--Icon-Dark, #34364c);
  margin-bottom: 6px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0%;
}
._subtitle_1ne9a_113 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0%;
  margin-bottom: 30px;
  color: var(--Grey-5, #7c7c7c);
}
._form_1ne9a_124 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
._submitButton_1ne9a_131 {
  width: 100px !important;
  margin-bottom: 15px;
}
:where(html:not([data-desktop-view=true])) ._modal_1ne9a_23 {
  min-width: 90%;
  max-width: 90%;
  flex-direction: column;
}
:where(html:not([data-desktop-view=true])) ._leftPanel_1ne9a_71 {
  flex: 0 0 auto;
  max-width: 100%;
  min-width: 100%;
  min-height: 140px;
  border-right: none;
  border-bottom: 1px solid #e0e0e0;
}
:where(html:not([data-desktop-view=true])) ._rightPanel_1ne9a_94 {
  padding: 20px 16px;
}
:where(html:not([data-desktop-view=true])) ._title_1ne9a_102 {
  font-size: 24px;
}
:where(html:not([data-desktop-view=true])) ._subtitle_1ne9a_113 {
  font-size: 14px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  ._modal_1ne9a_23 {
    flex-direction: column;
    max-width: 95%;
  }
  ._leftPanel_1ne9a_71 {
    flex: 0 0 auto;
    padding: 40px 20px;
  }
  ._rightPanel_1ne9a_94 {
    padding: 30px 24px;
  }
  ._logoImage_1ne9a_172 {
    font-size: 48px;
  }
  ._logoText_1ne9a_175 {
    font-size: 24px;
  }
  ._slogan_1ne9a_178 {
    font-size: 14px;
    letter-spacing: 4px;
  }
  ._title_1ne9a_102 {
    font-size: 24px;
  }
}
._submitButton_1x8lw_1 {
  color: rgb(249, 249, 249);
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: normal;
  white-space: nowrap;
  width: auto;
  min-width: 100px;
  height: 50px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 24px;
  transition: background 0.3s ease;
  background: var(--brand-button-gradient);
}
._submitButton_1x8lw_1:hover:not(:disabled) {
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      rgb(108, 108, 108) 0%,
      rgb(58, 58, 58) 57.26%,
      rgb(0, 0, 0) 98.78%);
}
._submitButton_1x8lw_1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._buttonText_1x8lw_30 {
  font-size: 20px;
  color: var(--Color, #f9f9f9);
}
._loading_1x8lw_35 {
  cursor: wait;
}
._spinner_1x8lw_39 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
._spinnerDot_1x8lw_45 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgb(249, 249, 249);
  animation: _bounce_1x8lw_1 1.4s infinite ease-in-out both;
}
._spinnerDot_1x8lw_45:nth-child(1) {
  animation-delay: -0.32s;
}
._spinnerDot_1x8lw_45:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes _bounce_1x8lw_1 {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
._modalOverlay_nijir_4 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: _fadeIn_nijir_1 0.2s ease-out;
}
@keyframes _fadeIn_nijir_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modalContent_nijir_26 {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  width: 650px;
  max-width: 90vw;
  animation: _slideUp_nijir_1 0.3s ease-out;
}
@keyframes _slideUp_nijir_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._successContainer_nijir_45 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 20px;
  background: #ffffff;
  text-align: center;
  min-height: 396px;
}
._successIcon_nijir_56 {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _scaleIn_nijir_1 0.5s ease-out;
}
@keyframes _scaleIn_nijir_1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
._successTitle_nijir_77 {
  font-size: 30px;
  font-weight: bold;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  margin-bottom: 6px;
  line-height: 36px;
}
._successDesc_nijir_86 {
  font-size: 16px;
  color: #7c7c7c;
  margin-bottom: 50px;
  line-height: 19px;
  font-style: medium;
  font-weight: 500;
}
._successButton_nijir_95 {
  width: 140px;
  height: 50px;
  border-radius: 4px;
  background: var(--brand-button-gradient);
  border: none;
  box-shadow: 0 4px 12px rgba(255, 153, 51, 0.3);
  transition: all 0.2s ease;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: white;
  cursor: pointer;
}
._successButton_nijir_95:hover {
  transform: translateY(-2px);
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      rgb(108, 108, 108) 0%,
      rgb(58, 58, 58) 57.26%,
      rgb(0, 0, 0) 98.78%);
}
._successButton_nijir_95:active {
  transform: translateY(0);
}
:where(html:not([data-desktop-view=true])) ._successContainer_nijir_45 {
  padding: 20px 16px;
  min-height: 300px;
  min-width: 375px;
}
:where(html:not([data-desktop-view=true])) ._successIcon_nijir_56 {
  margin-bottom: 12px;
}
:where(html:not([data-desktop-view=true])) ._successIcon_nijir_56 svg,
:where(html:not([data-desktop-view=true])) ._successIcon_nijir_56 img {
  width: 64px;
  height: 64px;
}
:where(html:not([data-desktop-view=true])) ._successTitle_nijir_77 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 4px;
}
:where(html:not([data-desktop-view=true])) ._successDesc_nijir_86 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 30px;
}
:where(html:not([data-desktop-view=true])) ._successButton_nijir_95 {
  width: 120px;
  height: 44px;
  font-size: 18px;
  line-height: 22px;
}
:where(html:not([data-desktop-view=true])) ._modalContent_nijir_26 {
  width: 90vw;
}
._kefuQRDropdown_wbae3_1 {
  position: relative;
  background: #f4f4f4;
  border-radius: 6px;
  min-width: 194px;
  padding: 10px 15px;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  border-top: 1px solid transparent;
  font-weight: 600;
}
._kefuQRDropdown_wbae3_1::after {
  content: "";
  position: absolute;
  top: 100.5px;
  right: -16px;
  width: 0;
  height: 0;
  border-top: 18.5px solid transparent;
  border-bottom: 18.5px solid transparent;
  border-left: 20px solid #f4f4f4;
  transition: top 0.3s ease;
}
._kefuQRDropdown_wbae3_1._scrolled_wbae3_28::after {
  top: 58.5px;
}
._kefuQRDropdownTitle_wbae3_32 {
  font-size: 16px;
  margin-bottom: 10px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  background: var(--brand-button-gradient);
  color: #fff;
  border-radius: 6px;
  padding: 8px 0;
  font-weight: bold;
  cursor: pointer;
}
._kefuQRDropdownImg_wbae3_46 {
  background: #fff;
  border-radius: 8px;
  padding: 12px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 6px;
}
._kefuQRDropdownImg_wbae3_46 img {
  width: 196px;
}
._kefuQRDropdownDesc_wbae3_59 {
  color: #333;
  font-size: 13px;
  margin-top: 6px;
  text-align: center;
}
._footer_1sr78_1 {
  background: #1f212f;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._footerContent_1sr78_9 {
  width: calc(100% - 20px);
  max-width: 1200px;
  padding: 40px 20px;
}
._footerWrapper_1sr78_15 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
._footerLinks_1sr78_21 {
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: space-between;
}
._footerCol_1sr78_28 {
  min-width: 0;
  width: 50%;
}
._footerSection_1sr78_33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
._logo_1sr78_39 img {
  width: 100%;
  margin-bottom: 15px;
}
._description_1sr78_44 {
  font-weight: 500;
  font-size: 16px;
  color: var(--Grey-3, #c1c1c1);
}
._sectionTitle_1sr78_50 {
  font-weight: 500;
  font-size: 22px;
  color: var(--Miscellaneous-Segmented-Control---Selected-Fill, #ffffff);
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
._linkList_1sr78_62 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
._linkList_1sr78_62 li {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  cursor: pointer;
}
._linkList_1sr78_62 li a {
  color: var(--Grey-3, #c1c1c1);
  list-style: none;
  text-decoration: none;
}
._linkList_1sr78_62 li a:hover {
  color: var(--brand-accent);
}
._bottomBar_1sr78_87 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin-top: 30px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  color: var(--Grey-3, #c1c1c1);
}
._copyright_1sr78_99 {
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
}
._copyright_1sr78_99 a {
  list-style: none;
  color: var(--Grey-3, #c1c1c1);
  text-decoration: none;
}
._copyright_1sr78_99 a:hover {
  color: var(--brand-accent);
}
._copyright_1sr78_99 span {
  color: var(--Grey-3, #c1c1c1);
}
._versionContainer_1sr78_117 {
  position: relative;
  display: inline-block;
}
._versionContainer_1sr78_117 span {
  color: var(--Grey-3, #c1c1c1);
}
._version_1sr78_117 {
  cursor: default;
}
._tooltip_1sr78_129 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  margin-bottom: 8px;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
  z-index: 1000;
}
._tooltip_1sr78_129::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.9);
}
._versionContainer_1sr78_117:hover ._tooltip_1sr78_129 {
  visibility: visible;
  opacity: 1;
}
:where(html:not([data-desktop-view=true])) ._footer_1sr78_1 {
  display: none;
}
._sideMenu_a2w9a_1 {
  width: 310px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100svh;
}
._sideMenuContent_a2w9a_14 {
  height: 100%;
  overflow: scroll;
  padding-block: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._mainContent_a2w9a_23 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._header_a2w9a_29 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
._backButton_a2w9a_36 {
  font-weight: 500;
  font-size: 20px;
  color: var(--brand-accent);
  cursor: pointer;
  display: flex;
  gap: 6px;
}
._backButton_a2w9a_36 img {
  width: 24px;
  height: 24px;
  margin: auto;
}
._webVersion_a2w9a_50 {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  height: 30px;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  gap: 8px;
  border-radius: 4px;
  border-width: 1px;
  background: var(--Color, #f9f9f9);
  color: var(--Icon-Dark, #34364c);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._userSection_a2w9a_69 {
  padding-inline: 20px;
}
._userInfo_a2w9a_73 {
  background: #f4f4f4;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-radius: 4px;
}
._userIcon_a2w9a_85 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
._userIcon_a2w9a_85 img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
._loginPrompt_a2w9a_98 {
  color: var(--Icon-Dark, #34364c);
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
}
._userStats_a2w9a_108 {
  display: flex;
  gap: 4px;
  width: 100%;
  justify-content: center;
  height: 30px;
}
._statItem_a2w9a_116 {
  background: #ffffff;
  border-radius: 6px;
  padding: 6px 10px;
  color: var(--Icon-Dark, #34364c);
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: auto 0;
}
._authButtons_a2w9a_130 {
  display: flex;
  gap: 10px;
  width: 100%;
}
._logoutButtonItem_a2w9a_136 {
  border-width: 9px 0px 1px 0px;
  border-style: solid;
  border-color: var(--Color, #f9f9f9);
}
._registerButton_a2w9a_142 {
  background: var(--brand-button-gradient);
  color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  height: 40px;
  width: 110px;
  justify-content: center;
}
._loginButton_a2w9a_152 {
  background: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  height: 40px;
  width: 110px;
  justify-content: center;
}
._menuList_a2w9a_161,
._profileList_a2w9a_162,
._logout_a2w9a_136 {
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
._menuItem_a2w9a_169 {
  height: 60px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: var(--Color, #f9f9f9);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  cursor: pointer;
}
._menuTitle_a2w9a_181 {
  font-weight: 600;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
}
._menuTitleActive_a2w9a_187 {
  color: var(--brand-accent);
}
._menuArrow_a2w9a_191 {
  color: 2px solid var(--brand-accent);
}
._footer_a2w9a_195 {
  gap: 4px;
  padding: 20px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._logo_a2w9a_136 {
  width: 62px;
}
._copyright_a2w9a_209 {
  font-weight: 500;
  font-size: 10px;
  line-height: 20px;
  color: var(--Grey-5, #7c7c7c);
}
._sideMenuOpen_a2w9a_216 {
  transform: translateX(0);
  transition: transform 0.5s ease-in-out;
}
._sideMenuClose_a2w9a_221 {
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out;
}
._userPoints_a2w9a_226,
._userFollowers_a2w9a_227 {
  height: 30px;
  border-radius: 6px;
  border-width: 1px;
  padding: 6px 10px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-size: 12px;
}
._menuSection_a2w9a_239 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--Color, #f9f9f9);
}
._bottomNav_1p5eb_1 {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 76px;
  width: 100%;
  z-index: 9;
}
._menu_1p5eb_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._menuItem_1p5eb_21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  cursor: pointer;
  text-decoration: none;
  width: 20%;
}
._icon_1p5eb_32 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._icon_1p5eb_32 img {
  width: 24px;
  height: 24px;
}
._title_1p5eb_47 {
  font-weight: 500;
  font-size: 14px;
  color: var(--Grey-5, #7c7c7c);
  white-space: nowrap;
}
._titleActive_1p5eb_54 {
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  color: var(--brand-accent);
}
@keyframes _slideIn_1ra1k_1 {
  from {
    transform: translate(-50%, calc(-50% + 40px));
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes _slideOut_1ra1k_1 {
  from {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: translate(-50%, calc(-50% + 40px));
    opacity: 0;
  }
}
._videoModal_1ra1k_22 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _slideIn_1ra1k_1 0.3s ease-out;
  max-width: 95vw;
  max-height: calc(100vh - 40px);
  gap: 12px;
  padding: 20px;
  box-sizing: border-box;
}
._videoModal_1ra1k_22._closing_1ra1k_42 {
  animation: _slideOut_1ra1k_1 0.2s ease-in forwards;
}
._titleBar_1ra1k_46 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
  min-height: 44px;
}
._title_1ra1k_46 {
  font-weight: 700;
  font-size: 30px;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
}
._closeButton_1ra1k_66 {
  background: transparent;
  border: none;
  color: var(--brand-accent);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.15s ease;
  flex-shrink: 0;
}
._closeButton_1ra1k_66:hover {
  background-color: rgba(253, 161, 60, 0.15);
}
._closeButton_1ra1k_66 svg {
  width: 18px;
  height: 18px;
}
._iframeContainer_1ra1k_87 {
  position: relative;
  background: #000;
  overflow: hidden;
  flex-shrink: 0;
}
._iframeWrapper_1ra1k_94 {
  display: block;
}
._videoFrame_1ra1k_98 {
  display: block;
  border: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  ._title_1ra1k_46 {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  ._titleBar_1ra1k_46 {
    padding: 8px 12px;
  }
  ._title_1ra1k_46 {
    font-size: 13px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "inter";
  font-size: 16px;
  color: #34364c;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 1200px;
  min-height: 100vh;
  background: #f4f4f4;
}
html:not([data-desktop-view=true]) body {
  min-width: 375px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
#root {
  min-height: 100vh;
}
html[data-watermark=true] body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: var(--brand-watermark-bg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  opacity: 0.2;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf) format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Black";
  src: url(/src/assets/fonts/Inter_28pt-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
._toastRoot_155p7_1 {
  position: fixed;
  top: 72px;
  right: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10001;
}
._toast_155p7_1 {
  min-width: 220px;
  padding: 10px 14px;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  animation: _pop_155p7_1 0.12s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
._toast_success_155p7_25 {
  background: #52c41a;
}
._toast_error_155p7_29 {
  background: #ff4d4f;
}
._toast_info_155p7_33 {
  background: #1890ff;
}
._toastIcon_155p7_37 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._toastClose_155p7_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  font-size: 20px;
  line-height: 1;
  opacity: 0.7;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
._toastClose_155p7_43:hover {
  opacity: 1;
}
@keyframes _pop_155p7_1 {
  from {
    transform: translateY(-6px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
:where(html:not([data-desktop-view=true])) ._toastRoot_155p7_1 {
  top: 60px;
  right: 16px;
  left: 16px;
  align-items: center;
}
:where(html:not([data-desktop-view=true])) ._toast_155p7_1 {
  width: 100%;
  max-width: 400px;
  min-width: 0;
}
._loadingContainer_7wmju_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 40px 20px;
}
._spinner_7wmju_10 {
  position: relative;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}
._spinnerRing_7wmju_17 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
  border-top-color: var(--brand-accent);
  border-radius: 50%;
  animation: _spin_7wmju_10 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
._spinnerRing_7wmju_17:nth-child(1) {
  animation-delay: -0.45s;
}
._spinnerRing_7wmju_17:nth-child(2) {
  animation-delay: -0.3s;
}
._spinnerRing_7wmju_17:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes _spin_7wmju_10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loadingText_7wmju_46 {
  font-size: 16px;
  color: #7c7c7c;
  margin: 0;
  font-weight: 500;
}
._header_liq9k_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  min-height: 30px;
}
._leftSide_liq9k_9 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._icon_liq9k_15 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._title_liq9k_21 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #34364c;
  line-height: 1.2;
}
._rightSide_liq9k_29 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._header_liq9k_1 {
  flex-direction: row;
  align-items: center;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._rightSide_liq9k_29 {
  width: auto;
  margin-left: auto;
  justify-content: flex-end;
}
:where(html:not([data-desktop-view=true])) ._title_liq9k_21 {
  font-size: 18px;
}
._hotItemsGrid_1q8nx_1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 0 12px;
}
._lotteryTypePage_1q8nx_9 {
  padding: 15px;
  padding-bottom: 80px;
  background: #f4f4f4;
}
._sectionWrapper_1q8nx_15 {
  margin-bottom: 20px;
}
._sectionHeader_1q8nx_19 {
  font-size: 16px;
  font-weight: 700;
  color: var(--brand-accent);
  margin: 0 0 12px 16px;
  display: flex;
  align-items: center;
}
._itemsGrid_1q8nx_28 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  padding: 0;
}
._hotItemsGrid_1q8nx_1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 0 12px;
}
@media (max-width: 900px) {
  ._hotItemsGrid_1q8nx_1 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  ._hotItemsGrid_1q8nx_1 {
    grid-template-columns: 1fr;
  }
}
._horizontalScroll_1q8nx_52 {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  gap: 12px;
  padding-bottom: 8px;
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  animation: _hideScrollbar_1q8nx_1 0s 1s forwards;
}
._horizontalScroll_1q8nx_52::-webkit-scrollbar {
  height: 2px;
  animation: _fadeOutScrollbar_1q8nx_1 0s 1s forwards;
}
._horizontalScroll_1q8nx_52::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: px;
  animation: _fadeOutScrollbar_1q8nx_1 0s 1s forwards;
}
@keyframes _hideScrollbar_1q8nx_1 {
  to {
    scrollbar-width: none;
  }
}
@keyframes _fadeOutScrollbar_1q8nx_1 {
  to {
    display: none;
  }
}
._horizontalScroll_1q8nx_52 ._lotteryItem_1q8nx_84 {
  flex: 0 0 auto;
  width: 130px;
  margin-right: 0;
}
._lotteryItem_1q8nx_84 {
  background: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 10px;
}
._lotteryIcon_1q8nx_106 {
  width: 50px;
  height: 50px;
}
._lotteryName_1q8nx_111 {
  color: var(--Icon-Dark, #34364c);
  text-align: center;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}
._lotteryTimer_1q8nx_123 {
  color: #fff;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  border-radius: 6px;
  width: 94px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._lotteryTimer_1q8nx_123 span {
  color: inherit;
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 11px !important;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}
._itemsGrid_1q8nx_28 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
._loadingContainer_1q8nx_152 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80vh;
  gap: 24px;
}
._spinner_1q8nx_161 {
  position: relative;
  width: 80px;
  height: 80px;
}
._spinnerRing_1q8nx_167 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
  border-top-color: #667eea;
  border-radius: 50%;
  animation: _spin_1q8nx_161 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
._spinnerRing_1q8nx_167:nth-child(1) {
  animation-delay: -0.45s;
  border-top-color: #667eea;
}
._spinnerRing_1q8nx_167:nth-child(2) {
  animation-delay: -0.3s;
  border-top-color: #764ba2;
}
._spinnerRing_1q8nx_167:nth-child(3) {
  animation-delay: -0.15s;
  border-top-color: #f093fb;
}
@keyframes _spin_1q8nx_161 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loadingText_1q8nx_197 {
  font-size: 18px;
  font-weight: 500;
  color: #667eea;
  animation: _pulse_1q8nx_1 1.5s ease-in-out infinite;
}
@keyframes _pulse_1q8nx_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._errorContainer_1q8nx_212 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80vh;
  gap: 16px;
  padding: 32px;
  animation: _fadeIn_1q8nx_1 0.3s ease-out;
}
@keyframes _fadeIn_1q8nx_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._errorIcon_1q8nx_233 {
  font-size: 64px;
  animation: _shake_1q8nx_1 0.5s ease-in-out;
}
@keyframes _shake_1q8nx_1 {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  75% {
    transform: translateX(10px);
  }
}
._errorText_1q8nx_249 {
  font-size: 24px;
  font-weight: 600;
  color: #e53e3e;
  margin: 0;
}
._errorMessage_1q8nx_256 {
  font-size: 16px;
  color: #718096;
  margin: 0;
  text-align: center;
  max-width: 400px;
}
._retryButton_1q8nx_264 {
  color: rgb(249, 249, 249);
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: auto;
  min-width: 110px;
  background: var(--brand-button-gradient);
  border: none;
  height: 44px;
  border-radius: 4px;
}
._retryButton_1q8nx_264 span {
  font-size: 20px !important;
}
._retryButton_1q8nx_264 {
  transition: all 0.3s ease;
}
._retryButton_1q8nx_264:hover {
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      rgb(108, 108, 108) 0%,
      rgb(58, 58, 58) 57.26%,
      rgb(0, 0, 0) 98.78%) !important;
  transform: translateY(-2px);
}
._retryButton_1q8nx_264:active {
  transform: translateY(0);
}
._ballContainer_14ovd_1 {
  position: relative;
  display: inline-block;
}
._ballImage_14ovd_6 {
  display: block;
}
._textOverlay_14ovd_10 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  pointer-events: none;
}
._textOverlay6hc_14ovd_21 {
  color: #000;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}
._textOverlaySprite_14ovd_28 {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
._overlayText_14ovd_35 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 1;
}
._spriteBall_14ovd_49 {
  border-radius: 50%;
  background-image: var(--sprite-url);
  background-repeat: no-repeat;
  background-size: var(--sprite-width) var(--sprite-height);
  background-position: var(--sprite-position);
}
._fallbackBall_14ovd_57 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ccc;
  color: #fff;
  font-weight: bold;
}
._warningContainer_s3bjy_1 {
  position: relative;
  padding: 15px 20px;
  border-radius: 6px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  min-height: 70px;
}
._warningContainer_s3bjy_1._fullRadius_s3bjy_9 {
  border-radius: 6px;
}
._warningContainer_s3bjy_1._radius_s3bjy_12 {
  border-radius: 6px 6px 0 0;
}
._warningContainer_s3bjy_1._radius-bottom_s3bjy_15 {
  border-radius: 0 0 6px 6px;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 7px;
  background: var(--Yellow1, var(--brand-light-accent));
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--brand-accent-border-color);
  border-radius: 4px;
  z-index: 2;
  position: relative;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18._expanded_s3bjy_30 {
  position: absolute;
  left: 20px;
  right: 20px;
  z-index: 50;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningIcon_s3bjy_36 {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  color: var(--Icon-Dark, #34364c);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningIconTop_s3bjy_46 {
  align-self: flex-start;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningTextWrap_s3bjy_49 {
  max-height: 20px;
  overflow: hidden;
  transition: max-height 0.28s ease;
  display: flex;
  align-items: center;
  gap: 5px;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningTextWrap_s3bjy_49 ._warningIconImg_s3bjy_57 {
  width: 23px;
  height: 23px;
  object-fit: contain;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningTextWrap_s3bjy_49 ._warningIconText_s3bjy_62 {
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningText_s3bjy_49 {
  color: #626363;
  font-family: Inter;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0%;
  margin: auto 0;
  display: block;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningDivider_s3bjy_80 {
  width: 1px;
  background: #e0e0e0;
  align-self: stretch;
  margin: 0;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningContent_s3bjy_86 {
  display: flex;
  flex: 1;
  min-width: 0;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._expandBtn_s3bjy_91 {
  align-self: flex-start;
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 12px;
  color: #f57c00;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  margin-top: 3px;
}
._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._expandBtn_s3bjy_91:hover {
  text-decoration: underline;
}
._warningContainer_s3bjy_1 ._warningBoxSingle_s3bjy_108 {
  align-items: center;
}
:where(html:not([data-desktop-view=true])) ._warningContainer_s3bjy_1 {
  padding: 15px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._warningContainer_s3bjy_1 ._warningBox_s3bjy_18._expanded_s3bjy_30 {
  left: 15px;
  right: 15px;
}
:where(html:not([data-desktop-view=true])) ._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningIcon_s3bjy_36 ._warningIconText_s3bjy_62 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._warningContainer_s3bjy_1 ._warningBox_s3bjy_18 ._warningContent_s3bjy_86 ._warningText_s3bjy_49 {
  font-size: 12px;
  margin-top: 3px;
  line-height: normal;
}
._customSelect_gufck_1 {
  position: relative;
  width: 108px;
  cursor: pointer;
  user-select: none;
}
._selectTrigger_gufck_8 {
  width: 100%;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Grey, #f4f4f4);
  border-radius: 6px;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}
._arrow_gufck_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
._arrow_gufck_24 svg {
  display: block;
}
._arrowUp_gufck_34 {
  transform: rotate(180deg);
}
._dropdown_gufck_38 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #f4f4f4;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 2;
  max-height: 300px;
  overflow-y: auto;
}
._dropdownItem_gufck_52 {
  padding: 10px;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  color: #7c7c7c;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
._dropdownItem_gufck_52:hover {
  background-color: #f9f9f9;
}
._dropdownItem_gufck_52:not(:last-child) {
  border-bottom: 1px solid #f4f4f4;
}
._dropdownItem_gufck_52._selected_gufck_68 {
  background-color: #e5e8ef;
  color: #34364c;
  font-weight: 600;
}
:where(html:not([data-desktop-view=true])) ._customSelect_gufck_1 {
  flex: 1;
  width: auto;
}
:where(html:not([data-desktop-view=true])) ._selectTrigger_gufck_8 {
  height: 35px;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._selectTrigger_gufck_8 span {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._dropdown_gufck_38 {
  max-height: 250px;
}
:where(html:not([data-desktop-view=true])) ._dropdownItem_gufck_52 {
  padding: 8px;
  font-size: 12px;
}
._datePickerWrapper_1wg7x_1 {
  height: 42px;
  padding: 10px 15px;
  border: 1px solid #f4f4f4;
  border-radius: 6px;
  color: #34364c;
  background: #fff;
  cursor: pointer;
  margin: auto;
  display: flex;
  align-items: center;
}
._datePickerWrapper_1wg7x_1 img {
  width: 20px;
}
._datePickerWrapper_1wg7x_1 :hover {
  cursor: pointer;
}
._dateText_1wg7x_20 {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #34364c;
  padding: 0 10px;
  flex: 1;
  user-select: none;
}
._hiddenDateInput_1wg7x_32 {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
._overlay_1wg7x_41 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
}
._bottomSheet_1wg7x_48 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1001;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
._sheetHeader_1wg7x_58 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px 14px;
  border-bottom: 1px solid #f0f0f0;
}
._sheetTitle_1wg7x_66 {
  font-size: 18px;
  font-weight: 600;
  color: #34364c;
}
._sheetActions_1wg7x_72 {
  display: flex;
  gap: 24px;
  align-items: center;
}
._sheetCancelBtn_1wg7x_78 {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: #aeadad;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  text-decoration: underline;
}
._sheetConfirmBtn_1wg7x_90 {
  background: none;
  border: none;
  font-size: 16px;
  color: var(--brand-accent);
  font-weight: 400;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
._sheetPickers_1wg7x_101 {
  display: flex;
  height: 220px;
  overflow: hidden;
  padding: 20px 15px;
}
._colWrapper_1wg7x_108 {
  position: relative;
  flex: 1;
  overflow: hidden;
}
._colHighlight_1wg7x_114 {
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
  height: 44px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  pointer-events: none;
  z-index: 2;
}
._colList_1wg7x_126 {
  list-style: none;
  height: 220px;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  margin: 0;
  scrollbar-width: none;
}
._colList_1wg7x_126::-webkit-scrollbar {
  display: none;
}
._colPad_1wg7x_140 {
  height: 44px;
  scroll-snap-align: start;
}
._colItem_1wg7x_145 {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
  font-size: 16px;
  font-weight: 700;
  color: #b0b0b0;
  cursor: pointer;
  user-select: none;
  transition: color 0.15s;
}
._colItemActive_1wg7x_159 {
  color: var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._datePickerWrapper_1wg7x_1 {
  margin: 0;
  height: 30px;
  width: 110px;
  padding: 10px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._datePickerWrapper_1wg7x_1 img {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._dateText_1wg7x_20 {
  font-weight: 400;
  font-size: 12px;
  padding: 0px;
}
._notFound_msrzq_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f4f4f4;
  height: 600px;
  padding: 20px;
}
._content_msrzq_12 {
  width: 860px;
  height: 500px;
  gap: 20px;
  border-radius: 6px;
  border-width: 1px;
  padding: 10px;
  background: var(--Color, #f9f9f9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._imageContainer_msrzq_26 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._imageContainer_msrzq_26 img {
  width: 100%;
}
._textContainer_msrzq_35 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
._title_msrzq_43 {
  font-weight: 700;
  font-size: 40px;
  color: var(--Icon-Dark, #34364c);
}
._description_msrzq_49 {
  font-weight: 500;
  font-size: 16px;
  color: var(--Grey-5, #7c7c7c);
}
._homeButton_msrzq_55 {
  background: var(--brand-button-gradient);
  color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  height: 40px;
  justify-content: center;
}
:where(html:not([data-desktop-view=true])) ._notFound_msrzq_1 {
  justify-content: flex-start;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._content_msrzq_12 {
  width: 100%;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._imageContainer_msrzq_26 img {
  width: 240px;
}
:where(html:not([data-desktop-view=true])) ._textContainer_msrzq_35 {
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._title_msrzq_43 {
  font-size: 24px;
}
:where(html:not([data-desktop-view=true])) ._description_msrzq_49 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._homeButton_msrzq_55 {
  width: 100%;
}
._wrapper_p6cvy_1 {
  display: flex;
  min-height: 100vh;
  padding: 0;
  gap: 0;
  position: relative;
  background: var(--theme-bg-value, url(./images/pk10_bg.webp));
  background-repeat: no-repeat;
  background-position: center top;
  background-color: var(--theme-bg-color, #404345);
  background-size: 100% auto;
}
._mainContent_p6cvy_14 {
  flex: 1;
  margin-left: var(--theme-sidebar-width, 160px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1200px;
  margin: var(--theme-main-content-margin-top, 362px) auto var(--theme-main-content-margin-bottom, 50px) auto;
  width: stretch;
}
._headerCardsWrapper_p6cvy_25 {
  display: flex;
  gap: 20px;
}
._modalOverlay_p6cvy_30 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._modalContent_p6cvy_43 {
  background-color: #fff;
  border-radius: 6px;
  padding: 0;
  max-width: 1200px;
  min-width: 1200px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
._modalBackButton_p6cvy_57 {
  display: none;
}
._modalCloseButton_p6cvy_61 {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: var(--Icon-Dark, #34364c);
  padding: 5px;
  line-height: 1;
  z-index: 10;
}
._modalCloseButton_p6cvy_61:hover {
  color: #333;
}
._modalTitle_p6cvy_78 {
  background: var(--brand-accent);
  height: 64px;
  color: var(--Icon-Dark, #34364c);
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}
._modalTitleMobile_p6cvy_92 {
  display: none;
}
._modalBody_p6cvy_96 {
  gap: 15px;
  opacity: 1;
  border-width: 1px;
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
:where(html:not([data-desktop-view=true])) ._wrapper_p6cvy_1 {
  overflow: hidden;
  flex-direction: column;
  background-size: 160%;
  background-position: 45% top !important;
}
:where(html:not([data-desktop-view=true])) ._mainContent_p6cvy_14 {
  margin-left: 0;
  padding: 15px;
  margin: 36% auto 20% auto;
  gap: 15px;
}
:where(html:not([data-desktop-view=true])) ._headerCardsWrapper_p6cvy_25 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
:where(html:not([data-desktop-view=true])) ._sectionHeaderContainer_p6cvy_122 {
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._modalContent_p6cvy_43 {
  min-width: 95%;
  max-width: 95%;
}
:where(html:not([data-desktop-view=true])) ._modalOverlay_p6cvy_30 {
  align-items: flex-end;
  padding: 0;
}
:where(html:not([data-desktop-view=true])) ._modalContent_p6cvy_43 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 100dvh;
  height: 100dvh;
  border-radius: 0;
  overflow: hidden;
}
:where(html:not([data-desktop-view=true])) ._modalTitle_p6cvy_78 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._modalTitleMobile_p6cvy_92 {
  display: block;
  background: var(--brand-button-gradient);
  height: 64px;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 64px;
  letter-spacing: 0%;
  margin: 0;
}
:where(html:not([data-desktop-view=true])) ._modalCloseButton_p6cvy_61 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_p6cvy_57 {
  margin: auto;
  display: flex;
  position: absolute;
  top: 15px;
  left: 15px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  line-height: 1;
  z-index: 10;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_p6cvy_57 span {
  margin-top: 2px;
  color: var(--Icon-Dark, #fff);
  font-size: 20px;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_p6cvy_57 img {
  width: 24px;
  height: 24px;
}
:where(html:not([data-desktop-view=true])) ._modalBody_p6cvy_96 {
  padding: 0px;
}
@media (max-width: 480px) {
  ._modalOverlay_p6cvy_30 {
    align-items: flex-end;
    padding: 0;
  }
  ._modalContent_p6cvy_43 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100dvh;
    height: 100dvh;
    border-radius: 0;
    overflow: hidden;
  }
}
._countdownCard_6ib5q_1 {
  height: 160px;
  max-width: 256px;
  min-width: 256px;
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  gap: 15px;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  justify-content: center;
}
._countdownHeader_6ib5q_15 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 15px;
}
._countdownIconWrapper_6ib5q_24 {
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._countdownIcon_6ib5q_24 {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
._countdownTitle_6ib5q_37 {
  color: #34364c;
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}
._countdownSubtitle_6ib5q_46 {
  color: var(--Grey-5, #7c7c7c);
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}
._countdownSubtitleStrong_6ib5q_55 {
  font-weight: 700;
  color: #34364c;
}
._countdownBox_6ib5q_60 {
  width: auto;
  max-height: 80px;
  gap: 5px;
  opacity: 1;
  border-radius: 6px;
  padding: 15px;
  border-width: 1px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  background-color: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.2509803922);
}
._countdownTimerWrapper_6ib5q_73 {
  width: 186px;
  height: 50px;
  gap: 10px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
._countdownTimerDisplay_6ib5q_84 {
  width: 186px;
  height: 50px;
  background:
    linear-gradient(
      180deg,
      #484b5b 0%,
      #23253a 100%);
  border-radius: 4px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 0;
  border: 1px solid var(--Icon-Dark, #34364c);
  gap: 6px;
}
._countdownTimeItem_6ib5q_100 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
._countdownTimeNumber_6ib5q_108 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  font-family: Inter, sans-serif;
  margin-right: 2px;
  letter-spacing: 0;
}
._countdownTimeUnit_6ib5q_117 {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  font-family: Inter, sans-serif;
  margin-left: 2px;
  opacity: 0.85;
}
._countdownSeparatorLine_6ib5q_126 {
  border: 1px solid var(--Grey-5, #7c7c7c);
  width: 0;
  height: 18px;
  opacity: 1;
  border-width: 1px;
}
._countdownTimeBox_6ib5q_134 {
  gap: 5px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
._countdownTimeValue_6ib5q_143 {
  width: 30px;
  height: 34px;
  gap: 10px;
  opacity: 1;
  border-radius: 4px;
  padding: 7.16px;
  border-width: 1px;
  background: var(--Grey-9, #34364c);
  border: 1px solid var(--Color, #ffffff);
  color: var(--Color, #ffffff);
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
._countdownTimeLabel_6ib5q_164 {
  width: 13.8px;
  height: 10px;
  opacity: 1;
  color: var(--Grey-5, #7c7c7c);
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  text-align: center;
}
._countdownSeparator_6ib5q_126 {
  width: 9px;
  height: 18px;
  opacity: 1;
  border-width: 1px;
  margin-top: 5px;
}
:where(html:not([data-desktop-view=true])) ._countdownCard_6ib5q_1 {
  min-width: calc(50% - 7.5px);
  max-width: calc(50% - 7.5px);
  height: auto;
  padding: 15px;
  gap: 10px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._countdownHeader_6ib5q_15 {
  margin-bottom: 10px;
}
:where(html:not([data-desktop-view=true])) ._countdownBox_6ib5q_60 {
  border-radius: 4px;
  padding: 10px;
}
:where(html:not([data-desktop-view=true])) ._countdownTitle_6ib5q_37 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._countdownTimeNumber_6ib5q_108 {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._countdownSubtitle_6ib5q_46 {
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._countdownSubtitleStrong_6ib5q_55 {
  font-weight: 700;
  color: #34364c;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._countdownSeparatorLine_6ib5q_126 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._countdownTimerDisplay_6ib5q_84 {
  width: 119px;
  height: 30px;
  gap: 1px;
  opacity: 1;
  border-radius: 4px;
  border-width: 1px;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
}
@media (max-width: 375px) {
  ._countdownCard_6ib5q_1 {
    padding: 10px;
  }
}
._sectionHeaderWrapper_1chdm_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._sectionHeaderContainer_1chdm_8 {
  height: 70px;
  gap: 30px;
  opacity: 1;
  border-radius: 6px;
  border-width: 1px;
  padding-right: 20px;
  padding-left: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._sectionHeaderInner_1chdm_19 {
  width: 100%;
  height: 70px;
  gap: 4px;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto 0;
}
._sectionHeaderInnerWrapper_1chdm_30 {
  display: flex;
  height: 100%;
  gap: 25px;
}
._sectionHeaderRight_1chdm_36 {
  display: flex;
  align-items: center;
  gap: 11px;
}
._sectionHeaderWrapper_1chdm_1:has(._sectionHeaderTabs_1chdm_42) ._sectionHeaderContainer_1chdm_8 {
  border-radius: 6px 6px 0 0;
}
._sectionHeaderTabs_1chdm_42 {
  overflow-x: auto;
  margin-top: 0;
  background-color: #f9f9f9;
  height: 70px;
  opacity: 1;
  border-radius: 0 0 6px 6px;
  border-width: 1px;
  padding-right: 20px;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
._sectionHeaderTitle_1chdm_61 {
  height: 100%;
  display: flex;
  margin: auto 0;
  color: var(--brand-accent);
  border-bottom-width: 4px;
}
._sectionHeaderTitle_1chdm_61 span {
  margin: auto;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}
._sectionHeaderTitle_1chdm_61._active_1chdm_75 {
  border-bottom: 4px solid var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._sectionHeaderContainer_1chdm_8 {
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._sectionHeaderTitle_1chdm_61 span {
  font-size: 16px;
}
._lotteryInfoCard_1x3ec_1 {
  height: 160px;
  width: var(--lottery-info-card-width, 664px);
  max-width: var(--lottery-info-card-max-width, 664px);
  min-width: var(--lottery-info-card-min-width, 0px);
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  flex: 2;
  gap: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  align-items: center;
  position: relative;
}
._lotteryInfoLeft_1x3ec_19 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 102px;
  height: 100%;
  gap: 5px;
}
._lotteryIcon_1x3ec_29 {
  width: 100px;
  height: 95px;
  object-fit: contain;
}
._lotteryTitle_1x3ec_35 {
  text-align: center;
  margin-top: 2px;
  color: var(--Icon-Dark, #34364c);
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}
._periodLabel_1x3ec_45 {
  color: var(--Icon-Dark, #34364c);
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
._periodLabelGroup_1x3ec_56 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._periodIcon_1x3ec_62 {
  width: 16px;
  height: 20px;
}
._recommendationBadge_1x3ec_67 {
  color: var(--Icon-Dark, #34364c);
  padding: 6px 10px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 30px;
  white-space: nowrap;
  width: 104px;
  opacity: 1;
  border-radius: 6px;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  background: var(--Grey-2, #d9d9d9);
}
._badgeGroup_1x3ec_92 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
._badgeGroupLeft_1x3ec_99 {
  margin-left: 0;
}
._remainingPeriod_1x3ec_103 {
  margin-left: auto;
  color: var(--Grey-5, #7c7c7c);
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  white-space: nowrap;
}
._lotteryInfoRight_1x3ec_112 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0;
}
._lotteryInfoHeader_1x3ec_121 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  justify-content: space-between;
  height: 30px;
}
._issueBadge_1x3ec_130 {
  background: var(--brand-button-gradient);
  height: 100%;
  min-height: 30px;
  color: #fff;
  border-radius: 6px;
  padding: 6px 10px;
  font-family: Inter;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  margin-bottom: 0;
  box-shadow: 0 2px 8px 0 #e5e8ef;
  margin-left: auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
._drawCodeLabel_1x3ec_151 {
  color: var(--Grey-5, #7c7c7c);
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}
._drawCodeContainer_1x3ec_160 {
  background: #f9f9f9;
  border-radius: 6px;
  padding: 15px 20px;
  display: flex;
  gap: 3px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  align-items: center;
  min-height: 60px;
  margin-top: 2px;
  width: 100%;
  flex: 1 1 100%;
}
._drawCodeRow_1x3ec_174 {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
  align-items: center;
}
._ballItemWrapper_1x3ec_181 {
  display: flex;
  transition: opacity 0.2s;
  max-height: 40px;
}
._ballItemWrapper_1x3ec_181._loading_1x3ec_186 {
  opacity: 0.6;
}
._mobileHeader_1x3ec_190 {
  display: none;
}
._mobileRemainingRow_1x3ec_194 {
  display: none;
}
._labelBadgeRow_1x3ec_198 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._lotteryInfoCard_1x3ec_1 {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0px;
  gap: 0px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._mobileHeader_1x3ec_190 {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background:
    linear-gradient(
      180deg,
      #ffffff 40.32%,
      #f9f9f9 89.94%);
  border-bottom: 1px solid var(--Grey, #f4f4f4);
}
:where(html:not([data-desktop-view=true])) ._lotteryInfoLeft_1x3ec_19 {
  width: auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._lotteryInfoRight_1x3ec_112 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._lotteryInfoHeader_1x3ec_121 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._lotteryIcon_1x3ec_29 {
  width: 42px;
  height: 42px;
  object-fit: cover;
}
:where(html:not([data-desktop-view=true])) ._lotteryTitle_1x3ec_35 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin-top: 0;
}
:where(html:not([data-desktop-view=true])) ._periodLabel_1x3ec_45 {
  font-weight: 600;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._labelBadgeRow_1x3ec_198 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 0 15px;
  background: #fff;
  gap: 6px;
}
:where(html:not([data-desktop-view=true])) ._recommendationBadge_1x3ec_67 {
  width: auto;
  border-radius: 4px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._issueBadge_1x3ec_130 {
  padding: 6px 5px;
  height: 30px;
  border-radius: 4px;
  margin-left: 0;
  margin-bottom: 0;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
}
:where(html:not([data-desktop-view=true])) ._remainingPeriod_1x3ec_103 {
  margin-left: 0;
  font-family: Inter;
  font-weight: 500;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--Grey-5, #7c7c7c);
}
:where(html:not([data-desktop-view=true])) ._mobileRemainingRow_1x3ec_194 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 0 15px;
  background: #fff;
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._mobileBallsContainer_1x3ec_295 {
  border-radius: 0px;
  background-color: #fff;
  width: 100%;
  padding: 15px;
  height: 75;
  gap: 15px;
  opacity: 1;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding: 15px;
}
:where(html:not([data-desktop-view=true])) ._mobileBallsContainerCompact_1x3ec_309 {
  padding-top: 10px;
}
:where(html:not([data-desktop-view=true])) ._drawCodeContainer_1x3ec_160 {
  background: var(--Color, #f9f9f9);
  gap: 5px;
  opacity: 1;
  padding: 10px;
  border-radius: 6px;
  border-width: 1px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  min-height: auto;
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
}
._sidebar_197hb_1 {
  width: var(--theme-sidebar-width, 160px);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  left: var(--theme-sidebar-margin-left, 0);
  top: 78%;
  transform: translateY(-78%);
  height: auto;
  background: none;
  z-index: 9;
}
._sidebarHeader_197hb_16 {
  width: var(--theme-sidebar-width, 160px);
  height: var(--theme-sidebar-header-height, 120px);
  background: var(--theme-sidebar-header-bg, url(../images/pk10_li.png)) no-repeat var(--theme-sidebar-header-bg-position, 5px -34px);
  background-size: var(--theme-sidebar-header-bg-size, auto);
  color: var(--theme-sidebar-active-text, #fec800);
  text-align: center;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  border-radius: var(--theme-sidebar-header-border-radius, 0 0 16px 16px);
  position: relative;
  z-index: 1;
}
._sidebarItemWrapper_197hb_34 {
  background: var(--theme-sidebar-item-wrapper-bg, none);
  background-size: var(--theme-sidebar-item-wrapper-bg-size, auto);
  color: var(--theme-sidebar-item-wrapper-color, inherit);
  width: var(--theme-sidebar-item-wrapper-width, var(--theme-sidebar-width, 160px));
  height: var(--theme-sidebar-item-wrapper-height, auto);
  border-radius: var(--theme-sidebar-item-wrapper-border-radius, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: var(--theme-sidebar-item-wrapper-justify-content, center);
  gap: var(--theme-sidebar-item-wrapper-gap, 0);
  position: relative;
  z-index: 1;
  padding: var(--theme-sidebar-item-wrapper-padding, 0);
}
._sidebarItem_197hb_34 {
  width: var(--theme-sidebar-item-width, calc(var(--theme-sidebar-width, 160px) - 20px));
  height: var(--theme-sidebar-item-height, 41px);
  background-color: var(--theme-sidebar-item-bg-color, transparent);
  background-image: var(--theme-sidebar-item-image, none);
  background-repeat: no-repeat;
  background-position: var(--theme-sidebar-item-bg-position, -7px -164px);
  background-size: var(--theme-sidebar-item-bg-size, contain);
  border: none;
  border-bottom: var(--theme-sidebar-item-border-bottom, none);
  color: var(--theme-sidebar-text, #fff);
  font-weight: var(--theme-sidebar-font-weight, 700);
  font-size: var(--theme-sidebar-font-size, 16px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--theme-sidebar-item-border-radius, 8px);
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: var(--theme-sidebar-item-line-height, 30px);
}
._sidebarItem_197hb_34._active_197hb_74 {
  color: var(--theme-sidebar-active-text, #fec800);
  font-size: var(--theme-sidebar-active-font-size, 18px);
  font-weight: var(--theme-sidebar-active-font-weight, 600);
  background-color: var(--theme-sidebar-active-bg-color, transparent);
  background-image: var(--theme-sidebar-item-image, none);
  background-repeat: no-repeat;
  background-position: var(--theme-sidebar-item-bg-position, -7px -164px);
}
._sidebarItem_197hb_34:has(+ ._sidebarItem_197hb_34._active_197hb_74) ._sidebarItemText_197hb_84 {
  border-bottom: var(--theme-sidebar-item-text-prev-active-border-bottom, var(--theme-sidebar-item-text-border-bottom, none));
}
._sidebarItemText_197hb_84 {
  min-width: 85%;
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  height: 100%;
  border-bottom: var(--theme-sidebar-item-text-border-bottom, none);
  color: inherit;
}
._sidebarItemText_197hb_84._active_197hb_74 {
  background-color: var(--theme-sidebar-item-text-active-bg-color, transparent);
  border-bottom: var(--theme-sidebar-item-text-active-border-bottom, none);
  border-radius: var(--theme-sidebar-item-text-active-border-radius, 0);
}
._topArrow_197hb_103 {
  font-size: 20px;
  display: block;
  color: #fec800;
  margin-bottom: 2px;
}
._topButton_197hb_110 {
  width: var(--theme-top-button-width, 125px) !important;
  height: var(--theme-top-button-height, 82px) !important;
  background: var(--theme-top-button-image, url(../images/pk10_li.png)) var(--theme-top-button-bg-position, -16px -219px) no-repeat !important;
  background-size: var(--theme-top-button-bg-size) !important;
  border: none;
  padding-top: var(--theme-top-button-padding-top, 0);
  color: var(--theme-top-button-color, #fec800);
  font-weight: 700;
  font-size: var(--theme-top-button-font-size, 18px);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: var(--theme-top-button-border-radius, 0 0 24px 24px);
}
._topButton_197hb_110:hover {
  filter: brightness(1.1);
}
:where(html:not([data-desktop-view=true])) ._sidebar_197hb_1 {
  display: none;
}
._tableWrapper_1o4dj_1 {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  overflow: hidden;
}
._dataTable_1o4dj_10 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
._tableHeaderRow_1o4dj_16 {
  background: #f9f9f9;
}
._tableHeaderCell_1o4dj_20 {
  padding: 16px 12px;
  text-align: center;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
._tableRow_1o4dj_31 {
  border-bottom: 1px solid #e5e8ef;
}
._tableCell_1o4dj_35 {
  padding: 10px 5px;
  text-align: center;
  color: #34364c;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}
._tableCellBold_1o4dj_49 {
  font-weight: 500;
}
._tableCellAction_1o4dj_53 {
  color: var(--brand-accent);
  font-weight: 600;
  cursor: pointer;
}
._tableCellTotal_1o4dj_59 {
  color: var(--brand-accent);
  font-weight: 700;
}
._tableLoadingCell_1o4dj_64 {
  padding: 40px;
  text-align: center;
  color: #7c7c7c;
}
._recommendCodeCell_1o4dj_70 {
  display: flex;
  gap: 3px;
  justify-content: center;
  align-items: center;
}
._inlineBall_1o4dj_77 {
  display: inline-block;
  gap: 3px;
}
._recommendCodeText_1o4dj_82 {
  color: #34364c;
  font-size: 14px;
  font-weight: 500;
}
._warningContainers_1o4dj_88._warningContainers_1o4dj_88 {
  padding: 0 0 40px;
  box-shadow: none;
  min-height: auto;
}
._summaryHeaderGap_1o4dj_94 {
  height: 40px;
  border: none;
  padding: 0;
}
._introMessageContainers_1o4dj_100._introMessageContainers_1o4dj_100 {
  margin: 40px 0 0;
  padding: 0;
  box-shadow: none;
}
._introMessageRow_1o4dj_106._introMessageRow_1o4dj_106 {
  border: none;
  box-shadow: none;
  min-height: 58px;
}
._emptyRecord_1o4dj_112 {
  color: var(--Grey-5, #7c7c7c);
}
:where(html:not([data-desktop-view=true])) ._warningContainers_1o4dj_88._warningContainers_1o4dj_88 {
  padding: 0 0 15px;
}
:where(html:not([data-desktop-view=true])) ._summaryHeaderGap_1o4dj_94 {
  height: 15px;
}
:where(html:not([data-desktop-view=true])) ._introMessageContainers_1o4dj_100._introMessageContainers_1o4dj_100 {
  margin: 15px 0 0;
  padding: 0;
  box-shadow: none;
}
:where(html:not([data-desktop-view=true])) ._tableWrapper_1o4dj_1 {
  padding: 10px;
  overflow-x: auto;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._dataTable_1o4dj_10 {
  width: 100%;
  font-size: 12px;
  min-width: unset;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
:where(html:not([data-desktop-view=true])) ._tableHeaderRow_1o4dj_16 {
  background: #f5f5f5;
}
:where(html:not([data-desktop-view=true])) ._tableHeaderCell_1o4dj_20 {
  padding: 10px 5px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  min-height: 50px;
  height: 50px;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._tableRow_1o4dj_31 {
  border-bottom: 1px solid #e5e8ef;
}
:where(html:not([data-desktop-view=true])) ._tableCell_1o4dj_35 {
  padding: 0px;
  font-size: 11px;
  font-weight: 500;
  vertical-align: middle;
  color: var(--Icon-Dark, #34364c);
  min-height: 40px;
  height: 40px;
}
:where(html:not([data-desktop-view=true])) ._tableCellBold_1o4dj_49 {
  color: var(--brand-accent);
  font-weight: 700;
}
:where(html:not([data-desktop-view=true])) ._tableCellAction_1o4dj_53 {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  padding: 10px 5px;
}
:where(html:not([data-desktop-view=true])) ._tableCellActionBtn_1o4dj_173 {
  margin-left: 16%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  gap: 4px;
  border-radius: 4px;
  border-width: 1px;
  padding: 4px;
  border: 1px solid #ffffff;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._tableCellActionBtn_1o4dj_173 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
:where(html:not([data-desktop-view=true])) ._tableCellTotal_1o4dj_59 {
  color: var(--brand-accent);
  font-weight: 700;
}
:where(html:not([data-desktop-view=true])) ._recommendCodeText_1o4dj_82 {
  font-size: 11px;
  display: block;
  word-break: break-word;
}
:where(html:not([data-desktop-view=true])) ._tableLoadingCell_1o4dj_64 {
  padding: 30px;
  font-size: 11px;
}
._container_y9la8_1 {
  position: relative;
  padding: 15px 20px;
  border-radius: 6px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
._row_y9la8_12 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  background: #f9f9f9;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
._label_y9la8_23 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 110px;
}
._icon_y9la8_33 {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
._title_y9la8_39 {
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._divider_y9la8_48 {
  width: 1px;
  background: #e0e0e0;
  align-self: stretch;
  margin: 0;
  flex-shrink: 0;
}
._description_y9la8_56 {
  color: var(--Icon-Dark, #34364c);
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0%;
  flex: 1;
  min-width: 0;
}
:where(html:not([data-desktop-view=true])) ._container_y9la8_1 {
  padding: 15px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._row_y9la8_12 {
  padding: 10px;
}
:where(html:not([data-desktop-view=true])) ._title_y9la8_39 {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._description_y9la8_56 {
  font-size: 12px;
  line-height: normal;
}
._filterCard_dtef7_1 {
  height: 160px;
  max-width: 240px;
  min-width: 240px;
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
._filterInner_dtef7_15 {
  display: flex;
  width: 200px;
  height: 114px;
  gap: 6px;
  opacity: 1;
  border-radius: 6px;
  padding: 15px;
  border-width: 1px;
  background: var(--Color, #f9f9f9);
  flex-direction: column;
}
._filterRow_dtef7_28 {
  display: flex;
  align-items: center;
}
._filterLabel_dtef7_33 {
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  width: 62px;
}
._filterSelect_dtef7_41 {
  width: 108px;
  height: 39px;
  gap: 20px;
  opacity: 1;
  border-radius: 4px;
  border-width: 1px;
  padding: 5px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Grey, #f4f4f4);
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}
._filterSelectWide_dtef7_57 {
  width: 170px;
}
:where(html:not([data-desktop-view=true])) ._filterCard_dtef7_1 {
  min-width: calc(50% - 7.5px);
  max-width: calc(50% - 7.5px);
  height: auto;
  padding: 15px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._filterInner_dtef7_15 {
  width: 100%;
  height: auto;
  padding: 10px;
  gap: 8px;
}
:where(html:not([data-desktop-view=true])) ._filterLabel_dtef7_33 {
  font-size: 12px;
  width: auto;
  min-width: 60px;
}
:where(html:not([data-desktop-view=true])) ._filterSelect_dtef7_41 {
  flex: 1;
  height: 35px;
  font-size: 14px;
  padding: 4px;
}
._recommendCodeTextValue_1rudn_1 {
  display: inline-block;
  min-width: 24px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: var(--brand-accent);
}
._modalContainer_1rudn_10 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
._topSection_1rudn_16 {
  display: flex;
  flex-direction: column;
  width: 1160px;
  height: 152px;
  gap: 15px;
  opacity: 1;
  border-radius: 4px;
  border-width: 1px;
  padding: 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._topSectionInner_1rudn_31 {
  width: 1130px;
  height: 39px;
  gap: 20px;
  opacity: 1;
}
._topRow_1rudn_38 {
  width: 1130px;
  height: 39px;
  gap: 20px;
  opacity: 1;
  display: flex;
  flex-direction: row;
}
._expertInfoSection_1rudn_47 {
  width: 702px;
  height: 39px;
  gap: 20px;
  opacity: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
._expertNameWrapper_1rudn_58 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
._sectionHeaderImage_1rudn_65 {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
._expertName_1rudn_58 {
  font-family: Inter;
  font-weight: 700;
  font-style: bold;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
}
._badgeContainer_1rudn_80 {
  align-items: center;
  display: flex;
  width: auto;
  height: 39px;
  gap: 5px;
  opacity: 1;
  border-radius: 6px;
  border-width: 1px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._badgeText_1rudn_98 {
  font-family: Inter;
  font-weight: 600;
  font-style: semi bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}
._badgeTextOrange_1rudn_107 {
  color: var(--brand-accent);
}
._separator_1rudn_111 {
  width: 2px;
  height: 15px;
  opacity: 1;
  border-width: 1px;
  margin-bottom: 2px;
}
._separatorLine_1rudn_119 {
  border: 1px solid var(--Grey-2, #d9d9d9);
  width: 0;
  height: 18px;
  opacity: 1;
  border-width: 1px;
}
._rightSection_1rudn_127 {
  width: 408px;
  height: 39px;
  gap: 10px;
  opacity: 1;
  display: flex;
  justify-content: flex-end;
}
._infoBox_1rudn_136 {
  width: auto;
  height: 39px;
  opacity: 1;
  border-radius: 6px;
  border-width: 1px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
._infoBox_1rudn_136 span {
  color: var(--Icon-Dark, #34364c);
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
._infoBoxIcon_1rudn_164 {
  width: 24px;
  height: 24px;
}
._bottomRow_1rudn_169 {
  display: flex;
  flex-direction: row;
  width: 1130px;
  height: 68px;
  gap: 10px;
  opacity: 1;
}
._predictedNumbersSection_1rudn_178 {
  width: 920px;
  height: 68px;
  gap: 10px;
  opacity: 1;
  border-radius: 6px;
  border-width: 1px;
  padding-top: 8px;
  padding-right: 15px;
  padding-bottom: 8px;
  padding-left: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
}
._predictedNumbersInner_1rudn_195 {
  width: 458px;
  height: 42px;
  gap: 15px;
  opacity: 1;
  display: flex;
  margin: auto 0;
}
._predictedLabel_1rudn_204 {
  display: flex;
  margin: auto 0;
  width: auto;
  height: 42px;
  gap: 4px;
  opacity: 1;
  border-radius: 4px;
  border-width: 1px;
  padding: 10px;
  background:
    radial-gradient(
      45.34% 101.25% at 50% -6.25%,
      #5b5e7e 0%,
      #212226 100%);
  border: 1px solid var(--Icon-Dark, #34364c);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._sparklesIcon_1rudn_219 {
  width: 20px;
  height: 20px;
}
._predictedLabelText_1rudn_224 {
  font-family: Inter;
  font-weight: 700;
  font-style: bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Color, #f9f9f9);
}
._ballsContainer_1rudn_234 {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: auto 0;
}
._accuracyBadge_1rudn_241 {
  width: 200px;
  height: 68px;
  gap: 10px;
  opacity: 1;
  border-radius: 4px;
  border-width: 1px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  background:
    radial-gradient(
      45.34% 101.25% at 50% -6.25%,
      #5b5e7e 0%,
      #212226 100%);
  border: 1px solid var(--Icon-Dark, #34364c);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
._accuracyPercent_1rudn_261 {
  color: var(--Color, #f9f9f9);
  font-family: Inter;
  font-weight: 700;
  font-style: bold;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
._accuracyLabel_1rudn_272 {
  font-family: Inter;
  font-weight: 700;
  font-style: bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: var(--Color, #f9f9f9);
}
._middleSection_1rudn_283 {
  width: 1160px;
  gap: 15px;
  opacity: 1;
  border-radius: 4px;
  border-width: 1px;
  padding: 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._middleSectionTitle_1rudn_295 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #34364c;
}
._middleSectionTitle_1rudn_295 img {
  width: 20px;
  height: 20px;
}
._statsTableWrapper_1rudn_309 {
  overflow-x: auto;
}
._statsTable_1rudn_309 {
  width: 100%;
  padding: 1px;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  border-radius: 4px;
}
._statsTable_1rudn_309 thead tr th {
  width: 141.25;
  height: 40;
  gap: 1px;
  opacity: 1;
  border-width: 1px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._statsTable_1rudn_309 tbody tr td {
  width: 141.25;
  height: 40;
  gap: 5px;
  opacity: 1;
  border-width: 1px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
  text-align: center;
  vertical-align: middle;
}
._middleSectionTitle_1rudn_295 {
  width: 1130;
  height: 24;
  gap: 6px;
  opacity: 1;
  display: flex;
  align-items: center;
  margin: auto;
  margin-bottom: 10px;
}
._middleSectionTitle_1rudn_295 span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}
._middleSectionTitle_1rudn_295 img {
  width: 24px;
  height: 24px;
}
._detailTableSection_1rudn_382 {
  overflow: auto;
  padding: 1px;
}
._detailTable_1rudn_382 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._detailTableHeader_1rudn_395 {
  background: var(--Color, #f9f9f9);
}
._detailTableHeaderCell_1rudn_398 {
  padding: 12px 10px;
  text-align: center;
  border: 1px solid #e5e8ef;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}
._detailTableRow_1rudn_411:hover {
  background: #fafbfc;
}
._detailTableCell_1rudn_415 {
  padding: 9px 10px;
  text-align: center;
  color: #34364c;
  vertical-align: middle;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._detailTableCellFlex_1rudn_424 {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
._planPeriodCell_1rudn_432 {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}
._planDeadlineCell_1rudn_440 ._deadlineWrapper_1rudn_440 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
._planDeadlineCell_1rudn_440 ._deadlineLabel_1rudn_446 {
  background: #d9d9d9;
  border-radius: 4px;
  width: 51;
  height: 27;
  gap: 6px;
  opacity: 1;
  border-radius: 4px;
  padding: 5px 8px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._planDeadlineCell_1rudn_440 ._deadlineIssue_1rudn_463 {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._planDeadlineCell_1rudn_440 ._deadlineNumbers_1rudn_471 {
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--brand-accent);
}
._resultBadge_1rudn_480 {
  display: inline-block;
  min-width: 40px;
  width: 40;
  height: 30;
  gap: 8px;
  opacity: 1;
  padding: 7px;
  border-radius: 4px;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
._resultWin_1rudn_497 {
  background: var(--Green-7, #78d82a);
  color: var(--Icon-Dark, #34364c);
}
._resultLose_1rudn_502 {
  background: var(--Pink-4, #db1268);
  color: #fff;
}
._resultWaiting_1rudn_507 {
  background: #0000cc;
  color: #fff;
}
._emptyState_1rudn_512 {
  text-align: center;
  padding: 40px;
  color: #7c7c7c;
}
._mobileCardList_1rudn_518 {
  display: none;
  padding: 15px;
}
._mobileTopSection_1rudn_523 {
  display: none;
}
._mobileTopRow_1rudn_527 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 58px;
  gap: 20px;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding: 15px;
  background:
    linear-gradient(
      265.61deg,
      #fbfbfb 4.76%,
      #fbfbfb 61.9%);
  border-width:
    1px,
    0px,
    1px,
    0px;
  border-style: solid;
  border-color: #f4f4f4;
}
._mobileExpertName_1rudn_544 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._mobileExpertName_1rudn_544 img {
  margin-right: 0;
}
._mobileExpertName_1rudn_544 span {
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  color: #34364c;
}
._mobileBottomRow_1rudn_559 {
  width: 100%;
  height: auto;
  gap: 10px;
  opacity: 1;
  padding: 15px;
  border-width: 1px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._mobileBottomRowInner_1rudn_571 {
  width: 100%;
  height: auto;
  gap: 10px;
  opacity: 1;
  border-width: 1px;
  padding: 15px;
  border-radius: 4px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._mobileBallsRow_1rudn_584 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
._mobileStatsCollapsible_1rudn_592 {
  overflow: hidden;
  gap: 10px;
  opacity: 1;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-radius: 4px;
  padding: 10px 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-width:
    0px,
    1px,
    1px,
    1px;
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._mobileStatsToggle_1rudn_609 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  gap: 10px;
  text-align: left;
}
._mobileStatsToggleLeft_1rudn_621 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
._mobileChevron_1rudn_628 {
  width: 20px !important;
  height: 20px !important;
  opacity: 1;
  border-width: 1px;
  border-radius: 3px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._mobileChevronSvg_1rudn_639 {
  margin: auto;
  width: 18px;
  height: 18px;
  display: inline-block;
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--brand-accent);
}
._mobileChevronSvgDown_1rudn_648 {
  transform: rotate(0deg);
}
._mobileChevronSvgUp_1rudn_652 {
  transform: rotate(-180deg);
}
._mobileStatsBody_1rudn_656 {
  display: grid;
  transition: grid-template-rows 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
._mobileStatsBodyOpen_1rudn_661 {
  grid-template-rows: 1fr;
  opacity: 1;
}
._mobileStatsBodyClosed_1rudn_666 {
  grid-template-rows: 0fr;
  opacity: 0;
}
._mobileStatsBodyInner_1rudn_671 {
  min-height: 0;
  overflow: hidden;
}
._mobileStatsDivider_1rudn_676 {
  width: 100%;
  height: 0px;
  opacity: 1;
  border-width: 1px;
  border: 1px solid var(--Grey, #f4f4f4);
  margin: 10px 0;
}
._mobileStatsSectionTitle_1rudn_685 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 15px;
}
._mobileStatsSectionTitle_1rudn_685 img {
  width: 20px;
  height: 20px;
}
._mobileStatsSectionTitle_1rudn_685 span {
  font-family: Inter;
  font-weight: 700;
  font-size: 12px;
  color: #34364c;
}
._mobileStatsGrid_1rudn_702 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 10px;
  margin-bottom: 15px;
}
._mobileStatItem_1rudn_709 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._mobileStatLabel_1rudn_715 {
  font-family: Inter;
  font-weight: 700;
  font-size: 10px;
  color: #34364c;
  white-space: nowrap;
  width: 55px;
}
._mobileStatValue_1rudn_724 {
  font-family: Inter;
  font-weight: 500;
  font-size: 10px;
  color: #34364c;
}
._mobileCard_1rudn_518 {
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}
._mobileCardHeader_1rudn_737 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  background: #f9f9f9;
  border-bottom: 1px solid var(--Grey, #f4f4f4);
}
._mobileCardTitle_1rudn_746 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._mobileCardTitle_1rudn_746 span {
  font-weight: 700;
  font-size: 12px;
  color: #34364c;
}
._mobileCardSparkle_1rudn_757 {
  width: 20px;
  height: 20px;
}
._mobileCardBody_1rudn_762 {
  border-radius: 6px;
  padding: 15px;
  gap: 8px;
}
._mobileCardWrapper_1rudn_768 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #f9f9f9);
  padding: 10px;
  gap: 10px;
  border: 1px solid var(--Grey, #f4f4f4);
  border-radius: 4px;
  width: 100%;
}
._mobileCardLeft_1rudn_780 {
  flex: 0 0 65%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._mobileCardLeftNarrow_1rudn_787 {
  flex: 0 0 52%;
}
@media (max-width: 375px) {
  ._mobileCardLeftNarrow_1rudn_787 {
    flex: 0 0 49%;
  }
}
._mobileCardFirstRow_1rudn_796 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
._mobileDeadlineLabel_1rudn_803 {
  display: inline-block;
  background: #d9d9d9;
  border-radius: 4px;
  padding: 2px 4px;
  font-family: Inter;
  font-weight: 700;
  font-size: 10px;
  color: #34364c;
  align-self: flex-start;
  gap: 6px;
}
._mobileCardIssue_1rudn_816 {
  font-size: 10px;
  font-weight: 500;
  color: #34364c;
  margin-top: 2px;
}
._mobileCardDrawCode_1rudn_823 {
  font-size: 12px;
  font-weight: 700;
  color: var(--brand-accent);
  margin-top: 5px;
}
._mobileCardDivider_1rudn_830 {
  width: 1px;
  background: #d9d9d9;
  margin: 0 1px;
  align-self: stretch;
}
._mobileCardRight_1rudn_837 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
._mobileCardRightLabel_1rudn_845 {
  font-size: 10px;
  color: #34364c;
  font-weight: 700;
}
._mobileCardRightNumbers_1rudn_851 {
  font-size: 12px;
  font-weight: 700;
  color: #34364c;
  line-height: 1.4;
}
:where(html:not([data-desktop-view=true])) ._modalContainer_1rudn_10 {
  gap: 0px;
}
:where(html:not([data-desktop-view=true])) ._topSection_1rudn_16 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._middleSection_1rudn_283 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._detailTableSection_1rudn_382 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._mobileTopSection_1rudn_523 {
  display: block;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
:where(html:not([data-desktop-view=true])) ._predictedLabel_1rudn_204 {
  height: 32px;
  gap: 4px;
  opacity: 1;
  padding: 5px 10px;
}
:where(html:not([data-desktop-view=true])) ._predictedLabelText_1rudn_224 {
  margin: auto;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._mobileCardList_1rudn_518 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #f3f3f3;
}
:where(html:not([data-desktop-view=true])) ._resultBadge_1rudn_480 {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._infoBox_1rudn_136 {
  width: auto;
  height: 30px !important;
  background: var(--Grey, #f4f4f4);
  gap: 5px;
  opacity: 1;
  border-width: 1px;
  border-radius: 4px;
  padding: 5px 10px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
:where(html:not([data-desktop-view=true])) ._infoBox_1rudn_136 img {
  width: 20px;
  height: 20px;
}
:where(html:not([data-desktop-view=true])) ._infoBox_1rudn_136 span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--Icon-Dark, #34364c);
}
._wrapper_13o08_2 {
  display: flex;
  min-height: 100vh;
  padding: 0;
  gap: 0;
  position: relative;
  background: var(--theme-bg-value, url(../../images/pk10_bg.webp));
  background-repeat: no-repeat;
  background-position: center top;
  background-color: var(--theme-bg-color, #380179);
  background-size: 100% auto;
}
._mainContent_13o08_15 {
  flex: 1;
  margin-left: var(--theme-sidebar-width, 160px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1200px;
  width: stretch;
  margin: var(--theme-main-content-margin-top, 362px) auto var(--theme-main-content-margin-bottom, 50px) auto;
}
._headerCardsWrapper_13o08_26 {
  display: flex;
  gap: 20px;
}
._lotteryInfoCard_13o08_31 {
  --lottery-info-card-width: 684px;
  --lottery-info-card-max-width: 684px;
}
._summaryCard_13o08_37 {
  width: 220px;
  height: 160px;
  opacity: 1;
  border-radius: 6px;
  border-bottom-width: 1px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._summaryCardInner_13o08_48 {
  width: 180px;
  height: 132px;
  opacity: 1;
}
._summaryTitleRow_13o08_54 {
  margin: 0 auto;
  display: flex;
  align-items: left;
  justify-content: left;
}
._summaryTitleImg_13o08_61 {
  margin-right: 4px;
}
._summaryTitleText_13o08_65 {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
._summaryBoxOuter_13o08_75 {
  margin-top: 15px;
  width: 180px;
  height: 93px;
  opacity: 1;
  border-radius: 6px;
  padding: 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.2509803922);
}
._summaryBoxInner_13o08_87 {
  width: 150px;
  height: 63px;
  opacity: 1;
  border-radius: 4px;
  padding: 6px 10px;
  background: #ffffff;
  border: 1px solid var(--Grey, #f4f4f4);
}
._summaryLabel_13o08_97 {
  height: 17px;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--Icon-Dark, #34364c);
}
._summaryValue_13o08_108 {
  height: 22px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--brand-accent);
}
._summaryMain_13o08_119 {
  display: flex;
  flex-direction: column;
}
._summaryFooter_13o08_124 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._datePickerLabel_13o08_134 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._modalOverlay_13o08_144 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._modalContent_13o08_157 {
  background-color: #fff;
  border-radius: 6px;
  padding: 0;
  max-width: 1200px;
  min-width: 1200px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
._modalBackButton_13o08_171 {
  display: none;
}
._modalCloseButton_13o08_175 {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: var(--Icon-Dark, #34364c);
  padding: 5px;
  line-height: 1;
  z-index: 10;
}
._modalCloseButton_13o08_175:hover {
  color: #333;
}
._modalTitle_13o08_192 {
  background: var(--brand-accent);
  height: 64px;
  color: var(--Icon-Dark, #34364c);
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}
._modalTitleMobile_13o08_206 {
  display: none;
}
._modalBody_13o08_210 {
  gap: 15px;
  opacity: 1;
  border-width: 1px;
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
:where(html:not([data-desktop-view=true])) ._lotteryInfoCard_13o08_31 {
  --lottery-info-card-width: 100%;
  --lottery-info-card-max-width: 100%;
}
:where(html:not([data-desktop-view=true])) ._wrapper_13o08_2 {
  overflow: hidden;
  flex-direction: column;
  background-size: 160%;
  background-position: 45% top !important;
}
:where(html:not([data-desktop-view=true])) ._mainContent_13o08_15 {
  padding: 15px;
  margin: 36% auto 20% auto;
  width: 100%;
  gap: 15px;
}
:where(html:not([data-desktop-view=true])) ._headerCardsWrapper_13o08_26 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
:where(html:not([data-desktop-view=true])) ._sectionHeaderContainer_13o08_240 {
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._summaryCard_13o08_37 {
  min-width: calc(50% - 7.5px);
  max-width: calc(50% - 7.5px);
  height: auto;
  padding: 15px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._summaryCardInner_13o08_48 {
  height: 113px;
  width: 157px;
}
:where(html:not([data-desktop-view=true])) ._summaryTitleRow_13o08_54 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
:where(html:not([data-desktop-view=true])) ._summaryBoxOuter_13o08_75 {
  padding: 10px;
  width: auto;
  border-radius: 4px;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._summaryBoxInner_13o08_87 {
  border-radius: 4px;
  width: auto;
  height: auto;
  padding: 6px 10px;
}
:where(html:not([data-desktop-view=true])) ._summaryTitleText_13o08_65 {
  font-weight: 600;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) {
}
:where(html:not([data-desktop-view=true])) ._summaryBoxInner_13o08_87 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:where(html:not([data-desktop-view=true])) ._summaryMain_13o08_119 {
  flex-direction: column;
  margin: auto 0;
}
:where(html:not([data-desktop-view=true])) ._summaryLabel_13o08_97 {
  font-size: 12px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where(html:not([data-desktop-view=true])) ._summaryFooter_13o08_124 {
  white-space: nowrap;
  font-size: 10px;
}
:where(html:not([data-desktop-view=true])) ._summaryValue_13o08_108 {
  font-size: 14px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where(html:not([data-desktop-view=true])) ._modalContent_13o08_157 {
  min-width: 95%;
  max-width: 95%;
}
:where(html:not([data-desktop-view=true])) ._modalOverlay_13o08_144 {
  align-items: flex-end;
  padding: 0;
}
:where(html:not([data-desktop-view=true])) ._modalContent_13o08_157 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 100dvh;
  height: 100dvh;
  border-radius: 0;
  overflow: hidden;
}
:where(html:not([data-desktop-view=true])) ._modalTitle_13o08_192 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._modalTitleMobile_13o08_206 {
  display: block;
  background: var(--brand-button-gradient);
  height: 64px;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 64px;
  letter-spacing: 0%;
  margin: 0;
}
:where(html:not([data-desktop-view=true])) ._modalCloseButton_13o08_175 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_13o08_171 {
  margin: auto;
  display: flex;
  position: absolute;
  top: 15px;
  left: 15px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  line-height: 1;
  z-index: 10;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_13o08_171 span {
  margin-top: 2px;
  color: var(--Icon-Dark, #fff);
  font-size: 20px;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_13o08_171 img {
  width: 24px;
  height: 24px;
}
:where(html:not([data-desktop-view=true])) ._modalBody_13o08_210 {
  padding: 0px;
}
@media (max-width: 375px) {
  ._summaryCard_13o08_37 {
    padding: 10px;
    height: auto;
    width: auto;
  }
  ._summaryCardInner_13o08_48 {
    width: auto;
    height: auto;
  }
  ._summaryBoxOuter_13o08_75 {
    padding: 10px;
    height: auto;
    width: auto;
  }
  ._summaryBoxInner_13o08_87 {
    width: auto;
    height: auto;
    padding: 5px;
  }
}
._wrapper_bzc7s_2 {
  display: flex;
  min-height: 100vh;
  padding: 0;
  gap: 0;
  position: relative;
  background: var(--theme-bg-value, url(../../images/pk10_bg.webp));
  background-repeat: no-repeat;
  background-position: center top;
  background-color: var(--theme-bg-color, #380179);
  background-size: 100% auto;
}
._mainContent_bzc7s_15 {
  flex: 1;
  margin-left: var(--theme-sidebar-width, 160px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1200px;
  width: stretch;
  margin: var(--theme-main-content-margin-top, 362px) auto var(--theme-main-content-margin-bottom, 50px) auto;
}
._mainContent_bzc7s_15 [class*=warningTextWrap] {
  max-height: none !important;
}
._headerCardsWrapper_bzc7s_29 {
  display: flex;
  gap: 20px;
}
._lotteryInfoCard_bzc7s_34 {
  --lottery-info-card-width: 684px;
  --lottery-info-card-max-width: 684px;
}
._summaryCard_bzc7s_40 {
  width: 250px;
  height: 160px;
  opacity: 1;
  border-radius: 6px;
  border-bottom-width: 1px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._summaryCardInner_bzc7s_51 {
  width: 210px;
  height: 100%;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
._summaryTitleRow_bzc7s_61 {
  margin: 0 0;
  display: flex;
  align-items: left;
  justify-content: left;
}
._summaryTitleImg_bzc7s_68 {
  margin-right: 4px;
}
._summaryTitleText_bzc7s_72 {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
._summaryBoxOuter_bzc7s_82 {
  margin-top: 15px;
  width: 210px;
  height: 80px;
  opacity: 1;
  border-radius: 6px;
  padding: 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  gap: 5px;
}
._summaryBoxInner_bzc7s_96 {
  width: 150px;
  height: 50px;
  opacity: 1;
  border-radius: 4px;
  padding: 6px 10px;
  background: #ffffff;
  border: 1px solid var(--Grey, #f4f4f4);
}
._summaryLabel_bzc7s_106 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--Icon-Dark, #34364c);
}
._summaryValue_bzc7s_116 {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--brand-accent);
}
._summaryMain_bzc7s_126 {
  display: flex;
  flex-direction: column;
}
._summaryFooter_bzc7s_131 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._datePickerLabel_bzc7s_141 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._modalOverlay_bzc7s_151 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._modalContent_bzc7s_164 {
  background-color: #fff;
  border-radius: 6px;
  padding: 0;
  max-width: 1200px;
  min-width: 1200px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
._modalBackButton_bzc7s_178 {
  display: none;
}
._modalCloseButton_bzc7s_182 {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: var(--Icon-Dark, #34364c);
  padding: 5px;
  line-height: 1;
  z-index: 10;
}
._modalCloseButton_bzc7s_182:hover {
  color: #333;
}
._modalTitle_bzc7s_199 {
  background: var(--brand-accent);
  height: 64px;
  color: var(--Icon-Dark, #34364c);
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}
._modalTitleMobile_bzc7s_213 {
  display: none;
}
._modalBody_bzc7s_217 {
  gap: 15px;
  opacity: 1;
  border-width: 1px;
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
._buttonsContainer_bzc7s_226 {
  display: flex;
  height: 100%;
  width: 100%;
  gap: 10px;
  align-items: center;
}
._sortSelect_bzc7s_234 {
  height: 39px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 500;
  color: #34364c;
  background: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
}
._buttons_bzc7s_226 {
  height: 40px;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid #f4f4f4;
  background: #fff;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  color: #34364c;
  white-space: nowrap;
  cursor: pointer;
}
._buttons_bzc7s_226._buttonsActive_bzc7s_261 {
  background: var(--brand-button-gradient);
  border: none;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #fff;
}
._resultCol_bzc7s_268 {
  height: 50px;
}
._resultCol_bzc7s_268:has(._wrongStatus_bzc7s_271) {
  background-color: #ffeef1;
}
._resultCol_bzc7s_268:has(._correctStatus_bzc7s_274) {
  background-color: #fff6df;
}
._mobileDatePickerWrapper_bzc7s_278 {
  padding-bottom: 15px;
}
._hitIcon_bzc7s_282 {
  position: absolute;
  top: -4px;
  right: -3px;
  pointer-events: none;
  z-index: 1;
}
._ballWrapper_bzc7s_290 {
  position: relative;
  display: inline-flex;
  overflow: visible;
}
:where(html:not([data-desktop-view=true])) ._lotteryInfoCard_bzc7s_34 {
  --lottery-info-card-width: 100%;
  --lottery-info-card-max-width: 100%;
}
:where(html:not([data-desktop-view=true])) ._wrapper_bzc7s_2 {
  overflow: hidden;
  flex-direction: column;
  background-size: 160%;
  background-position: 45% top !important;
}
:where(html:not([data-desktop-view=true])) ._mainContent_bzc7s_15 {
  padding: 15px;
  margin: 36% auto 20% auto;
  width: 100%;
  gap: 15px;
}
:where(html:not([data-desktop-view=true])) ._headerCardsWrapper_bzc7s_29 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
:where(html:not([data-desktop-view=true])) ._headerCardsWrapper_bzc7s_29 [class*=countdownIconWrapper] {
  flex-shrink: 0;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._headerCardsWrapper_bzc7s_29 [class*=countdownSubtitle] {
  white-space: nowrap;
  min-width: 0;
}
:where(html:not([data-desktop-view=true])) ._sectionHeaderContainer_bzc7s_325 {
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._summaryCard_bzc7s_40 {
  min-width: calc(50% - 7.5px);
  max-width: calc(50% - 7.5px);
  height: auto;
  padding: 15px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._summaryCardInner_bzc7s_51 {
  height: auto;
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._summaryTitleRow_bzc7s_61 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
:where(html:not([data-desktop-view=true])) ._summaryBoxOuter_bzc7s_82 {
  width: 100%;
  border-radius: 4px;
  height: auto;
  padding: 6px 5px;
}
:where(html:not([data-desktop-view=true])) ._summaryBoxInner_bzc7s_96 {
  border-radius: 4px;
  width: auto;
  flex: 1;
  height: auto;
  padding: 6px 5px;
}
:where(html:not([data-desktop-view=true])) ._summaryTitleText_bzc7s_72 {
  font-weight: 600;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) {
}
:where(html:not([data-desktop-view=true])) ._summaryBoxInner_bzc7s_96 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:where(html:not([data-desktop-view=true])) ._summaryMain_bzc7s_126 {
  flex-direction: column;
  margin: auto 0;
}
:where(html:not([data-desktop-view=true])) ._summaryLabel_bzc7s_106 {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._summaryFooter_bzc7s_131 {
  white-space: nowrap;
  font-size: 10px;
}
:where(html:not([data-desktop-view=true])) ._summaryValue_bzc7s_116 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._modalContent_bzc7s_164 {
  min-width: 95%;
  max-width: 95%;
}
:where(html:not([data-desktop-view=true])) ._modalOverlay_bzc7s_151 {
  align-items: flex-end;
  padding: 0;
}
:where(html:not([data-desktop-view=true])) ._modalContent_bzc7s_164 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 100dvh;
  height: 100dvh;
  border-radius: 0;
  overflow: hidden;
}
:where(html:not([data-desktop-view=true])) ._modalTitle_bzc7s_199 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._modalTitleMobile_bzc7s_213 {
  display: block;
  background: var(--brand-button-gradient);
  height: 64px;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 64px;
  letter-spacing: 0%;
  margin: 0;
}
:where(html:not([data-desktop-view=true])) ._modalCloseButton_bzc7s_182 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_bzc7s_178 {
  margin: auto;
  display: flex;
  position: absolute;
  top: 15px;
  left: 15px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  line-height: 1;
  z-index: 10;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_bzc7s_178 span {
  margin-top: 2px;
  color: var(--Icon-Dark, #fff);
  font-size: 20px;
}
:where(html:not([data-desktop-view=true])) ._modalBackButton_bzc7s_178 img {
  width: 24px;
  height: 24px;
}
:where(html:not([data-desktop-view=true])) ._modalBody_bzc7s_217 {
  padding: 0px;
}
@media (max-width: 375px) {
  ._summaryCard_bzc7s_40 {
    padding: 10px;
    height: auto;
    width: auto;
  }
  ._summaryCardInner_bzc7s_51 {
    width: auto;
    height: auto;
  }
  ._summaryBoxOuter_bzc7s_82 {
    padding: 10px;
    height: auto;
    width: auto;
  }
  ._summaryBoxInner_bzc7s_96 {
    width: auto;
    height: auto;
    padding: 5px;
  }
}
._trendChart_ixoqc_1 {
  display: flex;
  justify-content: flex-start;
  position: relative;
  flex-direction: column;
  align-items: center;
}
._trendChart_ixoqc_1 ._header_ixoqc_8 {
  padding-top: 20px;
  width: 1200px;
}
._trendChart_ixoqc_1 ._drawTypeTabs_ixoqc_12 {
  width: 1200px;
  height: 69px;
  gap: 10px;
  border-width: 1px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  background: var(--Color, #f9f9f9);
  margin-bottom: 20px;
}
._trendChart_ixoqc_1 ._chartSection_ixoqc_24 {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  width: 1200px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  margin-bottom: 20px;
}
._trendChart_ixoqc_1 ._analysisSection_ixoqc_32 {
  padding: 0 12px 20px;
}
:where(html:not([data-desktop-view=true])) ._trendChart_ixoqc_1 {
  align-items: stretch;
  margin-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._trendChart_ixoqc_1 ._header_ixoqc_8 {
  width: 100%;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}
:where(html:not([data-desktop-view=true])) ._trendChart_ixoqc_1 ._drawTypeTabs_ixoqc_12 {
  width: 100%;
  height: auto;
  border-radius: 0;
  margin-bottom: 20px;
}
:where(html:not([data-desktop-view=true])) ._trendChart_ixoqc_1 ._chartSection_ixoqc_24 {
  width: 100%;
  border-radius: 0;
  box-sizing: border-box;
  background: unset;
  box-shadow: unset;
  border: solid 1px transparent;
}
:where(html:not([data-desktop-view=true])) ._trendChart_ixoqc_1 ._analysisSection_ixoqc_32 {
  padding: 0 0 16px;
  margin: 0 12px;
}
._tabBar_1p6ys_1 {
  width: 100%;
  width: 1200px;
  display: flex;
}
._tabBar_1p6ys_1 ._tabContainer_1p6ys_6 {
  display: flex;
  gap: 0;
  align-items: center;
}
._tabBar_1p6ys_1 ._tab_1p6ys_1 {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
._tabBar_1p6ys_1 ._tab_1p6ys_1 ._tabIcon_1p6ys_24 {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
._tabBar_1p6ys_1 ._tab_1p6ys_1 ._tabLabel_1p6ys_29 {
  line-height: 1;
  color: inherit;
}
._tabBar_1p6ys_1 ._tab_1p6ys_1:hover {
  color: #333;
}
._tabBar_1p6ys_1 ._tab_1p6ys_1 ._active_1p6ys_36 {
  color: #fff;
}
._tabBar_1p6ys_1._primary_1p6ys_39 {
  margin-bottom: 20px;
}
._tabBar_1p6ys_1._primary_1p6ys_39 ._tabContainer_1p6ys_6 {
  gap: 10px;
  display: flex;
}
._tabBar_1p6ys_1._primary_1p6ys_39 ._tab_1p6ys_1 {
  font-weight: 700;
  font-size: 18px;
  height: 50px;
  border-radius: 4px;
  padding: 15px 20px;
  color: var(--Icon-Dark, #34364c);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._tabBar_1p6ys_1._primary_1p6ys_39 ._tab_1p6ys_1._active_1p6ys_36 {
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: var(--Color, #f9f9f9);
}
._tabBar_1p6ys_1._primary_1p6ys_39 ._tab_1p6ys_1:hover:not(._active_1p6ys_36) {
  background: #f5f5f5;
}
._tabBar_1p6ys_1._secondary_1p6ys_64 {
  height: 70px;
  gap: 30px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  width: 1200px;
  z-index: 1;
}
._tabBar_1p6ys_1._secondary_1p6ys_64 ._tabContainer_1p6ys_6 {
  gap: 30px;
}
._tabBar_1p6ys_1._secondary_1p6ys_64 ._tab_1p6ys_1 {
  font-weight: 600;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
  position: relative;
  align-self: stretch;
}
._tabBar_1p6ys_1._secondary_1p6ys_64 ._tab_1p6ys_1._active_1p6ys_36 {
  color: var(--brand-accent);
  font-weight: 500;
}
._tabBar_1p6ys_1._secondary_1p6ys_64 ._tab_1p6ys_1._active_1p6ys_36::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--brand-accent);
}
._tabBar_1p6ys_1._secondary_1p6ys_64 ._tab_1p6ys_1:hover:not(._active_1p6ys_36) {
  color: var(--brand-accent);
}
._tabBar_1p6ys_1._tertiary_1p6ys_107 {
  padding: 8px 16px;
}
._tabBar_1p6ys_1._tertiary_1p6ys_107 ._tabContainer_1p6ys_6 {
  gap: 10px;
  flex-wrap: wrap;
}
._tabBar_1p6ys_1._tertiary_1p6ys_107 ._tab_1p6ys_1 {
  height: 40px;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: var(--Icon-Dark, #34364c);
  font-weight: 500;
  font-size: 16px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._tabBar_1p6ys_1._tertiary_1p6ys_107 ._tab_1p6ys_1._active_1p6ys_36 {
  background: var(--brand-button-gradient);
  color: var(--Color, #f9f9f9);
}
._tabBar_1p6ys_1._tertiary_1p6ys_107 ._tab_1p6ys_1:hover:not(._active_1p6ys_36) {
  background: #e8e8e8;
}
._tabBar_1p6ys_1._scrollable_1p6ys_131 {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
._tabBar_1p6ys_1._scrollable_1p6ys_131::-webkit-scrollbar {
  height: 0;
  display: none;
}
._tabBar_1p6ys_1._scrollable_1p6ys_131 ._tabContainer_1p6ys_6 {
  min-width: max-content;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1 {
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._primary_1p6ys_39 {
  padding: 0 12px;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._primary_1p6ys_39::-webkit-scrollbar {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._primary_1p6ys_39 ._tabContainer_1p6ys_6 {
  gap: 8px;
  min-width: max-content;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._primary_1p6ys_39 ._tab_1p6ys_1 {
  padding: 10px 15px;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._secondary_1p6ys_64 {
  width: calc(100% - 24px);
  height: 48px;
  margin-inline: 12px;
  border-radius: 4px;
  margin-bottom: 20px;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._secondary_1p6ys_64 ._tabContainer_1p6ys_6 {
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._secondary_1p6ys_64 ._tab_1p6ys_1 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._tertiary_1p6ys_107 {
  padding: 0px 12px;
  background: unset;
  box-shadow: unset;
  border: solid 1px transparent;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._tertiary_1p6ys_107 ._tabContainer_1p6ys_6 {
  gap: 8px;
  flex-wrap: wrap;
}
:where(html:not([data-desktop-view=true])) ._tabBar_1p6ys_1._tertiary_1p6ys_107 ._tab_1p6ys_1 {
  height: 34px;
  font-size: 13px;
  padding: 8px;
}
._trendLineChart_1x3gg_1 {
  border-width: 1px;
  margin: 20px;
  overflow: hidden;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._trendLineChart_1x3gg_1 ._chartContainer_1x3gg_9 {
  width: 100%;
  height: 280px;
}
:where(html:not([data-desktop-view=true])) ._trendLineChart_1x3gg_1 {
  margin: 0px 12px;
  width: calc(100% - 24px);
  box-sizing: border-box;
  border-radius: 6px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
}
:where(html:not([data-desktop-view=true])) ._trendLineChart_1x3gg_1 ._chartContainer_1x3gg_9 {
  height: 220px;
}
._analysisGrid_a1kj5_1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 1200px;
}
:where(html:not([data-desktop-view=true])) ._analysisGrid_a1kj5_1 {
  grid-template-columns: 1fr;
  width: 100%;
  gap: 20px;
}
._lotteryCard_a1kj5_13 {
  display: flex;
  gap: 30px;
  align-items: center;
  border-radius: 6px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._lotteryCard_a1kj5_13 ._lotteryInfo_a1kj5_27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 56px;
  gap: 6px;
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.15s;
  width: 110px;
}
._lotteryCard_a1kj5_13 ._lotteryInfo_a1kj5_27:hover {
  background: #f5f5f5;
}
._lotteryCard_a1kj5_13 ._lotteryInfo_a1kj5_27 ._lotteryIcon_a1kj5_45 {
  width: 80px;
  height: auto;
  object-fit: contain;
}
._lotteryCard_a1kj5_13 ._lotteryInfo_a1kj5_27 ._lotteryName_a1kj5_50 {
  font-weight: 700;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
._lotteryCard_a1kj5_13 ._analysisLinks_a1kj5_56 {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 12px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  height: 100%;
  gap: 10px;
}
._lotteryCard_a1kj5_13 ._analysisLinks_a1kj5_56 ._analysisLink_a1kj5_56 {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  transition: color 0.2s;
  border-radius: 4px;
  border-width: 1px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._lotteryCard_a1kj5_13 ._analysisLinks_a1kj5_56 ._analysisLink_a1kj5_56:hover {
  color: var(--brand-accent);
}
._lotteryCard_a1kj5_13 ._analysisLinks_a1kj5_56 ._analysisLink_a1kj5_56:active {
  color: var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._lotteryCard_a1kj5_13 {
  gap: 12px;
  padding: 12px;
  border-radius: 0;
  border-bottom: 1px solid #efefef !important;
  flex-direction: column;
  align-items: normal;
  border-width:
    0px,
    1px,
    1px,
    1px;
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
:where(html:not([data-desktop-view=true])) ._lotteryCard_a1kj5_13 ._lotteryInfo_a1kj5_27 {
  width: 72px;
  gap: 4px;
}
:where(html:not([data-desktop-view=true])) ._lotteryCard_a1kj5_13 ._lotteryInfo_a1kj5_27 ._lotteryIcon_a1kj5_45 {
  width: 56px;
}
:where(html:not([data-desktop-view=true])) ._lotteryCard_a1kj5_13 ._lotteryInfo_a1kj5_27 ._lotteryName_a1kj5_50 {
  font-size: 14px;
  font-weight: 700;
}
:where(html:not([data-desktop-view=true])) ._lotteryCard_a1kj5_13 ._analysisLinks_a1kj5_56 {
  padding: 8px;
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-content: start;
}
:where(html:not([data-desktop-view=true])) ._lotteryCard_a1kj5_13 ._analysisLinks_a1kj5_56 ._analysisLink_a1kj5_56 {
  font-size: 12px;
  padding: 8px 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._moreButton_vcaht_1 {
  width: 62px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  text-decoration: none;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  margin: auto;
  min-width: 62px;
  margin-left: auto;
  margin-right: 0;
}
._moreButton_vcaht_1:hover {
  color: var(--Icon-Dark, #34364c);
  border-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._moreButton_vcaht_1 img {
  width: 16px;
  height: 16px;
}
._disabled_vcaht_35 {
  pointer-events: none;
  opacity: 0.6;
}
._tag_1lr2a_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: fit-content;
  height: 32px;
  border-radius: 4px;
  padding: 6px 10px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  box-sizing: border-box;
  color: #7c7c7c;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  opacity: 1;
}
._clickable_1lr2a_25 {
  cursor: pointer;
  transition: all 0.2s ease;
}
._clickable_1lr2a_25:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
._clickable_1lr2a_25:active {
  transform: translateY(0);
}
._icon_1lr2a_38 {
  display: inline-flex;
  align-items: center;
  font-size: 16px !important;
}
._text_1lr2a_44 {
  white-space: nowrap;
  font-size: inherit;
}
._default_1lr2a_50 {
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  color: #7c7c7c;
}
._orange_1lr2a_58 {
  width: 70px;
  height: 27px;
  padding: 5px;
  border: 1px solid var(--brand-accent);
  border-radius: 4px;
  background: transparent;
  color: var(--Icon-Dark, #34364c);
  font-family: Inter, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal;
  font-size: 14px !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._orange_1lr2a_58 ._text_1lr2a_44 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 14px !important;
}
._grey_1lr2a_85 {
  width: 70px;
  height: 27px;
  padding: 5px;
  border: 1px solid var(--Grey-3, #c1c1c1);
  border-radius: 4px;
  background: transparent;
  color: var(--Icon-Dark, #34364c);
  font-family: Inter, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal;
  font-size: 14px !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._grey_1lr2a_85 ._text_1lr2a_44 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 14px !important;
}
:where(html:not([data-desktop-view=true])) ._icon_1lr2a_38 {
  width: 12px;
  height: 12px;
}
:where(html:not([data-desktop-view=true])) ._icon_1lr2a_38 img {
  width: 12px;
  height: 12px;
}
:where(html:not([data-desktop-view=true])) ._tag_1lr2a_1 {
  padding: 10px 5px;
}
:where(html:not([data-desktop-view=true])) ._text_1lr2a_44 {
  font-size: 12px;
}
._hotArticles_zmip4_1 {
  display: flex;
  flex-direction: column;
}
._articleList_zmip4_6 {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
}
._article_zmip4_6 {
  height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 15px;
  background: #f9f9f9;
  text-decoration: none;
  color: #333;
  transition: all 0.2s;
  border: 1px solid #fff;
  box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 1px;
}
._article_zmip4_6:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
._article_zmip4_6:last-child {
  border-bottom: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._article_zmip4_6:hover {
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._articleTitle_zmip4_43 {
  flex: 1;
  line-height: 19px;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._loading_zmip4_55 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
  background: #f9f9f9;
  border-radius: 8px;
}
._adContainer_sk1em_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._bigAdLink_sk1em_7 {
  display: block;
  overflow: hidden;
  border-radius: 6px;
}
._bigAdImage_sk1em_13 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
._adCarousel_sk1em_20 {
  position: relative;
}
._carouselWrapper_sk1em_24 {
  width: 100%;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  position: relative;
  user-select: none;
  touch-action: pan-y;
  cursor: grab;
}
._carouselWrapper_sk1em_24:active {
  cursor: grabbing;
}
._carouselWrapper_sk1em_24 img {
  -webkit-user-drag: none;
  pointer-events: none;
}
._carouselTrack_sk1em_41 {
  display: flex;
  transition: transform 0.4s ease-in-out;
}
._carouselItem_sk1em_46 {
  min-width: 100%;
  width: 100%;
  flex-shrink: 0;
}
._adLink_sk1em_52 {
  display: block;
  overflow: hidden;
  height: 100%;
}
._adImage_sk1em_58 {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
._navButton_sk1em_66 {
  width: 31px;
  height: 31px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  margin-top: 5px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
._adCarousel_sk1em_20:hover ._navButton_sk1em_66,
._adCarousel_sk1em_20:focus-within ._navButton_sk1em_66 {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
  ._navButton_sk1em_66 {
    opacity: 1;
    pointer-events: auto;
  }
}
._prevButton_sk1em_99 {
  left: 5px;
}
._nextButton_sk1em_103 {
  right: 5px;
}
._dots_sk1em_107 {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  gap: 1px;
}
._dot_sk1em_107 {
  flex: 1;
  height: 5px;
  border: none;
  background: #d9d9d9;
  cursor: pointer;
  padding: 0;
}
._dot_sk1em_107._active_sk1em_122 {
  background: #2babee;
}
._lotteryRecommendation_8t97d_1 {
  display: flex;
  flex-direction: column;
}
._lotteryGrid_8t97d_6 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px 10px;
  grid-auto-rows: 75px;
  background: #f9f9f9;
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #ffffff;
  opacity: 1;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.2509803922);
}
._lotteryItem_8t97d_19 {
  width: auto;
  opacity: 1;
  border-radius: 4px;
  padding: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  overflow: visible;
}
._lotteryItem_8t97d_19:hover {
  background: rgba(255, 255, 255, 0.5);
}
._iconWrapper_8t97d_38 {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
}
._lotteryItem_8t97d_19:hover ._iconWrapper_8t97d_38 {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
._disabledItem_8t97d_55 {
  cursor: not-allowed;
}
._lotteryIcon_8t97d_59 {
  width: 54px;
  height: 54px;
  object-fit: cover;
}
._lotteryName_8t97d_65 {
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  line-height: 1.3;
  word-break: break-all;
}
._loading_8t97d_73 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
  background: #f9f9f9;
  border-radius: 8px;
}
@media (max-width: 768px) {
  ._lotteryGrid_8t97d_6 {
    gap: 12px 8px;
    padding: 12px;
  }
  ._iconWrapper_8t97d_38 {
    width: 56px;
    height: 56px;
  }
  ._lotteryName_8t97d_65 {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  ._lotteryGrid_8t97d_6 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 10px;
  }
  ._iconWrapper_8t97d_38 {
    width: 48px;
    height: 48px;
  }
  ._lotteryName_8t97d_65 {
    font-size: 12px;
  }
}
:where(html:not([data-desktop-view=true])) ._lotteryRecommendation_8t97d_1 {
  min-width: 375px;
}
:where(html:not([data-desktop-view=true])) ._lotteryGrid_8t97d_6 {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 12px;
}
:where(html:not([data-desktop-view=true])) ._lotteryItem_8t97d_19 {
  width: 100%;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._iconWrapper_8t97d_38 {
  width: 48px;
  height: 48px;
}
:where(html:not([data-desktop-view=true])) ._lotteryName_8t97d_65 {
  font-size: 12px;
}
._newsPage_9515r_1 {
  width: 100%;
  min-height: 100vh;
}
._container_9515r_6 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 20px;
}
._mainContent_9515r_16 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-inline: 12px;
}
._sidebar_9515r_23 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._newsPage_9515r_1 {
  margin-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._container_9515r_6 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
:where(html:not([data-desktop-view=true])) ._sidebar_9515r_23 {
  display: none;
}
._topNewsWrapper_1na5z_2 {
  display: flex;
  flex-direction: column;
}
._topNews_1na5z_2 {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: #fff;
  color: #333;
}
._carouselContainer_1na5z_15 {
  width: 298px;
  height: 255px;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}
._topNewsImage_1na5z_23 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._carouselLoading_1na5z_29 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  color: #999;
}
._carouselButton_1na5z_39 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  z-index: 2;
}
._carouselButton_1na5z_39:hover {
  background: rgba(0, 0, 0, 0.7);
}
._carouselButton_1na5z_39:active {
  background: rgba(0, 0, 0, 0.8);
}
._carouselDots_1na5z_64 {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 2;
}
._carouselDot_1na5z_64 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
}
._carouselDot_1na5z_64:hover {
  background: rgba(255, 255, 255, 0.8);
}
._carouselDotActive_1na5z_88 {
  background: #fff;
  width: 24px;
  border-radius: 4px;
}
._topNewsContent_1na5z_94 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 255px;
  justify-content: space-between;
}
._topNewsTitle_1na5z_103 {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  margin: 0;
  color: var(--Icon-Dark, #34364c);
  min-height: 48px;
  max-height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
._topNewsDescription_1na5z_122 {
  margin: 0;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0%;
  color: #7c7c7c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
._highlightsContainer_1na5z_139 {
  width: 100%;
  margin-top: auto;
}
._highlights_1na5z_139 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._highlightItem_1na5z_150 {
  height: 27px;
  font-family: Inter;
  letter-spacing: 0%;
  background: #f4f4f4;
}
._highlightItem_1na5z_150:nth-child(even) {
  background: var(--highlight-bg, #e3f5ff);
}
._highlightItem_1na5z_150 {
  border-radius: 4px;
  padding: 0 10px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
._highlightItem_1na5z_150::before {
  content: "●";
  color: var(--highlight-dot, #4299e1);
  font-size: 10px;
  flex-shrink: 0;
}
._highlightItem_1na5z_150:hover {
  opacity: 0.8;
}
._highlightItemActive_1na5z_179 {
  color: #1a73e8;
}
._highlightItemText_1na5z_183 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 14px;
  color: #7c7c7c;
  min-width: 0;
}
:where(html:not([data-desktop-view=true])) ._topNews_1na5z_2 {
  flex-direction: column;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._carouselContainer_1na5z_15 {
  width: 100%;
  height: 200px;
}
:where(html:not([data-desktop-view=true])) ._topNewsContent_1na5z_94 {
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._highlightsContainer_1na5z_139 {
  width: 100%;
  margin-top: 12px;
}
._newsTabs_1lvi0_1 {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
._tabHeader_1lvi0_8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
  border-bottom: 1px solid #f0f0f0;
  height: 70px;
}
._tabs_1lvi0_17 {
  display: flex;
  gap: 30px;
  width: 100%;
}
._tab_1lvi0_8 {
  padding: 8px 0;
  background: none;
  border: none;
  border-bottom: 4px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
  height: 70px;
  font-family: Inter;
  font-weight: 600;
  font-style: "semibold";
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--Icon-Dark, #34364c);
}
._tab_1lvi0_8:hover {
  color: #333;
}
._tab_1lvi0_8._active_1lvi0_43 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
}
._newsList_1lvi0_48 {
  display: flex;
  flex-direction: column;
}
._newsItem_1lvi0_53 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
}
._newsItem_1lvi0_53:last-child {
  border-bottom: none;
}
._newsItem_1lvi0_53:hover {
  background: #f9f9f9;
}
._newsImage_1lvi0_70 {
  width: 186px;
  height: 141px;
  opacity: 1;
  object-fit: contain;
  border-radius: 4px;
  flex-shrink: 0;
}
._newsContent_1lvi0_79 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
._newsTitle_1lvi0_87 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
._newsDescription_1lvi0_101 {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
._newsMeta_1lvi0_113 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
._loading_1lvi0_120,
._emptyState_1lvi0_121 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._tabHeader_1lvi0_8 {
  padding: 0 16px;
  height: 60px;
}
:where(html:not([data-desktop-view=true])) ._tabs_1lvi0_17 {
  gap: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
:where(html:not([data-desktop-view=true])) ._tabs_1lvi0_17::-webkit-scrollbar {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._tab_1lvi0_8 {
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0;
  height: 60px;
}
:where(html:not([data-desktop-view=true])) ._newsItem_1lvi0_53 {
  padding: 16px;
  flex-direction: row;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._newsImage_1lvi0_70 {
  height: 154px;
  width: 100px;
  object-position: top;
}
:where(html:not([data-desktop-view=true])) ._newsContent_1lvi0_79 {
  width: calc(100% - 100px);
}
:where(html:not([data-desktop-view=true])) ._newsTitle_1lvi0_87 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
:where(html:not([data-desktop-view=true])) ._newsDescription_1lvi0_101 {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
._playTipsWrapper_fm21c_1 {
  display: flex;
  flex-direction: column;
}
._playTips_fm21c_1 {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
}
._tipsList_fm21c_12 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 20px;
}
._tipItem_fm21c_18 {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  transition: opacity 0.2s;
}
._tipItem_fm21c_18:hover {
  opacity: 0.7;
}
._tipTitle_fm21c_29 {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  line-height: 100%;
  letter-spacing: 0%;
}
._loading_fm21c_44 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
._tipDate_fm21c_51 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._tipsList_fm21c_12 {
  display: flex;
  flex-direction: column;
}
:where(html:not([data-desktop-view=true])) ._playTips_fm21c_1 {
  padding: 16px;
}
:where(html:not([data-desktop-view=true])) ._tipDate_fm21c_51 {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: var(--Grey-5, #7c7c7c);
}
._lotteryActionButton_1ymlg_1 {
  width: fit-content;
  height: auto;
  gap: 4px;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  font-weight: 500;
  font-size: 12px;
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  background: var(--Color, #f9f9f9);
  max-height: 30px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._lotteryActionButton_1ymlg_1 img {
  width: 18px;
  height: 18px;
}
._disabled_1ymlg_26 {
  cursor: not-allowed;
}
._toggleDivider_1ymlg_30 {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
  margin: 0 4px;
}
._toggleIndicator_1ymlg_37 {
  position: relative;
  width: 35px;
  height: 20px;
  background: var(--brand-accent);
  border-radius: 11px;
  transition: background-color 0.3s ease;
}
._toggleIndicator_1ymlg_37::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
._toggleOff_1ymlg_57 {
  background: #d9d9d9;
}
._toggleOff_1ymlg_57::after {
  right: auto;
  left: 2px;
}
._timeSection_1ifc6_1 {
  gap: 8px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #f4f4f4;
  align-items: center;
}
._timeSection_1ifc6_1._vertical_1ifc6_12 {
  align-items: flex-start;
  padding: 0px;
  background: transparent;
  border: none;
}
._timeSection_1ifc6_1._small_1ifc6_19 {
  gap: 8px;
  padding: 10px;
}
._timeSection_1ifc6_1._small_1ifc6_19 ._timeLabel_1ifc6_24 {
  font-size: 16px;
}
._timeSection_1ifc6_1._small_1ifc6_19 ._countdownText_1ifc6_28 {
  font-size: 10px;
}
._timeSection_1ifc6_1._small_1ifc6_19 ._countdownText_1ifc6_28 span {
  font-size: 10px;
}
._timeSection_1ifc6_1._small_1ifc6_19 ._countdownTimer_1ifc6_36 {
  width: 140px;
  height: 34px;
}
._timeSection_1ifc6_1._small_1ifc6_19 ._timePart_1ifc6_41 {
  font-size: 14px;
}
._timeSection_1ifc6_1._small_1ifc6_19 ._timeUnit_1ifc6_45 {
  font-size: 10px;
}
._timeSection_1ifc6_1._small_1ifc6_19 ._timeUnitBanner_1ifc6_49 {
  font-size: 12px;
}
._timeLabel_1ifc6_24 {
  gap: 4px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
}
._countdownSection_1ifc6_62 {
  gap: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._countdownSection_1ifc6_62._vertical_1ifc6_12 {
  flex-direction: column;
  gap: 5px;
}
._countdownText_1ifc6_28 {
  font-weight: 500;
  font-size: 12px;
  color: #7c7c7c;
}
._countdownText_1ifc6_28 span {
  font-weight: 700;
  font-size: 12px;
  color: var(--Icon-Dark, #34364c);
}
._countdownTimer_1ifc6_36 {
  border-radius: 6px;
  width: 169px;
  height: 46px;
  padding-inline: 10px;
  gap: 6px;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  border: 1px solid #34364c;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._countdownTimerBanner_1ifc6_99 {
  height: 46px;
  width: 100%;
  min-width: 160px;
}
._drawing_1ifc6_105 {
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}
._drawing_1ifc6_105 span {
  color: #fff;
  animation: _drawingGlow_1ifc6_1 0.5s ease-in-out infinite alternate;
}
._timePart_1ifc6_41 {
  font-weight: 700;
  font-size: 20px;
  color: #f9f9f9;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-variant-numeric: tabular-nums;
}
._tiePartBanner_1ifc6_127 {
  font-size: 20px;
  width: 45px;
}
._timeUnit_1ifc6_45 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
._timeUnitBanner_1ifc6_49 {
  font-size: 12px;
}
._divider_1ifc6_142 {
  width: 1px;
  background: #7c7c7c;
  height: 18px;
  align-self: center;
}
._periodContainer_1ifc6_149 {
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-items: center;
  padding: 6px 8px;
  background: #d9d9d9;
  border-radius: 6px;
  width: fit-content;
  height: 30px;
  gap: 4px;
}
._periodItemText_1ifc6_162 {
  font-size: 12px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
._issueIcon_1ifc6_169 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._link_1ifc6_175 {
  display: flex;
  margin-top: 2px;
  height: 34px;
  cursor: pointer;
}
._link_1ifc6_175._vertical_1ifc6_12 {
  height: auto;
}
._link_1ifc6_175 ._liveIcon_1ifc6_184 {
  height: auto;
  object-fit: scale-down;
  width: 95px;
}
@keyframes _drawingGlow_1ifc6_1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
:where(html:not([data-desktop-view=true])) ._periodContainer_1ifc6_149 {
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._timeSection_1ifc6_1._small_1ifc6_19 {
  padding: 0px;
}
:where(html:not([data-desktop-view=true])) ._countdownSection_1ifc6_62 {
  flex-direction: row;
  gap: 5px;
}
:where(html:not([data-desktop-view=true])) ._drawing_1ifc6_105 {
  font-size: 10px;
}
:where(html:not([data-desktop-view=true])) ._timeSection_1ifc6_1 {
  padding: 0px;
  border: none;
}
:where(html:not([data-desktop-view=true])) ._timePart_1ifc6_41 {
  font-size: 10px;
  margin-left: 2px;
}
:where(html:not([data-desktop-view=true])) ._countdownTimer_1ifc6_36 {
  width: 85px;
  height: 30px;
  padding: 4px 5px;
  gap: 0px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._countdownText_1ifc6_28 {
  padding: 6px 12px;
  background: #f4f4f4;
  border-radius: 6px;
  width: fit-content;
  font-size: 12px;
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
  height: 30px;
}
:where(html:not([data-desktop-view=true])) ._periodItemText_1ifc6_162 {
  font-size: 10px;
}
._homePage_1uikg_1 {
  width: 100%;
}
._container_1uikg_5 {
  margin: 0 auto;
  padding-block: 20px;
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 20px;
  width: 1200px;
  max-width: 100%;
}
._leftColumn_1uikg_15 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._rightColumn_1uikg_21 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._container_1uikg_5 {
  width: 100%;
  grid-template-columns: 1fr;
  gap: 16px;
  overflow-x: hidden;
  min-width: 375px;
  margin-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._rightColumn_1uikg_21 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._leftColumn_1uikg_15 {
  width: 100%;
  min-width: 0;
  padding-inline: 15px;
}
._popularLottery_1imwc_1 {
  display: flex;
  flex-direction: column;
}
._hotLotteryShowcase_1e8sr_1 {
  border-radius: 6px;
  border-width: 1px;
  padding: 20px 14px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.2509803922);
  position: relative;
  margin-top: 20px;
}
._sliderContainer_1e8sr_12 {
  overflow: hidden;
  width: 820px;
}
._sliderContainer_1e8sr_12:hover ~ ._showcaseSlideButton_1e8sr_17 {
  opacity: 1;
}
._slider_1e8sr_12 {
  display: flex;
  gap: 10px;
  transform: translateX(calc(var(--offset) * 166px));
}
._slider_1e8sr_12._animating_1e8sr_26 {
  transition: transform 0.3s ease-in-out;
}
._showcaseSlideButton_1e8sr_17 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border: none;
  background: rgba(187, 187, 187, 0.3490196078);
  height: 40px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  padding: 0 5px;
  font-weight: 700;
}
._showcaseSlideButton_1e8sr_17 svg {
  height: 25px;
  width: 25px;
}
._showcaseSlideButton_1e8sr_17:hover {
  opacity: 1;
}
._showcasePrev_1e8sr_55 {
  left: 10px;
}
._showcaseNext_1e8sr_59 {
  right: 10px;
}
._ShowcaseCard_1e8sr_63 {
  width: 156px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  position: relative;
  cursor: pointer;
}
._showcaseImage_1e8sr_72 {
  width: 156px;
  object-fit: cover;
}
._showcaseContent_1e8sr_77 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 4px;
  padding: 10px 8px;
}
._showcaseTitle_1e8sr_85 {
  font-weight: 700;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._showcaseTimer_1e8sr_91 {
  height: 26px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 4px;
  border-width: 1px;
  padding: 6px 5px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  align-items: center;
}
._showcaseDivider_1e8sr_105 {
  width: 1px;
  height: 18px;
  border: 1px solid #d9d9d9;
}
._showcaseTime_1e8sr_91 {
  font-weight: 700;
  font-size: 11px;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
._showcaseTime_1e8sr_91._drawing_1e8sr_117 {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}
._showcaseTime_1e8sr_91._drawing_1e8sr_117 span {
  animation: _drawingGlow_1e8sr_1 0.5s ease-in-out infinite alternate;
  font-weight: 700;
  font-size: 11px;
  color: var(--brand-accent);
}
._showcaseButton_1e8sr_130 {
  position: absolute;
  bottom: 46px;
  right: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
}
@keyframes _drawingGlow_1e8sr_1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
:where(html:not([data-desktop-view=true])) ._hotLotteryShowcase_1e8sr_1 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._sliderContainer_1e8sr_12 {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
:where(html:not([data-desktop-view=true])) ._sliderContainer_1e8sr_12::-webkit-scrollbar {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._slider_1e8sr_12 {
  width: max-content;
  transform: none !important;
  gap: 8px;
}
:where(html:not([data-desktop-view=true])) ._showcaseSlideButton_1e8sr_17 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._ShowcaseCard_1e8sr_63 {
  width: 120px;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._showcaseImage_1e8sr_72 {
  width: 120px;
}
:where(html:not([data-desktop-view=true])) ._showcaseTitle_1e8sr_85 {
  font-size: 13px;
}
:where(html:not([data-desktop-view=true])) ._showcaseTimer_1e8sr_91 {
  height: 24px;
  padding: 4px;
}
:where(html:not([data-desktop-view=true])) ._showcaseTime_1e8sr_91 {
  font-size: 10px;
}
._hotLotteryCarousel_1u9ba_1 {
  width: 850px;
  position: relative;
}
._carouselWrapper_1u9ba_6 {
  width: 100%;
  overflow: hidden;
  height: 305px;
  border-radius: 6px;
  user-select: none;
  touch-action: pan-y;
  cursor: grab;
}
._carouselWrapper_1u9ba_6:active {
  cursor: grabbing;
}
._carouselWrapper_1u9ba_6 img {
  -webkit-user-drag: none;
  pointer-events: none;
}
._carouselTrack_1u9ba_23 {
  display: flex;
  height: 100%;
  transition: transform 0.4s ease-in-out;
}
._carouselItem_1u9ba_29 {
  min-width: 100%;
  width: 100%;
  flex-shrink: 0;
  height: 100%;
}
._navigationButtons_1u9ba_36 {
  display: flex;
  gap: 8px;
}
._navButton_1u9ba_41 {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  color: #34364c;
}
._navButton_1u9ba_41:hover:not(:disabled) {
  background: #f4f4f4;
  border-color: #d0d0d0;
}
._navButton_1u9ba_41:active:not(:disabled) {
  background: #e5e5e5;
}
._navButton_1u9ba_41:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._navButton_1u9ba_41 svg {
  width: 20px;
  height: 20px;
}
._staticBanner_1u9ba_70 {
  width: 100%;
  height: 305px;
  box-sizing: border-box;
}
._bannerContent_1u9ba_76 {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
._bannerContent_1u9ba_76 a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
._bannerContent_1u9ba_76 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
._loadingPlaceholder_1u9ba_100 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  border-radius: 8px;
  color: #999;
  font-size: 14px;
}
._dots_1u9ba_112 {
  display: none;
}
._dot_1u9ba_112 {
  width: 12px;
  height: 12px;
  border-radius: 40px;
  background: var(--Grey-2, #d9d9d9);
  border: none;
  padding: 0;
  margin: 0 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
._dot_1u9ba_112._active_1u9ba_128 {
  background: var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._hotLotteryCarousel_1u9ba_1 {
  width: 100%;
  margin-bottom: 0;
}
:where(html:not([data-desktop-view=true])) ._staticBanner_1u9ba_70 {
  height: 100%;
}
:where(html:not([data-desktop-view=true])) ._dots_1u9ba_112 {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  gap: 1px;
  background: #fff;
}
:where(html:not([data-desktop-view=true])) ._dot_1u9ba_112 {
  flex: 1;
  height: 5px;
  width: auto;
  border-radius: 0;
  background: #d9d9d9;
  margin: 0;
  box-shadow: none;
  border: none;
  border-right: 0.5px solid #d9d9d9;
}
:where(html:not([data-desktop-view=true])) ._dot_1u9ba_112:last-child {
  border-right: none;
}
:where(html:not([data-desktop-view=true])) ._dot_1u9ba_112._active_1u9ba_128 {
  background: #2babee;
}
:where(html:not([data-desktop-view=true])) ._carouselWrapper_1u9ba_6 {
  aspect-ratio: 41/18;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._bannerContent_1u9ba_76 {
  border-radius: 4px;
}
._lotteryDrawBanner_1y3ts_1 {
  background-size: cover;
  background-position: right;
  width: 100%;
  height: 305px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  border-width: 1px;
  border-radius: 6px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 15px;
}
._lotteryName_1y3ts_17 {
  font-weight: 900;
  font-size: 54px;
  color: var(--Icon-Dark, #34364c);
}
._issueNumber_1y3ts_23 {
  width: auto;
  height: 30px;
  border-radius: 6px;
  padding: 6px 10px;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  font-size: 12px;
  color: var(--Grey, #f4f4f4);
}
._actionsRow_1y3ts_35 {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
._buttons_1y3ts_41 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
._drawAndTimeInfo_1y3ts_48 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._drawInfo_1y3ts_54 {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: rgba(255, 255, 255, 0.5019607843);
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
  width: fit-content;
  padding: 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.5019607843);
  gap: 10px;
}
._drawLabel_1y3ts_68 {
  font-weight: 700;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
}
._divider_1y3ts_74 {
  width: 1px;
  height: 36px;
  border: 1px solid var(--Grey-2, #d9d9d9);
}
._drawNumbers_1y3ts_80 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}
._ballWrapper_1y3ts_87 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._loadingText_1y3ts_93 {
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._actionsRow_1y3ts_35 {
  display: flex;
  flex-direction: row;
}
._buttons_1y3ts_41 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
._timeInfo_1y3ts_109 {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 6px;
  padding: 10px;
  gap: 10px;
  background: rgba(255, 255, 255, 0.5019607843);
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
  justify-content: space-between;
}
._timeLabelSection_1y3ts_122 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 202px;
}
._timeIcon_1y3ts_130 {
  width: 40px;
  height: 40px;
}
._timeIcon_1y3ts_130 img {
  width: 100%;
  height: 100%;
}
._timeContent_1y3ts_139 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
._timeLabel_1y3ts_122 {
  font-weight: 900;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
}
._countdownText_1y3ts_151 {
  font-weight: 500;
  font-size: 11px;
  color: var(--Grey-5, #7c7c7c);
}
._countdownText_1y3ts_151 span {
  font-weight: 700;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._lotteryName_1y3ts_17 {
  font-size: 34px;
}
:where(html:not([data-desktop-view=true])) ._lotteryDrawBanner_1y3ts_1 {
  height: auto;
  gap: 10px;
  aspect-ratio: 41/18;
  border: unset;
}
:where(html:not([data-desktop-view=true])) ._drawInfo_1y3ts_54 {
  background: rgba(255, 255, 255, 0.8980392157);
}
._hotLottery_7akjl_1 {
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
._lotteryResult_2dd22_1 {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
._lotteryResult_2dd22_1 > :last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._resultHeader_2dd22_11 {
  border-radius: 6px 6px 0 0;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  width: 850px;
  max-width: 100%;
  height: 60px;
}
._tabs_2dd22_20 {
  width: 850px;
  max-width: 100%;
  height: 60px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 25px;
  padding-inline: 25px;
}
._tab_2dd22_20 {
  border: none;
  border-bottom: solid 4px transparent;
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #7c7c7c;
  gap: 4px;
}
._tab_2dd22_20._active_2dd22_44,
._tab_2dd22_20:hover {
  color: var(--Icon-Dark, #34364c);
  border-bottom: 4px solid var(--brand-secondary-color);
}
._tab_2dd22_20._active_2dd22_44 img,
._tab_2dd22_20:hover img {
  filter: var(--brand-accent-filter);
}
:where(html:not([data-desktop-view=true])) ._resultHeader_2dd22_11 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._tabs_2dd22_20 {
  width: 100%;
  max-width: 100%;
  padding: 0 12px;
  gap: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
:where(html:not([data-desktop-view=true])) ._tabs_2dd22_20::-webkit-scrollbar {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._tab_2dd22_20 {
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._tab_2dd22_20 img {
  width: 16px;
  height: 16px;
}
:where(html:not([data-desktop-view=true])) ._lotteryResult_2dd22_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: none;
}
._resultCard_1pve4_1 {
  width: 850px;
  gap: 15px;
  border-left-width: 10px;
  padding: 15px 20px;
  display: flex;
  flex-direction: row;
  background: #ffffff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._cardContent_1pve4_12 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
}
._cardHeader_1pve4_20 {
  width: 190px;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
._lotteryNameLink_1pve4_27 {
  text-decoration: none;
  color: inherit;
  width: fit-content;
}
._lotteryNameDisabled_1pve4_33 {
  width: fit-content;
  cursor: not-allowed;
}
._lotteryNameDisabled_1pve4_33 ._lotteryName_1pve4_27 {
  cursor: not-allowed;
}
._lotteryName_1pve4_27 {
  font-weight: 700;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
._lotteryName_1pve4_27 img {
  width: 30px;
  height: 30px;
}
._period_1pve4_55 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._periodItem_1pve4_61 {
  padding: 6px 12px;
  background: #f4f4f4;
  border-radius: 6px;
  width: fit-content;
  font-size: 12px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
._buttons_1pve4_72 {
  display: flex;
  gap: 4px;
}
._lotteryActionButton_1pve4_77 {
  width: 56px;
  height: 26px;
  gap: 4px;
  border-width: 1px;
  padding: 6px 5px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: transparent;
  font-weight: 500;
  font-size: 12px;
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
}
._lotteryActionButton_1pve4_77 img {
  width: 18px;
  height: 18px;
}
._result_1pve4_1 {
  width: 550px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  border-width: 1px;
  border-radius: 6px;
  padding: 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.3019607843);
}
._resultContent_1pve4_114 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
._numbersLabel_1pve4_122 {
  color: var(--Icon-Dark, #34364c);
  font-size: 16px;
  font-weight: 600;
}
._numbersSection_1pve4_128 {
  gap: 4px;
  display: flex;
  margin: 0;
  flex-wrap: wrap;
}
._numbersValue_1pve4_135 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #cce7ff 0%,
      #0094de 33.2%,
      #007acc 61.54%,
      #005a99 85.73%);
  width: 30px;
  height: 30px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 40px;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
._ballWrapper_1pve4_149 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._ballRows_1pve4_155 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
._ballRow_1pve4_155 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
._numbersValuepk10_1pve4_172 {
  border-radius: 6px;
}
._escpLastNumber_1pve4_176 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #ffe8cf 0%,
      #faac57 33.2%,
      #e58317 61.54%,
      #b16006 85.73%);
}
._escpHighNumber_1pve4_180 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #d3d6ff 0%,
      #4361e8 33.2%,
      #2738cf 61.54%,
      #14269c 85.73%);
}
._dicesValue_1pve4_184 {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._lhcIconValue_1pve4_192 {
  width: 30px;
  height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._lhcIcon_1pve4_192 {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
._lhcNumber_1pve4_209 {
  position: relative;
  z-index: 1;
  font-weight: 800;
  font-size: 12px;
  color: #34364c;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
._taiwanResult_1pve4_218 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #fff3d8 0%,
      #ffcd63 33.2%,
      #fdbc31 61.54%,
      #be8303 85.73%);
}
._twwlcResult_1pve4_222 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #e9ffda 0%,
      #95c774 33.2%,
      #6bac40 61.54%,
      #477725 85.73%);
}
._redResult_1pve4_226 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #ffdce3 0%,
      #e35070 33.2%,
      #cc3052 61.54%,
      #91102d 85.73%);
}
._yellowResult_1pve4_230 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #fff3d8 0%,
      #ffcd63 33.2%,
      #fdbc31 61.54%,
      #be8303 85.73%);
}
._blueResult_1pve4_234 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #d3eaff 0%,
      #4398e8 33.2%,
      #277ecf 61.54%,
      #145a9c 85.73%);
}
._lightblueResult_1pve4_238 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #dcf9ff 0%,
      #3dc3e1 33.2%,
      #26a7c6 61.54%,
      #15849e 85.73%);
}
._purpleResult_1pve4_242 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #f0d1ff 0%,
      #ac6cca 33.2%,
      #753b90 61.54%,
      #511c69 85.73%);
}
._plusSymbol_1pve4_246 {
  width: 30px;
  height: 30px;
  font-weight: 700;
  font-size: 24px;
  color: var(--Icon-Dark, #34364c);
  display: flex;
  align-items: center;
  justify-content: center;
}
._textSection_1pve4_257 {
  display: flex;
  margin: 0;
  flex-direction: column;
}
._textValue_1pve4_263 {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._sectionWrapper_1pve4_271 {
  gap: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
._totalSection_1pve4_280 {
  height: 26px;
  display: flex;
  width: fit-content;
  align-items: center;
  border-radius: 6px;
  padding: 3px;
  background: #edc877;
}
._totalLabel_1pve4_290 {
  padding: 10px 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
}
._totalValues_1pve4_297 {
  display: flex;
  gap: 4px;
}
._totalValue_1pve4_297 {
  height: 20px;
  padding-inline: 5px;
  background: #ffffff;
  font-weight: 600;
  font-size: 12px;
  color: var(--Icon-Dark, #34364c);
  align-content: center;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._resultCard_1pve4_1 {
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  padding: 12px;
  gap: 12px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._cardHeader_1pve4_20 {
  width: auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
:where(html:not([data-desktop-view=true])) ._lotteryName_1pve4_27 {
  font-size: 16px;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._period_1pve4_55 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._buttons_1pve4_72 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._result_1pve4_1 {
  width: 100%;
  max-width: 100%;
  padding: 12px;
}
:where(html:not([data-desktop-view=true])) ._numbersLabel_1pve4_122 {
  font-size: 14px;
  display: none;
}
:where(html:not([data-desktop-view=true])) ._numbersValue_1pve4_135 {
  width: 25px;
  height: 25px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._textValue_1pve4_263 {
  width: 28px;
  height: 28px;
}
:where(html:not([data-desktop-view=true])) ._dicesValue_1pve4_184 {
  width: 25px;
  height: 25px;
}
:where(html:not([data-desktop-view=true])) ._dicesValue_1pve4_184 img {
  width: 25px;
  height: 25px;
}
:where(html:not([data-desktop-view=true])) ._plusSymbol_1pve4_246 {
  width: 25px;
  height: 25px;
  font-size: 20px;
}
:where(html:not([data-desktop-view=true])) ._periodItem_1pve4_61 {
  height: 30px;
  padding: 6px 8px;
}
:where(html:not([data-desktop-view=true])) ._totalLabel_1pve4_290 {
  padding: 3px;
}
._preference_pdyhk_1 {
  display: flex;
  flex-direction: column;
  background: #f7f7f7;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
._sectionHeader_pdyhk_9 {
  margin: 20px;
}
._saveButton_pdyhk_13 {
  background: var(--button-gradient) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
._preferenceSetupState_pdyhk_19 {
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: center;
  gap: 20px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Color, #fff);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._preferenceSetupState_pdyhk_19 h2 {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  color: var(--Icon-Dark, #34364c);
}
._preferenceSetupState_pdyhk_19 p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: var(--Grey-5, #7c7c7c);
}
._setupIcon_pdyhk_43 {
  width: 90px;
  height: 90px;
}
._setupText_pdyhk_48 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
._setupText_pdyhk_48 h2 {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  color: var(--Icon-Dark, #34364c);
}
._setupText_pdyhk_48 p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: var(--Grey-5, #7c7c7c);
}
._setupButton_pdyhk_67 {
  padding: 10px 30px;
  color: #fff;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
}
._preferenceContent_pdyhk_75 {
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 6px;
}
._preferenceInfo_pdyhk_82 {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: url(/assets/images/bg-DTBT18Q4.webp) no-repeat right;
}
._info_pdyhk_92 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
._icon_pdyhk_99 img {
  width: 60px;
  height: 60px;
}
._message_pdyhk_104 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._message_pdyhk_104 h2 {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  color: var(--Icon-Dark, #34364c);
}
._message_pdyhk_104 p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #7c7c7c;
}
._action_pdyhk_122 {
  display: flex;
  gap: 10px;
}
._registerButton_pdyhk_127 {
  background: var(--brand-button-gradient);
  color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  height: 40px;
}
._loginButton_pdyhk_135 {
  background: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  height: 40px;
}
:where(html:not([data-desktop-view=true])) ._preferenceSetupState_pdyhk_19 {
  min-height: 240px;
  border-radius: 0 0 6px 6px;
}
:where(html:not([data-desktop-view=true])) ._preferenceSetupState_pdyhk_19 h2 {
  font-size: 30px;
}
:where(html:not([data-desktop-view=true])) ._preferenceSetupState_pdyhk_19 p {
  font-size: 20px;
  max-width: 90%;
}
:where(html:not([data-desktop-view=true])) ._setupButton_pdyhk_67 {
  height: 44px;
  min-width: 132px;
  margin-top: 12px;
}
:where(html:not([data-desktop-view=true])) ._setupIcon_pdyhk_43 {
  width: 68px;
  height: 68px;
}
:where(html:not([data-desktop-view=true])) ._icon_pdyhk_99 img {
  width: 56px;
  height: 56px;
}
._help_pdyhk_167 {
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 503px;
  border-width: 1px;
  padding: 25px 20px;
  border-radius: 6px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
}
._ackButton_pdyhk_182 {
  background: var(--brand-button-gradient);
  color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  height: 40px;
  width: fit-content;
}
._helpTitle_pdyhk_191 {
  font-weight: 700;
  font-size: 30px;
  color: var(--Icon-Dark, #34364c);
}
._helpContent_pdyhk_197 {
  font-weight: 600;
  font-size: 14px;
  color: var(--Grey-5, #7c7c7c);
}
._helpContainer_pdyhk_203 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
._helpCloseButton_pdyhk_210 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
:where(html:not([data-desktop-view=true])) ._preference_pdyhk_1 {
  display: none;
}
._filter_umlx1_2 {
  border-radius: 6px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1.4px 0px rgba(0, 0, 0, 0.2509803922);
  color: #34364c;
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
  margin: 20px;
  margin-top: 0;
}
._filterContainer_umlx1_14 {
  border-radius: 6px 6px 0 0;
  padding: 20px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._filterHeader_umlx1_24 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._count_umlx1_31 {
  height: 30px;
  padding: 5px 10px;
  border-radius: 4px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  font-size: 14px;
  color: #34364c;
  display: flex;
  align-items: center;
  justify-content: center;
}
._clearButton_umlx1_46 {
  height: 30px;
  padding: 5px 10px;
  border-radius: 4px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #34364c;
  cursor: pointer;
}
._filterBody_umlx1_64 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
._filterItem_umlx1_72 {
  height: 40px;
  gap: 6px;
  border-radius: 6px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  color: #7c7c7c;
  width: calc((100% - 40px) / 5);
  flex: none;
  cursor: default;
  overflow: hidden;
}
._filteredItem_umlx1_93 {
  background: #ffffff;
  border: 1px solid var(--brand-accent);
  color: #34364c;
  cursor: move;
}
._addSlotIcon_umlx1_100 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-left: auto;
}
._lotteryIcon_umlx1_107 {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
._dragging_umlx1_113 {
  opacity: 0.5;
  cursor: grabbing;
}
._dragOver_umlx1_118 {
  border: 2px dashed var(--brand-accent);
  background: rgba(255, 148, 37, 0.1);
}
._removeButton_umlx1_123 {
  margin-left: auto;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._removeButton_umlx1_123 img {
  width: 20px;
  height: 20px;
}
._selectionPanel_umlx1_138 {
  border-radius: 0 0 6px 6px;
  padding: 20px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._selectionTitle_umlx1_148 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #34364c;
}
._selectionTitle_umlx1_148 img {
  width: 18px;
  height: 18px;
}
._selectionTitle_umlx1_148 span {
  font-size: 18px;
  font-weight: 600;
}
._selectionGrid_umlx1_163 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
._selectionItem_umlx1_169 {
  height: 40px;
  border: 1px solid #ffffff;
  background: var(--Color, #f9f9f9);
  border-radius: 6px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  cursor: pointer;
  box-shadow: inset 0px -0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._selectionItem_umlx1_169:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._selectionItem_umlx1_169 > img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._selectionItemMain_umlx1_192 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
._selectionName_umlx1_200 {
  font-size: 12px;
  font-weight: 600;
  color: #34364c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:where(html:not([data-desktop-view=true])) ._filterItem_umlx1_72 {
  min-width: 100px;
  font-size: 13px;
}
:where(html:not([data-desktop-view=true])) ._lotteryIcon_umlx1_107 {
  width: 22px;
  height: 22px;
}
:where(html:not([data-desktop-view=true])) ._selectionGrid_umlx1_163 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(html:not([data-desktop-view=true])) ._selectionTitle_umlx1_148 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._selectionName_umlx1_200 {
  font-size: 12px;
}
._forecast_19lru_1 {
  display: flex;
  flex-direction: column;
}
._forecastList_19lru_6 {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
}
._forecastItem_19lru_15 {
  height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 15px;
  background: #f9f9f9;
  text-decoration: none;
  color: #333;
  transition: all 0.2s;
  border: 1px solid #fff;
  box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 1px;
}
._forecastItem_19lru_15:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
._forecastItem_19lru_15:last-child {
  border-bottom: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._forecastItem_19lru_15:hover {
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._forecastItem_19lru_15 ._documentIcon_19lru_42 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._forecastItem_19lru_15 ._itemTitle_19lru_47 {
  line-height: 19px;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
._loading_19lru_57,
._empty_19lru_58 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
  background: #f9f9f9;
  border-radius: 8px;
}
._news_ot6hk_1 {
  display: flex;
  flex-direction: column;
}
._newsList_ot6hk_6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._newsItem_ot6hk_12 {
  display: flex;
  gap: 12px;
  padding: 15px 20px;
  background: #f9f9f9;
  border-radius: 6px;
  text-decoration: none;
  color: #333;
  transition: all 0.2s;
  height: 104px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._newsItem_ot6hk_12:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._newsImage_ot6hk_29 {
  width: 95px;
  height: 72px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
}
._newsContent_ot6hk_37 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._newsItemTitle_ot6hk_44 {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  font-weight: semibold;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--Icon-Dark, #34364c);
}
._newsDescription_ot6hk_58 {
  font-size: 11px;
  color: #7c7c7c;
  line-height: 13px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
._loading_ot6hk_70,
._empty_ot6hk_71 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
  background: #f9f9f9;
  border-radius: 6px;
}
:where(html:not([data-desktop-view=true])) ._news_ot6hk_1 {
  min-width: 375px;
}
:where(html:not([data-desktop-view=true])) ._newsItem_ot6hk_12 {
  padding: 12px 16px;
  height: auto;
  flex-direction: column;
  gap: 8px;
}
:where(html:not([data-desktop-view=true])) ._newsImage_ot6hk_29 {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
:where(html:not([data-desktop-view=true])) ._newsContent_ot6hk_37 {
  flex: 1;
  gap: 6px;
}
:where(html:not([data-desktop-view=true])) ._newsItemTitle_ot6hk_44 {
  font-size: 14px;
  line-height: 18px;
}
:where(html:not([data-desktop-view=true])) ._newsDescription_ot6hk_58 {
  font-size: 12px;
  line-height: 16px;
}
._articleDetailPage_1k46u_1 {
  width: 100%;
  min-height: 100vh;
}
._container_1k46u_6 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 20px;
  margin-bottom: 76px;
}
._mainContent_1k46u_17 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._sidebar_1k46u_23 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._articleDetailPage_1k46u_1 {
  min-width: 375px;
}
:where(html:not([data-desktop-view=true])) ._container_1k46u_6 {
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
:where(html:not([data-desktop-view=true])) ._sidebar_1k46u_23 {
  display: none;
}
._articleDetailWrapper_1n3e0_1 {
  display: flex;
  flex-direction: column;
}
._loading_1n3e0_6,
._error_1n3e0_7 {
  padding: 40px 20px;
  text-align: center;
  background: #fff;
  border-radius: 6px;
  color: #666;
  font-size: 16px;
}
._error_1n3e0_7 {
  color: #e74c3c;
}
._articleDetail_1n3e0_1 {
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
._articleHeader_1n3e0_27 {
  gap: 10px;
  padding: 20px;
  border: 1px solid #ffffff;
}
._articleTitle_1n3e0_33 {
  font-family: Inter;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
  color: var(--Icon-Dark, #34364c);
  margin: 0 0 10px 0;
}
._articleMeta_1n3e0_42 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
._metaLeft_1n3e0_49 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
._metaRight_1n3e0_56 {
  display: flex;
  gap: 10px;
  align-items: center;
}
._articleDetailsWrapper_1n3e0_62 {
  padding: 0px 20px;
}
._featuredImage_1n3e0_66 {
  background: transparent;
  margin-top: 20px;
  margin-bottom: 32px;
  border-radius: 8px;
  overflow: hidden;
}
._featuredImage_1n3e0_66 img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
._articleContent_1n3e0_80 {
  font-family: Inter;
  font-size: 14px !important;
  font-weight: 500;
  font-style: Medium;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
  padding-top: 20px;
}
._articleContent_1n3e0_80 span {
  font-size: 14px !important;
}
._articleContent_1n3e0_80 h1,
._articleContent_1n3e0_80 h2,
._articleContent_1n3e0_80 h3,
._articleContent_1n3e0_80 h4,
._articleContent_1n3e0_80 h5,
._articleContent_1n3e0_80 h6 {
  margin: 24px 0 16px 0;
  color: var(--Icon-Dark, #34364c);
  font-weight: 600;
}
._articleContent_1n3e0_80 h2 {
  font-size: 24px;
}
._articleContent_1n3e0_80 h3 {
  font-size: 20px;
}
._articleContent_1n3e0_80 p {
  margin: 0 0 16px 0;
}
._articleContent_1n3e0_80 ul,
._articleContent_1n3e0_80 ol {
  margin: 0;
  padding-bottom: 16px;
  padding-left: 24px;
  list-style: none;
}
._articleContent_1n3e0_80 li {
  margin-bottom: 8px;
  list-style: none;
}
._articleContent_1n3e0_80 img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin: 16px 0;
}
._articleContent_1n3e0_80 a {
  color: #0066cc;
  text-decoration: none;
}
._articleContent_1n3e0_80 a:hover {
  text-decoration: underline;
}
._articleContent_1n3e0_80 blockquote {
  margin: 16px 0;
  padding: 16px 20px;
  border-left: 4px solid #e5e5e5;
  background: #f9f9f9;
  color: #666;
}
._articleContent_1n3e0_80 code {
  background: #f5f5f5;
  padding: 2px 6px;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  font-size: 14px;
}
._articleContent_1n3e0_80 pre {
  background: #f5f5f5;
  padding: 16px;
  border-radius: 4px;
  overflow-x: auto;
  margin: 16px 0;
}
._articleContent_1n3e0_80 pre code {
  background: none;
  padding: 0;
}
._articleFooter_1n3e0_161 {
  padding: 20px;
  border-top: 1px solid #e5e5e5;
  background: #fff;
}
._navigationWrapper_1n3e0_167 {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
}
._navButton_1n3e0_174 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._navButton_1n3e0_174:hover {
  color: var(--brand-accent);
}
._navButton_1n3e0_174:hover ._navTitle_1n3e0_187 {
  color: var(--brand-accent);
}
._navPrev_1n3e0_191 {
  justify-content: flex-start;
}
._navNext_1n3e0_195 {
  justify-content: flex-end;
}
._navLabel_1n3e0_199 {
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
  font-weight: 500;
  white-space: nowrap;
}
._navTitle_1n3e0_187 {
  font-size: 14px;
  color: var(--brand-accent);
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}
._backButton_1n3e0_217 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._articleFooter_1n3e0_161 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._articleContent_1n3e0_80 img {
  object-fit: contain;
}
:where(html:not([data-desktop-view=true])) ._backButton_1n3e0_217 {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0;
  margin-bottom: 12px;
}
:where(html:not([data-desktop-view=true])) ._backButton_1n3e0_217 span {
  font-weight: 500;
  font-size: 20px;
  color: var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._articleTitle_1n3e0_33 {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._metaRight_1n3e0_56 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._sectionHeader_1n3e0_248 {
  display: none;
}
._modalOverlay_1plzk_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: _fadeIn_1plzk_1 0.2s ease-out;
}
@keyframes _fadeIn_1plzk_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modalContent_1plzk_23 {
  background: #ffffff;
  border-radius: 6px;
  width: 90%;
  max-width: 560px;
  padding: 25px 20px;
  animation: _slideUp_1plzk_1 0.3s ease-out;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
@keyframes _slideUp_1plzk_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._modalHeader_1plzk_43 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
._modalTitle_1plzk_50 {
  font-size: 24px;
  font-weight: 600;
  color: #34364c;
  margin: 0;
}
._closeButton_1plzk_57 {
  margin-bottom: 10px;
  transition: all 0.2s;
  width: 16px;
  height: 16px;
  object-fit: cover;
}
._closeButton_1plzk_57:hover {
  cursor: pointer;
  transform: scale(1.1);
}
._closeButton_1plzk_57:active {
  transform: scale(0.95);
}
._shareOptions_1plzk_72 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
  margin-bottom: 30px;
}
._shareItem_1plzk_79 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: transform 0.2s;
}
._shareItem_1plzk_79:hover {
  transform: translateY(-4px);
}
._shareIconWrapper_1plzk_91 {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
._shareIconWrapper_1plzk_91 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._shareLabel_1plzk_106 {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._linkTitle_1plzk_116 {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0%;
  margin-bottom: 6px;
  color: var(--Icon-Dark, #34364c);
}
._linkInputWrapper_1plzk_127 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
._linkInput_1plzk_127 {
  width: 100%;
  height: 40px;
  padding: 12px 48px 12px 16px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  outline: none;
  transition: border-color 0.2s;
  color: var(--Colors-Neutral-Neutral-Alpha-9, rgba(0, 5, 29, 0.4549019608));
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: Typography/Letter spacing/2;
}
._linkInput_1plzk_127:focus {
  border-color: var(--brand-accent);
}
._copyButton_1plzk_154 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  border-radius: 4px;
}
._copyButton_1plzk_154:hover {
  background: rgba(255, 148, 37, 0.1);
}
._copyButton_1plzk_154:active {
  transform: translateY(-50%) scale(0.95);
}
._copiedMessage_1plzk_176 {
  margin-top: 8px;
  font-size: 12px;
  color: #52c41a;
  text-align: center;
  animation: _fadeIn_1plzk_1 0.2s ease-out;
}
@media (max-width: 768px) {
  ._modalContent_1plzk_23 {
    width: 95%;
    padding: 20px;
  }
  ._shareOptions_1plzk_72 {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  ._modalTitle_1plzk_50 {
    font-size: 20px;
  }
  ._linkTitle_1plzk_116 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  ._shareOptions_1plzk_72 {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  ._shareIconWrapper_1plzk_91 {
    width: 40px;
    height: 40px;
  }
  ._shareLabel_1plzk_106 {
    font-size: 12px;
  }
}
._forecastPage_qema6_1 {
  width: 100%;
  min-height: 100vh;
}
._mobileHeader_qema6_6 {
  display: flex;
  align-items: center;
  padding: 16px 0;
  position: relative;
  background: #f4f4f4;
  margin-bottom: 20px;
}
._backButton_qema6_15 {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--brand-accent);
  position: absolute;
  left: 0;
}
._backButton_qema6_15 span {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px !important;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}
._backButton_qema6_15 ._backIcon_qema6_36 {
  font-size: 24px !important;
}
._container_qema6_40 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 20px;
}
._mainContent_qema6_50 {
  display: flex;
  flex-direction: column;
}
._sidebar_qema6_55 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._forecastList_qema6_61 {
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
._forecastItem_qema6_68 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  color: #333;
  border-radius: 6px;
}
._forecastItem_qema6_68:last-child {
  border-bottom: none;
}
._forecastItem_qema6_68:hover {
  background: #f9f9f9;
}
._forecastItemInner_qema6_85 {
  display: flex;
  gap: 30px;
}
._forecastImage_qema6_90 {
  width: 186px;
  height: 141px;
  opacity: 1;
  object-fit: contain;
  flex-shrink: 0;
}
._forecastContent_qema6_98 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  height: 141px;
}
._forecastTextContent_qema6_107 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._forecastTitle_qema6_113 {
  font-size: 16px;
  line-height: 1.1875;
  margin: 0;
  color: var(--Icon-Dark, #34364c);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  letter-spacing: 0%;
}
._forecastDescription_qema6_129 {
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  line-height: 17px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  letter-spacing: 0%;
  color: var(--Grey-5, #7c7c7c);
}
._forecastMeta_qema6_144 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
._loadMoreContainer_qema6_151 {
  display: flex;
  justify-content: center;
  padding: 20px;
  background: #ffffff;
}
._loadMoreButton_qema6_158 {
  width: fit-content !important;
  height: 37px !important;
  font-family: Inter !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 100% !important;
  letter-spacing: 0% !important;
}
._noMoreData_qema6_169 {
  text-align: center;
  padding: 40px 20px;
  color: #999;
  font-size: 14px;
  background: #ffffff;
  border-radius: 6px;
}
._emptyState_qema6_178 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
  background: #ffffff;
  border-radius: 6px;
}
:where(html:not([data-desktop-view=true])) ._forecastPage_qema6_1 {
  min-width: 375px;
}
:where(html:not([data-desktop-view=true])) ._container_qema6_40 {
  width: 100%;
  padding: 16px;
  grid-template-columns: 1fr;
  margin-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._sidebar_qema6_55 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._forecastItem_qema6_68 {
  padding: 12px;
}
:where(html:not([data-desktop-view=true])) ._forecastImage_qema6_90 {
  width: 120px;
  height: 90px;
}
:where(html:not([data-desktop-view=true])) ._forecastItemInner_qema6_85 {
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._forecastTitle_qema6_113 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._forecastDescription_qema6_129 {
  font-size: 13px;
}
._button_1ij34_1 {
  width: 100px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
  transition:
    background-color 150ms ease,
    border-color 150ms ease,
    color 150ms ease,
    transform 120ms ease;
  user-select: none;
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
}
._default_1ij34_23 {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  color: var(--Icon-Dark, #34364c);
  opacity: 1;
}
._selected_1ij34_31 {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Orange-4, #ffffff);
  color: var(--Orange-4, #ffffff);
  opacity: 1;
}
._disabled_1ij34_39 {
  background: var(--Grey, #f4f4f4);
  border: none;
  color: var(--Grey-4, #aeadad);
  cursor: not-allowed;
  opacity: 1;
}
._button_1ij34_1:not(._disabled_1ij34_39):hover {
  background: var(--Grey, #f4f4f4);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  color: var(--Icon-Dark, #34364c);
}
._button_1ij34_1:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 136, 6, 0.12);
}
._lotteryDetail_1g1bl_1 {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  align-items: center;
}
._inlineVideoSection_1g1bl_9 {
  width: 1200px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  line-height: 0;
  display: none;
}
._inlineVideoHeader_1g1bl_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #34364c;
  border-bottom: 1px solid #f0f0f0;
}
._inlineVideoClose_1g1bl_30 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
._inlineVideoClose_1g1bl_30 img {
  width: 18px;
  height: 18px;
}
._inlineVideoContainer_1g1bl_44 {
  position: relative;
  overflow: hidden;
  width: 100%;
}
._inlineVideoFrame_1g1bl_50 {
  display: block;
  border: none;
}
._draw_notice_1g1bl_55 {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 20px auto;
  background: var(--brand-accent);
  padding: 10px 16px;
  box-sizing: border-box;
  gap: 10px;
  color: #1f212f;
  border-radius: 6px;
}
._draw_notice_1g1bl_55 strong {
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
}
._draw_notice_1g1bl_55 ._draw_notice_text_1g1bl_75 {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: stretch;
  gap: 6px;
}
._draw_notice_1g1bl_55 ._draw_notice_label_1g1bl_84 {
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}
._draw_notice_1g1bl_55 ._draw_notice_divider_1g1bl_92 {
  display: block;
  width: 1.5px;
  background-color: var(--brand-accent);
  align-self: stretch;
  min-height: 1em;
  flex-shrink: 0;
}
._draw_notice_1g1bl_55 ._draw_notice_body_1g1bl_100 {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  align-self: center;
}
._draw_notice_1g1bl_55 ._draw_close_icon_1g1bl_107 {
  flex-shrink: 0;
}
._draw_notice_1g1bl_55 ._draw_notice_icon_1g1bl_111 {
  background-color: var(--brand-accent);
  background-repeat: no-repeat;
  background-position: 50%;
  height: 32px;
  width: 32px;
  flex-shrink: 0;
}
._draw_notice_1g1bl_55 ._draw_close_icon_1g1bl_107 {
  background: var(--brand-accent) url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6801%201.81947C11.7801%201.72266%2011.8599%201.60685%2011.9148%201.47878C11.9697%201.35071%2011.9987%201.21295%2012%201.07354C12.0012%200.934136%2011.9748%200.79587%2011.9222%200.666813C11.8697%200.537756%2011.792%200.420493%2011.6938%200.321866C11.5956%200.223239%2011.4787%200.145224%2011.3501%200.0923716C11.2215%200.0395194%2011.0837%200.0128894%2010.9448%200.0140346C10.8058%200.0151799%2010.6684%200.0440777%2010.5407%200.0990422C10.413%200.154007%2010.2975%200.233937%2010.2009%200.334169L6.00593%204.54089L1.81238%200.334169C1.71656%200.231015%201.60101%200.148277%201.47262%200.0908924C1.34423%200.0335075%201.20564%200.00265073%201.06511%200.000163397C0.924573%20-0.00232394%200.78498%200.0236092%200.654655%200.0764151C0.52433%200.129221%200.405942%200.207818%200.306555%200.307518C0.207167%200.407217%200.128816%200.525976%200.0761758%200.656711C0.0235352%200.787445%20-0.00231666%200.927478%200.000162885%201.06845C0.00264243%201.20943%200.0334026%201.34846%200.0906078%201.47725C0.147813%201.60604%200.230291%201.72195%200.333123%201.81807L4.52388%206.02619L0.330332%2010.2329C0.145453%2010.4319%200.0448034%2010.6952%200.0495876%2010.9672C0.0543717%2011.2392%200.164216%2011.4987%200.35598%2011.6911C0.547743%2011.8834%200.806451%2011.9936%201.0776%2011.9984C1.34875%2012.0032%201.61118%2011.9023%201.80959%2011.7168L6.00593%207.51009L10.1995%2011.7182C10.3979%2011.9037%2010.6603%2012.0046%2010.9315%2011.9998C11.2026%2011.995%2011.4613%2011.8848%2011.6531%2011.6925C11.8448%2011.5001%2011.9547%2011.2406%2011.9595%2010.9686C11.9643%2010.6966%2011.8636%2010.4333%2011.6787%2010.2343L7.48797%206.02619L11.6801%201.81947Z'%20fill='%2334364C'/%3e%3c/svg%3e") no-repeat 50%;
  height: 12px;
  width: 12px;
  cursor: pointer;
}
:where(html:not([data-desktop-view=true])) ._lotteryDetail_1g1bl_1 {
  padding: 10px;
  margin-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._inlineVideoSection_1g1bl_9 {
  width: 100%;
  display: block;
}
:where(html:not([data-desktop-view=true])) ._inlineVideoHeader_1g1bl_18 {
  padding: 10px 12px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._draw_notice_1g1bl_55 {
  width: 100%;
  margin: 0 0 10px 0;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._draw_notice_1g1bl_55 strong {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._draw_notice_1g1bl_55 ._draw_notice_text_1g1bl_75 {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._draw_notice_1g1bl_55 ._draw_notice_body_1g1bl_100 {
  font-size: 12px;
}
._lotteryStatistics_q17qm_1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 1200px;
}
._starIcon_q17qm_8 {
  display: none;
}
._lotteryHeader_q17qm_12 {
  display: flex;
  flex-direction: column;
  height: 130px;
  width: 100%;
  justify-content: center;
  margin-top: 50px;
}
._headerRow_q17qm_21 {
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  background: #f9f9f9;
  position: relative;
  padding-inline: 15px;
}
._logoSection_q17qm_32 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
._logo_q17qm_32 {
  width: 90px;
  height: auto;
}
._backgroundImage_q17qm_44 {
  background: url(data:image/webp;base64,UklGRkoKAABXRUJQVlA4WAoAAAAQAAAAIAMAgQAAQUxQSG8EAAABXwAUiD91L4aISIW3Wtu27W2zba7pd/tn2RhUYlAJghwEsRhUDgMXgl0GDYXi9JXf+8+I/jNs2zaMtKWJ/cllMwr06cu3n3/88vvv//8fHt0y1oB1n7789N+//vZ/f/u3l6d2Ykafvn7784+//v63f/fwBnTQff35zz9++f1/n30sdLZh6b58/f7j199+f3YQpmXhPn/76fsvL89OGX2gT9++ff/x62//+u7pWMPYzu7LTz9//+tv7z5yQMF0n7/+9P3hx7iRsQ26r3/5/sv/vDtZGIj06eu3Hz/++uwgEbg1Pn3+9tOPX//l2TmQE8L6/OXbz7/+s5d3RmFHffry7S8/3n0opHJq5tOXbz99f/cRtcuSjvrPz1+//Xh3RmaqwfaH8/s/vTrHuXSyTqL/+vrzs7M0I8s1M92Xn/7x4cdwdowz6r58ffaBAbeD01yfv/6Dh/e2iJ0b7fr85dkZawHaoNO7U7hdkN3MuE9/8vK2MRPO9PJkDtofB1vU3j3eh+0YK1g3D+8Jbn+MOXh3wrmDUZudvTvlg4yThD18bLqAbatY9/BNAIfs7iZ5em87AS1v74VAGxnNPL1nO2CGNu8e7wgQWOP27nGMW2xVhrF3j1YCLGbj6QG1m8ndRbz7sRnMfCgLO29vQf7YSb18bHbNANnrv0HMwWjFuw87pqPZBqO3j2facNaH9dnHHVid6G7ulncn/Z0C5kP08E3a3FpkC3Pv/m0S9MdAOu7dx9igXemCxsOfIoRxCnt6ONlxH9rHZ24fSrgh7NlZZ2RIwlJv39xd54SZceftHTRkT9+CNhsfrkb2+m8faqDh5ZtbptVxWqzl5ctSYj5ItrdvWcpYMD07O1KbdqJ0uZc/zof2SoW6d9/mxpqFnXW9/E1wspuGJO/+zGw2FhywPfuTZslMgCUPb2xX1rAm7tnHyAeD27B5eQ53kWlt7uUHKOTvhObh4yQ0HRNjL8+IKDMf7N1jfchmlyH08OOUaMOlt08QRmssGtzLf3OzGdZM7umXJRy2CYK9OzPYPiyUvTzS4DjGPL9jtsnWtuGe/mExIx9k3t5xd5rB0usfZlik2K1nXwPShL1/uz6MSJFtnj4KCMsHu4ffBiPWgMffB9aaQTLn7S0MhO6wZ2c+iM0HX56a+TDYIGMe3xzZGOnp/ykzwLZxD//fGDINmKdPA7TjA2u9/BIMLFJs7x4vEE3MvL5XWEOrabeXP0Zg+WDCux9X2EgX9PjHElxrS9zjLzGEMaDu4Q8WDGx5fjuQtWEbevlyGOQSE0tPf5rwxxemh4/PZj5YkD39KYmlzD7w/s6wiGPm/W0Bnr51Xfdh0GpyT7+PwN/f492XZrKRAvHybAlmkeZeP2YIspj3rw8GbcH28FsdiAz7kN3D7xjkEhPL0zs0hgF6+PiMYaEg6+Wf5ZSlzMjMyxt8uI+YvTtjPngLjB7+6DqHNWl1crt3x0hYGjg9fF9DdiQLeXxTmEOae3uWTUC7mNXLV9kNg7Zg9uwAAFZQOCC0BQAA0FEAnQEqIQOCAD4pFIhDIaEhEEz8oBgChLS3b1kHNlGl++/WX7saxfXUy+AlkiqA44QY30jcS8YGsLJIocrG/iYhA8OdvufHsD1RLZyNrSTl3nr+IJGK1fkLdYtskcEA+4IV0cnHejEV/Rjbz6rVq+LTqJUcXiP0p/xE+PvArdW/vdc70JBg79dvInj7h35uPsddRFuNzDcoChxek00vjqmxOLK7zEWcP565+BxHku3CiS5MEELzYkD3CCvVpMpMXHi/ynv6FasIKo3YaX9bzGgf89+gbssikGh5SR3LDY4HGRc0jlsCiCtHOhN4pFPa0GZ5MsQsv5uHEAOWlYRle2xO36TtMbe5pA47nRcrj1sf8sNRJdocqCCLAdYBf5hFI3Zm3s7rywpC3XhhKieaqPc8b0fRZZjv6xOji06m+lQYbYnEzas19q/qmOYCLsmoXt2yC39pVIDIgYefoU6aNqkqkLPzWAIGG5p4RCYoYRYlprsXtRazXuOKsySmKy0P9xNPLaPh07g5JLVtxL3kQWLj6xdKAsN9kqxMpBrn41TlbADjKlPZ3YhgPY1HPs7+V6bT0/7U9Nl5mc8EE+QwsAy659SXOadqDNkGp4qM7Uj+k+N2q9RYC5vDfjPkGR0/kZp8unsOJP+OszPDEVs7sQ7gglBcMh2NMrD5qYIHsaRInShcbeQvpp6ltQEA2JJAg4cMKvY/PHx/exUE6WD/YBFf2LPYwoPyiLkRCUTQQh3J17sQwAVcl1g0zaofXSlaPggLkD0WZJka/3gh2uVZJjO+hPMdevPOLJk3Phy0+KhaaL+lh5yz9v7prhCHcnXuxDuDHKSDTQJRm8tz0Gt6lN4gk7yu5lr/tiWMWOGp+80q+f9ZXNAAAP7+pE0ntgQ8cmedZQP5JkfgC5EJ9RtDD8q78LAhz3QLSZeDieAJyCWUqpOir2RWAYdVRtEueF4JkskSw4ERERWwJdq5+mUyWGw9xRxepDwgVg9u37SVLN+H/Pb8DDZB7cBjcyfAovuLnaQKRhm4zb2kE8yzf11YvB6d1uwlMIZHlHDoujTXT+p+MOtPK5gc5/oJbulNOh4Jgt6BvLHuPw4a32jqJR/VV74M1TjykVNgSbk7szD41LGWae4f95BVPwG+WtnLgLtgwhO0HpHqZUl19XQBokL46BBKdgPsd+WpmOnwSPqh2o6Ae/jZUyLvqqhqASTFb1azvPyfX4bkADACUJy3I538LMTq92iasw20bPlUBu5+57FOBdeQcExWVy5ZHJO+oBNHQSerfKmcqCq+ZkJi5/rQjtu4UtxcHlx07FVytGaITcrk4gE9ahkta4Q1q0K3kKMTf6a/1siTmpDMGI1PyPCv7dHyL35xw/ZY9FqvabU/nZN1MFyBPUT3pTnBjYl3D2KghOaHd8t7YZdIXXtBH513A0TtLzmA9EXeBXW8LJEUx/kAoI2N5xb04q4GryA/JN1BKuy1lCnq/fPv47K7BHp857rLvWIosojeeX33hIG6pQbXEnx4cmk/OPmaMb0/XMQTVdAVtZtGe2mckFCaO73F0E8uH6eVqzW7Y5Y4H9a6I0v/ckGemc7Hoon0bwT4QpH+IPrklvpmPyIIDnv5te/+e09Rdby+lM4wVcSJfzmP3QVv/T92Ak+Tng2o6WwUTKMTW3ZTy/1lbbH73rT3tiWH4WcaXIzfCJz+vzA/aaYVsZbR4STEKjKixXhtB462f1nx5+9VUG6Z0bJwFI49NSB0ToQSqr/yX3jGlEah6wwQ4RTUdZIQy/8z/n1NyGn6OPuANqqBo1f7DcDMhOcaaKs7AniFKaeM5hvChFiXCFOPi8pgOs/B9C3itvEme0ZINEI49ZWOGFmXOJ1YBysIR9G/FBnPao2nBrIBerOeAgHsrrPVFDY/ZBMLaHNU2QuIkkUyK3wzzGbWJp+5acgL+8gYpQKAAAA=);
  background-size: cover;
  background-position: center;
  width: 801px;
  height: 130px;
  position: absolute;
  z-index: -1;
  transform: translateX(-50%);
  left: 50%;
}
._infoSection_q17qm_56 {
  display: flex;
  flex-direction: column;
}
._titleRow_q17qm_61 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-weight: 700;
  font-size: 30px;
  color: var(--Icon-Dark, #34364c);
}
._titleRow_q17qm_61 img {
  cursor: pointer;
}
._actionsRow_q17qm_73 {
  display: flex;
  align-items: center;
  gap: 5px;
}
._issueNumber_q17qm_79 {
  width: auto;
  height: 30px;
  border-radius: 6px;
  padding: 6px 10px;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  font-size: 12px;
  color: var(--Grey, #f4f4f4);
}
._videoButton_q17qm_91 {
  width: 56px !important;
}
._soundButton_q17qm_95 {
  width: 123px !important;
}
._carImage_q17qm_99 {
  position: absolute;
  right: 15px;
  z-index: -1;
}
._link_q17qm_105 {
  height: 34px;
  cursor: pointer;
  display: flex;
  margin: auto;
}
._link_q17qm_105._vertical_q17qm_111 {
  height: auto;
}
._link_q17qm_105 ._liveIcon_q17qm_114 {
  width: 80px;
  object-fit: scale-down;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._lotteryStatistics_q17qm_1 {
  background: url(data:image/webp;base64,UklGRtoNAABXRUJQVlA4WAoAAAAQAAAAcQEAOwAAQUxQSOULAAABGTVtGzBdX/lTDoaI/k/ADIPOEQgk7e89Q0SsgAY3yJEkKZKq9kAH1l8lJgHO7re8aTadlV0NB8+ICWAoyUobTUFCeYDpfyCxbSNBksb55/wF7Niy5/ABRIRESZLrtrnIsgAdgCaOD+cXTo0z/+r+7dM752oN4OTk6OBgb6/wd3Z27kexd8h7ccR4JhhIgIeS7rknnAv1BU3jaCZmYF7OBAL9FDAOQjyTCuDtV1MEgg2gQlSAwPHg0aNHT548W/qLV69evVm7d0klRB9aUKxEPBaRtzC8WuEjU18gZBDELUyPRvBxLimt7E/ZC+txunKGl+JeLEB5rV9F4JqlhR3uKwSgflJKWfhrX65Uwxd5dA5EEv8mjxALY5I8Ny6ALaLIL2XmPEXw1hO/A1cqtq+ECygFKgtQCwQOSgiIdC8KKSIYtZIbYAR7uYschHBi+o5mSkGRDLBfVJMBgoOmX5CkuQYf81gJAsGZuUxXXvk5ANmPCDFHaSJGCaGpwX79hcNkKPmZZJMT8mzrIM9RVVBh2cGShTaKO2Fa4GcqraAUQhPo1hcAKO8N7FcgqCVWAKrmgcuCRyR3Ui5r6XVpIl/Xr5cLjRPXeICD+koswF1SPAwhRnEkBvLKluo5n5fbDRCOvTUQLJLUQ/EiZgBkGqBp6m0VZUGCOO+Cu0kLZxCPsMnj4QsUF/TztsJ8vK2nkoz1tVqRRhZMQEjRmKCG0DcQis5Vrbei5ghRv3TuaYLXxTSeqTJr3sxZxAltmgEEjFfQ+qfzWSTIsrsmyxSBjAmCjiSbjDB6HxBkpLm5CMBxR3ltpg1VVRVHoI2RkuUQutFVjeSiEHjEvJ/WjTyFQS6glrYxBZG4LvpF2QJoOZeYd67gEHjO8oaZshUMoiUAGWSYNWapgtmUnH6sfZzTop9+tYRxAJYpI0lqedUBJuaGChtBGOdk0AnVmCp/fxEhqJCwhGYT7q431IW0AB11MS3Apwgf4ET/l8dk/xUKR2Rka85bFvD3PP7gIrKzQ6dAHOcNEIuBZLFpvubRYQSkgoqgOEDLKhTBjuaa4nT5w9uq8/3+1TAmqaLQZLdhis02zDeQZTdeKAF7ACllYU0zDHxSVmg3AqcyywKnK5Laiv7xZM6yOAGKRAoVAZ4GMdNSdYEmSgpPIfDUIQEmfT8wCwLkAIPsjBIVcRUyGBYGcaqJwgTgSANs8M1tiH2BTTDkscsOuELHmF3IQCoZIUxBzsSGbAFkK2+Q1rzBsDH4JCt5VTpZwGCI5+oE8ngFv5WiThDgSFHJAwvJmBF1yyhgMKYetpx0Bam/W14YiFE1f2M8ZbUYVWYKUNS2aoJKUMYVfOFmXiCHj1EiXIDy+u3NLRW5GXRSqxFEXToBw6gu6HtdXKRZIYNlonyAFK8uFMM+OANUJECa99Mrg6tVi9pBYk31FFf86LAJTlW8TqQzDWseyZ4bZINhEISCcATYDgtdH6gDqql+/e8elxtR5BGDIX61IM4MgxJQFtW4k7Y0CoGyCFaDLUCGoK5K5gHQsJmXQHAN3gSlJhzIWPP4+qMirbeq0hmkCcKCRtWOgDCkquvq+yWPDGxhVIXew7JSqI3aLaHIAwg5Gyt68DA1PCaw2kSZXEC1GvIcKYJMvAaMA+RIFwwN1ZUg1tKYvc7EkCoYXETioUMeoH4MFhdXA4WCNBVa6LHttVjdARAibZBJg4cvZrT6MdOFGTs+lclI/3TMAmC9JNhFM33PW0vO8mQMrg3pgTtdWkLEJ0YgybBogLciUDDpnjRuLQBwXpFNnvDSEoEq7InEkOoa3BVSaMSAVvSXk1u1lXn8WEGO0rfkkYrDZUuEoN8y/DkYeWaokCPoU3gdPRg+lCdkKdyZxdVBzQM95z84LdazEcoCL6OYSIMCAyq6GHaDYlqKvMeawRXbv8nWPH/XcZWqYM+zmRZBPzcSJNr+F/EW8x5FQKlC4IAkCDCEYEYhKmoWP6MxCOMyxyEtRXlh+HQNmSYRzbUZBl5VEWjOqwfZWURQOCIep4gfnVazZZV1gcrx94sF/NCcql4BmhSBpqXU8OPJPxgSwVqisXvRfFCVI8GYKGTIvOFvFf/vmNftF7VVCJNnENRCJQgmrdzGHGp0DRUMyttUn1wLbuAUCyN8Q5nSYNB/mj/AuCyVoOUMhKDCPAPCQKxYCAQa7tFpODcv0/K+aiqDBJvqK6iwEbMpcibjCAzzSW6Vgv+Y5bgTBpFEM1VMpBTddRd75PJ4bwxwMaOCvluqZj6d+gJovNweNBzsNxK8s38lAJQ8+bhAAMAIrVWiHsSIThvnUWZKUDAG1aZhVTF8Qyw3r4HpgKEF1eV+w7wEncepVsfq1mYigwCChJiIahUdDCWAgccCqdny8vmycul5W4KlxpnyJkdVFMG931EErN3A37+W9pVCorAUgMjDEOER3KuvR9qToOyl5F6SUnUPq9JQEK4bnBVWEN0/R5XwTDV0H27oPC77h5l+AB7HLY1HI9G4JW7o+O7LIG++fEhlkuEKMo05N8t4i0LlhEIFyQowFW4IyZeTXO/FsLycQgxo+QJs4CiIGhzXUYnl7tkEhVEl92yWJjEH2TA6ZXA444cpASLMxXF67svfLIJxVMskOGRtKZ5Gf5Ham5kLRF4yyFIRKH1uOAkah1jpSFciQAUy4IwzpaFNtw0X1Ug+jvMUBpFgaZFMeWgqtRvik0YkAIazGk3YDEuyCJFRECiA+2JvOav6HmIt/e/DG8aZRabQ1RdMR3mE8Fhbf9DlRj8ubU+IjHv2tCrxqLe3clDoYQgy0txAC4DHwbn/Kt48LU8S4VDub4RiyTOjoMEMNnOUF47rnD+QpAVFFitlUxWhFs2bVwyu8OsoFsBU/OQFqjNhLVeHLC9Ek39sP9jOy5lIsjC67buouAZYUejcQiqsO/cTwAh/cDP/yYUVypJCXkAKQWGiVrXPI5CEa5zPkoz2RBffvxrhmUThKY7qQYtCk+PKtMt9vgHi5pYQRCg5oQEAtMbTCoYKNMRNpoyVQ5orBzRBQAGoDMb1fgTATEev52q8xdcP5IhYAMcJAOAQzwS2sMyn0ohH1Deu5OVMBTGi8j6UouEvVDQBq1kySCMToQnua5wHWhp/XtGzvAT0iojGyZiISJGoBYKhtjO9F9Q/QKOYbtoXwPKmI2mhEvEgXAU8d+BOUHXZ44plJjfA2Oe4JFRzpSJ7UBOGUHirCKBarhnclQWa59yXApd1ByqRlYqtY0XUfoxkZF1bR2p8JopykSUkDQQIg7OQITIJOxHKSIZF5hEBJenqvuKoJR14BKiqZSZkvI4ShMlQGlrNxw/EGPJKTYUz/Y//KO7JBdoDui/QIROFD6dQAbYhpv7YGB3lqhd+7KD4SVvJRQhBcGElpnx4Ag91By175wUccCONXQBrrLzUctyATEqFoCggnRAL4LSo4La1UvHUL/MT9ZMxKZ8GT3LzhggFIrLVlKstQAuNKB8QyXsVVWMXWcyU19mH012mEtWlClTz8hSA/iB8+z2YgFbm3cOREKKMqg0JBkJ4AId8wcAFlBqyYEcPPfe2zKPhUsiVeNpGIAo6ZtuXjaqRC0Bgq2mO1BCs7NEEA0jOKXkZtEBNqCX/VJuIQFBeISlJwzFNdfeGAuY4bx1QYIFuQikEHQH8l+AUJggyszQtZEtOC93X3a83t+Gtl98hcK0F5vO8c3iyvCSQIFXdEgS90VsPYjqeEFs/ASaGHCKHOO0PAovKAK479INItbIAcz6lZiCh1vEqDyzAABfyhNxGYgKoBoWAUCqMAt2nt+VnmEkkAEAN54z5CYxjSlvAw1FgmBgoKBiwK5ARRcgCTA/Rsmv6mcq832oOZQ0Tf2fs/7Zv2C57f3CcA1oKAc6JLgEGwgH6YSa4+NJCLmS8PLOQSK+4/+g9DvdYjJUXl15BaZ+20k7N+AUskAp3gCgl7kouUghUaBnJYNuYdzBdFDYEUftl26yArlrjpwVB/y59kmtAF4RhzOvJd7kQdMZhFADOtqK3OqrOBLREbAByQAczEvIHi739AoVK8Dj7NN7FGNG/tj8AVlA4IM4BAAAwGgCdASpyATwAPikUiEMhoSEhoGlYMAUJaQOwAzQqlDE8Eqa/gDwvEdMB+vLIfqWesogt+KtWokVyGMWA/JgmPc92pl6Wyfl6+1STLqlTn2ZqAYOjyRl07zNJTDXr67+6VwbsvkyuiP6Is4BIhaIcjFH00OQ3U9gu6mMRCcNahdyCtVvH97xDqrRrBm2+JDT6Ay20DQLvXRqmUIgXVWgHSdWPjCxgKFbDR5GFS8v7W2iZdr3y9CefMbVcbvNz+M2Ox830heTb8R4DTLYvlZrgCmWlZ5c/vce6AAD+/qRsWnYoxhFRzM0RP1T90NfboCiF3bjG79Rxal7mAX9FdpguVEmToOlup/xlbIBy/8G8OlEmppbzb/3d31LUROqbJTBE/VhK9JcRkwV5UMNU5ZF4b9ULYmTuKPeaucKr9pj5y8uAF2Q0DxqekZP8Pk3G36kbIGG/1YyYzCVpUak/mzKJMMOUtZDdFBTgfYUxG4qv3I9wrVCh6cR+7f4c2+MBJtk422r4Y6spboyFeR8RytB+E4IGBFFjmlwTkWHAC92aEsDsPiWO780mSNqsPqOFFBZ/xDbR1etTasLzlITrzOJWkVhmr2u7LM4WiGJAAAA=);
  background-size: cover;
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._infoSection_q17qm_56 {
  flex-direction: row;
  width: 100%;
  height: 60px;
}
:where(html:not([data-desktop-view=true])) ._left_q17qm_130 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._right_q17qm_136 {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
:where(html:not([data-desktop-view=true])) ._logo_q17qm_32 {
  width: auto;
  height: 30px;
}
:where(html:not([data-desktop-view=true])) ._titleRow_q17qm_61 {
  font-size: 18px;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._issueNumber_q17qm_79 {
  height: 30px;
  border-radius: 8px;
  padding: 0 8px;
  background: #e9eaf0;
  white-space: nowrap;
  color: var(--Icon-Dark, #34364c);
  font-size: 9px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 5px;
}
:where(html:not([data-desktop-view=true])) ._issueIcon_q17qm_163 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._countdownTimer_q17qm_168 {
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 700;
  gap: 2px;
  border-radius: 8px;
  padding: 0 8px;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  border: 1px solid var(--Icon-Dark, #34364c);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  min-width: 80px;
  justify-content: center;
}
:where(html:not([data-desktop-view=true])) ._timerIcon_q17qm_183 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._timeDisplay_q17qm_188 {
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0.5px;
}
:where(html:not([data-desktop-view=true])) ._drawingStatus_q17qm_195 {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  align-content: center;
  white-space: nowrap;
  animation: _pulse_q17qm_1 1.5s ease-in-out infinite;
}
:where(html:not([data-desktop-view=true])) ._videoButton_q17qm_91 {
  width: 30px !important;
  height: 30px;
  cursor: pointer;
}
@keyframes _pulse_q17qm_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
._lotteryDrawNumber_1r5aa_1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 1200px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  gap: 15px;
  padding: 15px 20px;
  border: 1px solid #ffffff;
  z-index: 1;
}
._drawNumbers_1r5aa_15 {
  width: 534px;
  padding: 20px;
  border-radius: 6px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  background-image: url(data:image/webp;base64,UklGRlgCAABXRUJQVlA4WAoAAAAQAAAAngAAYwAAQUxQSKEBAAABgFZtb93GEAzBEALBEMKgZjAzaBikDDIGGQNDMARDEIRvF9+UVtrPRoQDAWrb5iBJS/cUyROMdnr7z5s2rFtDWL1VCRf2jEY5OmU+rXAUjHTocWK5J0ypRBXw9+79qhPa7u0nQ9n2CRcoCr4+4Rrd5Z66TMkJ5GN4Sp27CMC/YloEjgC6+MRNoItSXlzbPJRyoUU1B4Buz7IMqibZcVaHZTQhbdaGx3iCfypDxtgPVXDoaDeNNk0I/QresSIMem+2rfUAGLgdXPGivilhr2G+oYULkmglbDfMeyEOVCcyLuG4zCfBGjECZtwrJoxEDH6ygc+bDnFHoOJ0Q+t4IhHGyd7Fd5mRWL+ThEE/oWFxOgF6eDORHCRiHAB8m3U+kYB/xiESG04CIIQVLO1zSSIActjA0zGZiOIEU9n2kpjwK2lkcOX7iUSITb06xPZMy14y/19PwL7rJVf0cvFsQl3Y9aJuTKdaZ5qmUeTi2HtY3Sen0h1t9cCVTGKy8g+l5JcncocB/60LL4+l5w6DYozoqvTF/tMrzhjRm8j83qXNGgMAVlA4IJAAAABQCACdASqfAGQAPikUiEMhoSESFAAYAoS0t26A9f8HgX/WZitgWQUNki5ZBQ2SLUJv1OD9Yg2ki1MULNsCucnl2LyZB5eZqPXI8IAA/v7QHAAAKn/ZVv//amf/9i4v//tKwJ5kAC9wd0ACvMiUAB5AZ+5P9L4f//ZAXg7esuXSFYAYn/iv7aZ41NIGbwMIAAA=);
  background-repeat: no-repeat;
  background-position: bottom right;
  gap: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  z-index: 1;
  height: auto;
  min-height: 120px;
}
._drawNumbers_1r5aa_15._noVideo_1r5aa_33 {
  width: 800px;
}
._periodInfo_1r5aa_37 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._sortingToggle_1r5aa_44 {
  display: flex;
  gap: 0;
  align-items: center;
  margin-left: auto;
}
._sortBtn_1r5aa_51 {
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #e0e0e0;
  background: #fff;
  cursor: pointer;
  color: #34364c;
}
._sortBtn_1r5aa_51:first-child {
  border-radius: 6px 0 0 6px;
}
._sortBtn_1r5aa_51:last-child {
  border-radius: 0 6px 6px 0;
}
._sortBtn_1r5aa_51._active_1r5aa_66 {
  background: var(--brand-button-gradient);
  color: #fff;
  border-color: var(--brand-button-gradient);
}
._periodLabel_1r5aa_72 {
  font-size: 18px;
  font-weight: 600;
  color: #34364c;
}
._periodNumber_1r5aa_78 {
  width: fit-content;
  height: 27px;
  border-width: 1px;
  padding: 10px 5px;
  border-radius: 4px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  font-size: 12px;
  color: var(--Icon-Dark, #34364c);
  display: flex;
  align-items: center;
}
._numbersSection_1r5aa_94 {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  list-style: none;
  margin: 0;
  padding: 0;
}
._numbersValue_1r5aa_103 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #cce7ff 0%,
      #0094de 33.2%,
      #007acc 61.54%,
      #005a99 85.73%);
  width: 40px;
  height: 40px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  font-weight: 800;
  font-size: 20px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
._ballWrapper_1r5aa_117 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._numbersValuepk10_1r5aa_123 {
  border-radius: 6px;
}
._dicesValue_1r5aa_127 {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._dicesValue_1r5aa_127 img {
  width: 42px;
  height: 42px;
}
._lhcIconValue_1r5aa_139 {
  width: 42px;
  height: 42px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._lhcIcon_1r5aa_139 {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 0;
}
._lhcNumber_1r5aa_156 {
  position: relative;
  z-index: 1;
  font-weight: 800;
  font-size: 12px;
  color: #34364c;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
._plusSymbol_1r5aa_165 {
  width: 42px;
  height: 42px;
  font-weight: 700;
  font-size: 28px;
  color: #34364c;
  display: flex;
  align-items: center;
  justify-content: center;
}
._escpLastNumber_1r5aa_176 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #ffe8cf 0%,
      #faac57 33.2%,
      #e58317 61.54%,
      #b16006 85.73%);
}
._escpHighNumber_1r5aa_180 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #d3d6ff 0%,
      #4361e8 33.2%,
      #2738cf 61.54%,
      #14269c 85.73%);
}
._redResult_1r5aa_184 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #ffdce3 0%,
      #e35070 33.2%,
      #cc3052 61.54%,
      #91102d 85.73%);
}
._yellowResult_1r5aa_188 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #fff3d8 0%,
      #ffcd63 33.2%,
      #fdbc31 61.54%,
      #be8303 85.73%);
}
._blueResult_1r5aa_192 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #d3eaff 0%,
      #4398e8 33.2%,
      #277ecf 61.54%,
      #145a9c 85.73%);
}
._twwlcResult_1r5aa_196 {
  background:
    radial-gradient(
      90.16% 68.33% at 33.33% 31.67%,
      #e9ffda 0%,
      #95c774 33.2%,
      #6bac40 61.54%,
      #477725 85.73%);
}
._countdown_1r5aa_200 {
  width: 342px;
  height: stretch;
  min-height: 120px;
  padding: 20px;
  border-radius: 6px;
  border-width: 1px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  background-image: url(data:image/webp;base64,UklGRjICAABXRUJQVlA4WAoAAAAQAAAAawAAYwAAQUxQSKYBAAABkBQAbNhGgiAIhmAIghAGM4QwSBnEDFwGKQNDMARBMARtd/Fqyep9LyImAP5HGg8WaSXFTxBYhv3aybsqv+fDNZK3D8/ye0KOPSdUx/KE7hhNEMegvtc8Q37r4RlAar9j9A0A6VH7XQ3wEWPKVyH418dtL1djZq713An9QjpZ3m4nuURnl8lcgjdURbWSJ1RF/Qpe4CUmT3Rh62KUowOnGD5WC01Mn2sFFuMNFwos5hsuE1gWbLgIsixZFimy6LHEIco9p/2aI7RAEGWOAAD7HEZ7rJXgNk+R01wS5Q73NEfIGLJWHYRJ1dgh2nlAk4Rssdo2eMyqppKo46DOErLU1BoM+7RiKIr6axBlekc7WW8fpHmS7DS9OCgKxUwQ9Q7DptDNbHp1gKIZrWS9PCCVZKXqbYOHSrbS9HBQVV5WRL3BsKuwkaBXBlFUuxdpkHTECOnFQfkIYdA8CHp0F+QjlLvDBdST468vUWYj0PWEz7OKdrXSDJh8WXn6sFvZfSAr5ANage5BBbNPD3Y7mwfRDvb1GhjO6yVLtBwHS1BXK2CaFuthDlZQOCBmAAAAUAYAnQEqbABkAD4pEodCoaEKcgAMAUJaQAASr6uKNFpBZwwK2u9ZChTGhh5OIPCFhmGgDBNv7R2j9dAA/v7QHABnf0vh//9kzQkf//jeQbv89XzgVRcABf4/56tZKDge1zwnAAAA);
  background-repeat: no-repeat;
  background-position: bottom right;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  align-items: center;
  z-index: 1;
}
._countdownHeader_1r5aa_218 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
._countdownLabel_1r5aa_225 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}
._countdownDistance_1r5aa_231 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
._countdownTimer_1r5aa_236 {
  display: flex;
  gap: 12px;
  align-items: center;
}
._timeUnit_1r5aa_242 {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
._timeValue_1r5aa_250 {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 36px;
  font-weight: 800;
  color: #ffffff;
  min-width: 80px;
  text-align: center;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
}
._timeLabel_1r5aa_263 {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}
._drawingText_1r5aa_269 {
  font-size: 32px;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  animation: _pulse_1r5aa_1 1.5s ease-in-out infinite;
}
@keyframes _pulse_1r5aa_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
._drawVideo_1r5aa_286 {
  width: 252px;
  height: stretch;
  min-height: 120px;
  padding: 10px 20px;
  border-radius: 6px;
  border-width: 1px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  display: flex;
  flex-direction: row;
  gap: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  align-items: center;
  z-index: 1;
}
._videoInfo_1r5aa_303 {
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._videoThumbnail_1r5aa_310 {
  position: relative;
  width: 130px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
._videoThumbnail_1r5aa_310 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._playButton_1r5aa_324 {
  width: auto;
  height: 30px;
  border-radius: 4px;
  padding: 10px;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  font-size: 14px;
  color: var(--Color, #f9f9f9);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}
._videoLabel_1r5aa_341 {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._lotteryDrawNumber_1r5aa_1 {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
:where(html:not([data-desktop-view=true])) ._sortingToggle_1r5aa_44 {
  width: 100%;
  display: flex;
  gap: 0;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
}
:where(html:not([data-desktop-view=true])) ._sortBtn_1r5aa_51 {
  padding: 3.5px 8px;
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._drawNumbers_1r5aa_15 {
  padding: 10px;
  width: 100%;
  background-image: none;
  min-height: auto;
}
:where(html:not([data-desktop-view=true])) ._drawNumbers_1r5aa_15._noVideo_1r5aa_33 {
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._numbersValue_1r5aa_103 {
  width: 30px;
  height: 30px;
}
:where(html:not([data-desktop-view=true])) ._numbersSection_1r5aa_94 {
  width: 100%;
  justify-content: flex-start;
}
._noResult_1r5aa_385 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  padding: 0 8px;
}
._ballRows_1r5aa_397 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
._ballRow_1r5aa_397 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
._lotteryNavigation_1gfgt_1 {
  width: 1200px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background: var(--Color, #f9f9f9);
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._navigationWrapper_1gfgt_12 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
._navigationScroll_1gfgt_18 {
  display: flex;
  overflow-x: auto;
  padding: 12px 16px;
  gap: 8px;
  scrollbar-width: none;
  flex-wrap: wrap;
}
._navigationItem_1gfgt_27 {
  width: 120px;
  height: 30px;
  border-radius: 4px;
  border-width: 1px;
  padding: 5px 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  font-weight: 500;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
._navigationItem_1gfgt_27._active_1gfgt_44 {
  color: var(--brand-accent);
  border: 1px solid var(--brand-accent);
}
._navigationItem_1gfgt_27:active {
  transform: scale(0.98);
}
._labelFull_1gfgt_52 {
  display: inline;
  color: inherit;
}
._labelShort_1gfgt_57 {
  display: none;
  color: inherit;
}
:where(html:not([data-desktop-view=true])) ._lotteryNavigation_1gfgt_1 {
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._navigationScroll_1gfgt_18 {
  flex-wrap: nowrap;
}
:where(html:not([data-desktop-view=true])) ._navigationItem_1gfgt_27 {
  height: 40px;
}
:where(html:not([data-desktop-view=true])) ._labelFull_1gfgt_52 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._labelShort_1gfgt_57 {
  display: inline;
}
._lotteryAnalytics_1y4h5_1 {
  width: 1200px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin-block: 20px;
}
:where(html:not([data-desktop-view=true])) ._lotteryAnalytics_1y4h5_1 {
  width: 100%;
}
._checkboxWrapper_1pn8m_1 {
  display: flex;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  padding: 10px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  height: 40px;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}
._checkboxWrapper_1pn8m_1 ._checkbox_1pn8m_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 16px;
}
._checkboxWrapper_1pn8m_1 ._checkbox_1pn8m_1 input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 1.5px solid #ccc;
  border-radius: 3px;
  background: #fff;
  transition: background 0.15s, border-color 0.15s;
}
._checkboxWrapper_1pn8m_1 ._checkbox_1pn8m_1 input[type=checkbox]:checked {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3 4.3L6 11.6l-3.3-3.3-1.4 1.4L6 14.4l8.7-8.7z'/%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
._checkboxWrapper_1pn8m_1 ._checkbox_1pn8m_1:hover {
  color: var(--brand-accent);
}
._periodSelector_h1o9c_1 {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
  align-items: center;
}
._btn_h1o9c_8 {
  padding: 0 10px;
  height: 39px;
  font-size: 16px;
  font-weight: 700;
  color: #34364c;
  background: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  white-space: nowrap;
  transition: color 0.15s;
}
._btn_h1o9c_8:hover {
  color: var(--brand-accent);
}
._btnActive_h1o9c_26 {
  background: var(--brand-button-gradient);
  color: #fff;
}
._btnActive_h1o9c_26:hover {
  color: #fff;
}
._toggleBtn_h1o9c_34 {
  font-size: 16px;
  padding: 0 10px;
}
._toggleBtnActive_h1o9c_39 {
  background: #fff3e0;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
._datePickerLabel_h1o9c_44 {
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._btn_h1o9c_8 {
  width: 85.5px;
}
._beadRoadTemplate_177t5_1 ._dan_177t5_1 {
  color: #f82150;
  font-weight: bold;
}
._beadRoadTemplate_177t5_1 ._shuang_177t5_5 {
  color: #34364c;
  font-weight: bold;
}
._beadRoadTemplate_177t5_1 ._green_177t5_9 {
  color: rgb(0, 145, 0);
  font-weight: bold;
}
._beadRoadTemplate_177t5_1 ._pink_177t5_13 {
  color: rgb(255, 47, 255);
  font-weight: bold;
}
@keyframes _lastTextBlink_177t5_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.15;
  }
}
._beadRoadTemplate_177t5_1 ._last_177t5_25 {
  background: #f82150 !important;
  border-radius: 20px;
  width: 28px;
  height: 29px;
  flex-shrink: 0;
}
._beadRoadTemplate_177t5_1 ._last_177t5_25._lastWide_177t5_32 {
  width: 40px;
}
._beadRoadTemplate_177t5_1 ._last_177t5_25._lastWider_177t5_35 {
  width: 54px;
}
._beadRoadTemplate_177t5_1 ._lastText_177t5_38 {
  color: #fff;
  font-weight: bold;
  line-height: 29px;
  text-align: center;
  animation: _lastTextBlink_177t5_1 1s ease-in-out infinite;
}
._beadRoadTemplate_177t5_1 ._beadRoadTemplate_177t5_1 {
  border-radius: 8px;
  margin-bottom: 24px;
}
._beadRoadTemplate_177t5_1 ._header_177t5_49 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
._beadRoadTemplate_177t5_1 ._tabs_177t5_55 {
  height: 70px;
  gap: 30px;
  padding: 0 20px;
  border-radius: 6px;
  display: flex;
  background-color: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
._beadRoadTemplate_177t5_1 ._tab_177t5_55 {
  position: relative;
  align-content: center;
  cursor: pointer;
  transition: color 0.2s ease;
  height: 100%;
  white-space: nowrap;
}
._beadRoadTemplate_177t5_1 ._tab_177t5_55 span {
  font-weight: bold;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
}
._beadRoadTemplate_177t5_1 ._tab_177t5_55._active_177t5_78 span {
  font-weight: 600;
  color: var(--brand-accent);
}
._beadRoadTemplate_177t5_1 ._tab_177t5_55._active_177t5_78::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--brand-accent);
}
._beadRoadTemplate_177t5_1 ._filters_177t5_91 {
  display: flex;
  flex-direction: column;
  opacity: 1;
  border-radius: 6px;
  border-width: 1px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  border-collapse: separate !important;
  border-spacing: 0px;
}
._beadRoadTemplate_177t5_1 ._filterGroup_177t5_108 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._beadRoadTemplate_177t5_1 ._filterGroup_177t5_108 span {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._beadRoadTemplate_177t5_1 ._beadTypeFilterGroup_177t5_122 {
  margin-bottom: 10px;
}
._beadRoadTemplate_177t5_1 ._ballFilterGroup_177t5_125 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._beadRoadTemplate_177t5_1 ._filterLabel_177t5_130 {
  align-self: flex-start;
  height: 40px;
  align-content: center;
  white-space: nowrap;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._beadRoadTemplate_177t5_1 ._ballFilterRight_177t5_142 {
  flex: 1;
  min-width: 0;
}
._beadRoadTemplate_177t5_1 ._filterActions_177t5_146 {
  float: right;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding-left: 10px;
  height: 40px;
}
._beadRoadTemplate_177t5_1 ._ballFilterItem_177t5_155 {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin: 0px 10px 10px 0;
}
._beadRoadTemplate_177t5_1 ._filterActionBtn_177t5_161 {
  background: none;
  border: none;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  text-decoration: underline;
}
._beadRoadTemplate_177t5_1 ._filterActionBtn_177t5_161:hover {
  opacity: 0.75;
}
._beadRoadTemplate_177t5_1 ._filterActionBtn_177t5_161:active {
  opacity: 0.5;
}
._beadRoadTemplate_177t5_1 ._beadRoadTables_177t5_179 {
  display: flex;
  flex-direction: column;
  opacity: 1;
  gap: 20px;
  border-radius: 6px;
  border-width: 1px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border-collapse: separate !important;
  border-spacing: 0px;
}
._beadRoadTemplate_177t5_1 ._datePickerRow_177t5_193 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
._beadRoadTemplate_177t5_1 ._beadRoadTable_177t5_179 {
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border-collapse: separate !important;
  background: var(--Color, #f9f9f9);
  border-radius: 6px;
}
._beadRoadTemplate_177t5_1 ._tableHeader_177t5_205 {
  background: var(--Color, #f4f4f4);
  min-height: 60px;
  height: 60px;
  opacity: 1;
  gap: 5px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._beadRoadTemplate_177t5_1 ._headerLeft_177t5_222 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
._beadRoadTemplate_177t5_1 ._ballName_177t5_228 {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._beadRoadTemplate_177t5_1 ._beadTypeBadge_177t5_237 {
  background: #d9d9d9;
  color: #1f212f;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  width: 62;
  height: 34;
  opacity: 1;
  gap: 10px;
  border-radius: 4px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}
._beadRoadTemplate_177t5_1 ._stats_177t5_255 {
  white-space: nowrap;
  height: 34;
  opacity: 1;
  gap: 10px;
  border-radius: 4px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  background: var(--Dark-2, #1f212f);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
._beadRoadTemplate_177t5_1 ._stats_177t5_255 ._statsVerticalLine_177t5_273 {
  color: #7c7c7c;
}
._beadRoadTemplate_177t5_1 ._stats_177t5_255 ._statsLabel_177t5_276 {
  color: #f4f4f4;
}
._beadRoadTemplate_177t5_1 ._stats_177t5_255 ._statsValue_177t5_279 {
  color: #feb10b;
  margin-left: 4px;
}
._beadRoadTemplate_177t5_1 ._grid_177t5_283 {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  background: var(--Color, #f9f9f9);
  min-height: 200px;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._beadRoadTemplate_177t5_1 ._grid_177t5_283 > :first-child {
  margin-left: auto;
}
._beadRoadTemplate_177t5_1 ._grid_177t5_283::-webkit-scrollbar {
  height: 6px;
}
._beadRoadTemplate_177t5_1 ._grid_177t5_283::-webkit-scrollbar-track {
  background: transparent;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._beadRoadTemplate_177t5_1 ._grid_177t5_283::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 6px;
}
._beadRoadTemplate_177t5_1 ._grid_177t5_283::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.32);
}
._beadRoadTemplate_177t5_1 ._gridCol_177t5_312 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  list-style: none;
  padding: 0 0 10px 0;
  width: 50px;
  border-left: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-right: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-bottom: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._beadRoadTemplate_177t5_1 ._gridCol_177t5_312:last-child {
  border-right: none;
}
._beadRoadTemplate_177t5_1 ._gridCol_177t5_312._highlighted_177t5_327 {
  background: rgba(255, 136, 6, 0.18);
}
._beadRoadTemplate_177t5_1 ._gridCol_177t5_312._gridColWide_177t5_330 {
  width: 65px;
}
._beadRoadTemplate_177t5_1 ._gridColDouble_177t5_333 {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  border-left: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-right: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-bottom: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._beadRoadTemplate_177t5_1 ._gridColDouble_177t5_333:last-child {
  border-right: none;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2509803922);
}
._beadRoadTemplate_177t5_1 ._gridColDouble_177t5_333._highlighted_177t5_327 {
  background: rgba(255, 136, 6, 0.18);
}
._beadRoadTemplate_177t5_1 ._gridColSub_177t5_349 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  list-style: none;
  padding: 0 0 10px 0;
  width: auto;
  margin: 0 6px;
}
._beadRoadTemplate_177t5_1 ._gridli_177t5_358 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.5px auto 0px auto;
  font-weight: 500;
  color: #34364c;
  flex-shrink: 0;
}
._beadRoadTemplate_177t5_1 ._gridli_177t5_358._dan_177t5_1 {
  color: #f82150;
}
._beadRoadTemplate_177t5_1 ._gridli_177t5_358._green_177t5_9 {
  color: rgb(0, 145, 0);
}
._beadRoadTemplate_177t5_1 ._gridli_177t5_358._pink_177t5_13 {
  color: rgb(255, 47, 255);
}
._beadRoadTemplate_177t5_1 ._gridli_177t5_358:first-child {
  margin-top: 10px;
}
._beadRoadTemplate_177t5_1 ._gridCell_177t5_379 {
  width: 50px;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  gap: 5px;
}
._beadRoadTemplate_177t5_1 ._controls_177t5_389 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._beadRoadTemplate_177t5_1 ._controls_177t5_389 span {
  color: #34364c;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
._beadRoadTemplate_177t5_1 ._confirmBtn_177t5_403 {
  padding: 0 16px;
  width: 52px;
  height: 39px;
  opacity: 1;
  gap: 20px;
  border-radius: 4px;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #34364c;
  background: var(--brand-button-gradient);
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  white-space: nowrap;
  transition: color 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
}
._beadRoadTemplate_177t5_1 ._btnGroup_177t5_426 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
._beadRoadTemplate_177t5_1 ._btn_177t5_426 {
  padding: 0 14px;
  height: 40px;
  color: #34364c;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s, color 0.15s;
}
._beadRoadTemplate_177t5_1 ._btn_177t5_426:focus,
._beadRoadTemplate_177t5_1 ._btn_177t5_426:focus-visible {
  outline: none;
  color: #34364c;
  background: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._beadRoadTemplate_177t5_1 ._btn_177t5_426:active {
  outline: none;
}
._beadRoadTemplate_177t5_1 ._btnActive_177t5_460 {
  background: var(--brand-button-gradient);
  color: #f9f9f9;
}
._beadRoadTemplate_177t5_1 ._btnActive_177t5_460:focus,
._beadRoadTemplate_177t5_1 ._btnActive_177t5_460:focus-visible {
  outline: none;
  background: var(--brand-button-gradient);
  color: #f9f9f9;
}
._beadRoadTemplate_177t5_1 ._btnActive_177t5_460:active {
  outline: none;
}
._beadRoadTemplate_177t5_1 ._periodLabel_177t5_472 {
  font-family: Inter;
  font-weight: 700 !important;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
._beadRoadTemplate_177t5_1 ._countSelect_177t5_480 {
  width: 60px;
  min-width: 60px;
  font-weight: 700;
}
._beadRoadTemplate_177t5_1 ._countInput_177t5_485 {
  min-width: 60px;
  width: 60px;
  height: 39px;
  gap: 20px;
  text-align: center;
  opacity: 1;
  border-radius: 4px;
  border-width: 1px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #34364c;
  appearance: textfield;
  -moz-appearance: textfield;
}
._beadRoadTemplate_177t5_1 ._countInput_177t5_485::-webkit-outer-spin-button,
._beadRoadTemplate_177t5_1 ._countInput_177t5_485::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._beadRoadTemplate_177t5_1 ._typeSelect_177t5_512 {
  width: 82px;
  min-width: 70px;
}
._beadRoadTemplate_177t5_1 ._tabs_177t5_55._hasWarning_177t5_516,
._beadRoadTemplate_177t5_1 ._filters_177t5_91._hasWarning_177t5_516 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
._beadRoadTemplate_177t5_1 ._filters_177t5_91._hasWarning_177t5_516._hasTabs_177t5_521 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
._beadRoadTemplate_177t5_1 ._warningBoxConnected_177t5_525 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
}
._beadRoadTemplate_177t5_1 ._errorBanner_177t5_530 {
  background: #fff2f0;
  border: 1px solid #ffccc7;
  color: #cf1322;
  border-radius: 4px;
  padding: 8px 14px;
  margin-bottom: 12px;
  font-size: 13px;
}
._beadRoadTemplate_177t5_1 ._mobilePeriod_177t5_539 {
  padding: 10px 16px 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._beadRoadTemplate_177t5_1 ._filterFab_177t5_545 {
  height: 40px;
  width: 97px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--brand-button-gradient);
  border: 1px solid var(--brand-accent);
  color: var(--brand-button-color);
  font-size: 14px;
  font-weight: 700;
  border: none;
  border-radius: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  white-space: nowrap;
}
._beadRoadTemplate_177t5_1 ._filterFab_177t5_545 img {
  width: 20px;
  height: 20px;
}
._beadRoadTemplate_177t5_1 ._gridLoading_177t5_572 {
  background:
    linear-gradient(
      90deg,
      var(--Color, #f9f9f9) 25%,
      #e8e8e8 50%,
      var(--Color, #f9f9f9) 75%);
  background-size: 200% 100%;
  animation: _gridShimmerAnim_177t5_1 1.5s ease-in-out infinite;
  border-radius: 4px;
}
@keyframes _gridShimmerAnim_177t5_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._warningBox_177t5_525 {
  margin-bottom: 15px;
  border-radius: 4px;
  padding: 15px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._tabs_177t5_55._hasWarning_177t5_516 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._warningBoxConnected_177t5_525 {
  border-radius: 4px !important;
  margin-bottom: 20px !important;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._dan_177t5_1 {
  font-weight: 500;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._shuang_177t5_5 {
  font-weight: 500;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._green_177t5_9 {
  font-weight: 500;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._pink_177t5_13 {
  font-weight: 500;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._grid_177t5_283 {
  min-height: 170px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._grid_177t5_283::-webkit-scrollbar-track {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._gridli_177t5_358 {
  font-size: 14px;
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._tabs_177t5_55 {
  height: auto;
  padding: 0 12px;
  gap: 0;
  overflow-x: auto;
  justify-content: flex-start;
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._tab_177t5_55 {
  width: auto;
  height: 50px;
  padding: 0 12px;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._tab_177t5_55 span {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._filters_177t5_91 {
  padding: 12px;
  height: auto;
  gap: 8px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._filterGroup_177t5_108 {
  flex-wrap: wrap;
  gap: 6px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._filterGroup_177t5_108 span {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._beadRoadTables_177t5_179 {
  padding: 10px;
  gap: 10px;
  border-radius: 4px;
  background: var(--Color, #f9f9f9);
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._beadRoadTables_177t5_179._hasTabs_177t5_521 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._beadRoadTable_177t5_179 {
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._tableHeaderMobile_177t5_673 {
  height: auto;
  min-height: unset;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._headerLeft_177t5_222 {
  flex-wrap: wrap;
  gap: 6px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._ballName_177t5_228 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._beadTypeBadge_177t5_237 {
  font-size: 14px;
  font-weight: 700;
  padding: 8px 10px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._stats_177t5_255 {
  font-size: 14px;
  padding: 8px 10px;
  white-space: normal;
  font-weight: 500;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 5px;
  row-gap: 5px;
  line-height: 100%;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._stats_177t5_255 ._statsLabel_177t5_276 {
  font-size: 14px;
  line-height: 100%;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._stats_177t5_255 ._statsValue_177t5_279 {
  font-size: 14px;
  line-height: 100%;
  margin-left: 0;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._controls_177t5_389 {
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._controls_177t5_389 span {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._countInput_177t5_485 {
  width: 70px;
  min-width: 50px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._confirmBtn_177t5_403 {
  height: 34px;
  font-size: 13px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._btn_177t5_426 {
  width: 66.4px;
  height: 40px;
  font-size: 16px;
  padding: 0 10px;
  color: #34364c;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._btnActive_177t5_460 {
  background: #fff;
  color: var(--brand-accent);
  border: 1px solid var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._gridCol_177t5_312 {
  width: 42px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._gridCol_177t5_312._gridColWide_177t5_330 {
  width: 54px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._gridColSub_177t5_349 {
  width: 32px;
  margin: 0;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._gridCell_177t5_379 {
  width: 42px;
  min-width: 38px;
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._last_177t5_25 {
  width: 24px;
  min-height: 24px;
  height: 24px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._last_177t5_25._lastWide_177t5_32 {
  width: 34px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._last_177t5_25._lastWider_177t5_35 {
  width: 46px;
}
:where(html:not([data-desktop-view=true])) ._beadRoadTemplate_177t5_1 ._lastText_177t5_38 {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: auto;
}
._overlay_1xq77_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200;
}
@keyframes _slideUp_1xq77_1 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
._sheet_1xq77_16 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background: #fff;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  animation: _slideUp_1xq77_1 0.25s ease;
}
._sheetHeader_1xq77_30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px;
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._sheetHeader_1xq77_30 span {
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._sheetConfirm_1xq77_48 {
  background: none;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 400;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
._sheetBody_1xq77_59 {
  flex: 1;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._sheetGroup_1xq77_68 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._sheetLabel_1xq77_74 {
  font-size: 14px;
  font-weight: 600;
  color: #34364c;
}
._sheetLabelRow_1xq77_80 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._sheetLabelActions_1xq77_86 {
  display: flex;
  gap: 10px;
}
._sheetActionBtn_1xq77_91 {
  background: none;
  border: none;
  color: #aeadad;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
._sheetActionBtn_1xq77_91:hover {
  opacity: 0.75;
}
._sheetOptions_1xq77_105 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
._btn_1xq77_111 {
  min-width: 66.4px;
  height: 40px;
  font-size: 16px;
  padding: 0 10px;
  color: #34364c;
  font-family: Inter;
  font-weight: 700;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s, color 0.15s;
}
._btn_1xq77_111:focus,
._btn_1xq77_111:focus-visible {
  outline: none;
}
._btn_1xq77_111:active {
  outline: none;
}
._btnActive_1xq77_135 {
  background: #fff;
  color: var(--brand-accent);
  border: 1px solid var(--brand-accent);
}
._btnActive_1xq77_135:focus,
._btnActive_1xq77_135:focus-visible {
  outline: none;
  color: var(--brand-accent);
}
._periodBtn_1xq77_145 {
  width: 85.5px;
  height: 40px;
  border-radius: 4px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #34364c;
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 0.15s, color 0.15s;
}
._periodBtn_1xq77_145:focus,
._periodBtn_1xq77_145:focus-visible {
  outline: none;
}
._periodBtn_1xq77_145:active {
  outline: none;
}
._periodBtnActive_1xq77_170 {
  border: 1px solid var(--brand-accent);
  color: var(--brand-accent);
}
._periodLabel_1xq77_175 {
  font-family: Inter;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
._emptyState_1jpi4_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  border-radius: 6px;
  min-height: 200px;
}
._icon_1jpi4_14 {
  width: 90px;
  height: 90px;
  object-fit: contain;
  margin-bottom: 20px;
}
._title_1jpi4_21 {
  font-size: 40px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  margin-bottom: 10px;
}
._subtitle_1jpi4_28 {
  font-size: 16px;
  font-weight: 500;
  color: #7c7c7c;
  margin: 0;
}
:where(html:not([data-desktop-view=true])) ._emptyState_1jpi4_1 {
  border-radius: 0px 0px 4px 4px;
}
:where(html:not([data-desktop-view=true])) ._icon_1jpi4_14 {
  margin-bottom: 10px;
}
:where(html:not([data-desktop-view=true])) ._title_1jpi4_21 {
  font-size: 24px;
  margin-bottom: 10px;
}
:where(html:not([data-desktop-view=true])) ._subtitle_1jpi4_28 {
  font-size: 14px;
}
._trendChartTemplate_m94h5_1 {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
._trendChartTemplate_m94h5_1 ._loading_m94h5_6,
._trendChartTemplate_m94h5_1 ._error_m94h5_7,
._trendChartTemplate_m94h5_1 ._empty_m94h5_8 {
  padding: 60px 20px;
  text-align: center;
  color: #666;
  font-size: 16px;
}
._trendChartTemplate_m94h5_1 ._error_m94h5_7 {
  color: #f56c6c;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 {
  padding: 15px 20px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  gap: 20px;
  margin-bottom: 20px;
  border-radius: 6px;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._rankTabs_m94h5_26 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._rankTabs_m94h5_26 ._rankTab_m94h5_26 {
  background-color: #fff;
  color: #34364c;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  line-height: 100%;
  letter-spacing: 0%;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  height: 40px;
  border-radius: 4px;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._rankTabs_m94h5_26 ._rankTab_m94h5_26 span {
  font-size: 16px !important;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._rankTabs_m94h5_26 ._rankTab_m94h5_26:hover {
  border-color: var(--brand-accent);
  color: var(--brand-accent);
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._rankTabs_m94h5_26 ._rankTabActive_m94h5_52 {
  background: var(--brand-button-gradient);
  color: #fff;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._rankTabs_m94h5_26 ._rankTabActive_m94h5_52:hover {
  border-color: #fff;
  color: #fff;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._rankTabs_m94h5_26 ._rankTabActive_m94h5_52 span {
  color: #fff !important;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  border-radius: 4px;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._filterGroup_m94h5_71 {
  display: flex;
  gap: 11px;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 0;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._filterActions_m94h5_78 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding-left: 10px;
  height: 40px;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._filterActionBtn_m94h5_86 {
  background: none;
  border: none;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  text-decoration: underline;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._filterActionBtn_m94h5_86:hover {
  opacity: 0.75;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._filterActionBtn_m94h5_86:active {
  opacity: 0.5;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._codeFilter_m94h5_104 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._codeFilter_m94h5_104 ._codeFilterLabel_m94h5_111 {
  font-size: 16px;
  font-weight: 700;
  color: #34364c;
  white-space: nowrap;
  margin-right: 4px;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._filterCheckbox_m94h5_118 {
  width: span;
  width-font-size: 16px !important;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._actions_m94h5_122 {
  display: flex;
  gap: 10px;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._actions_m94h5_122 ._actionBtn_m94h5_126 {
  padding: 6px 16px;
  font-size: 14px;
  color: var(--brand-accent);
  background: transparent;
  border: 1px solid var(--brand-accent);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 ._controls_m94h5_63 ._actions_m94h5_122 ._actionBtn_m94h5_126:hover {
  color: #fff;
  background: var(--brand-accent);
}
._trendChartTemplate_m94h5_1 ._mobileTabs_m94h5_140 {
  display: flex;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-radius: 4px 4px 0 0;
  padding: 0px 15px;
}
._trendChartTemplate_m94h5_1 ._mobileTabs_m94h5_140::-webkit-scrollbar {
  display: none;
}
._trendChartTemplate_m94h5_1 ._mobileTab_m94h5_140 {
  flex-shrink: 0;
  padding: 12px 20px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.15s, border-color 0.15s;
  height: 60px;
}
._trendChartTemplate_m94h5_1 ._mobileTab_m94h5_140:focus,
._trendChartTemplate_m94h5_1 ._mobileTab_m94h5_140:focus-visible {
  outline: none;
}
._trendChartTemplate_m94h5_1 ._mobileTabActive_m94h5_173 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
}
._trendChartTemplate_m94h5_1 ._filterFab_m94h5_177 {
  height: 40px;
  width: 97px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--brand-button-gradient);
  border: 1px solid var(--brand-accent);
  color: var(--brand-button-color);
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  white-space: nowrap;
}
._trendChartTemplate_m94h5_1 ._filterFab_m94h5_177 img {
  width: 20px;
  height: 20px;
}
._trendChartTemplate_m94h5_1 ._sheetBtn_m94h5_203 {
  width: 85.5px;
}
._trendChartTemplate_m94h5_1 ._warningContainerWrapper_m94h5_206 + ._filterWrapper_m94h5_17 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
._trendChartTemplate_m94h5_1 ._warningNoBottomRadius_m94h5_210 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
._trendChartTemplate_m94h5_1 ._filterWrapper_m94h5_17 + ._warningContainer_m94h5_206 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
._trendChartTemplate_m94h5_1 ._mobileTabs_m94h5_140 + ._tableWrapper_m94h5_218 {
  border-radius: 0 0 6px 6px;
}
._trendChartTemplate_m94h5_1 ._datePickerRow_m94h5_221 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 0 0 10px 0;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
  max-height: 75vh;
  scrollbar-gutter: stable;
  will-change: scroll-position;
  padding: 20px;
  background: #fff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  background: #fff;
  min-width: 0;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247._autoLayout_m94h5_256 {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr {
  background: #f9f9f9;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th {
  padding: 10px 5px;
  font-weight: 600;
  color: #333;
  text-align: center;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 16px;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._sumHeader_m94h5_276 {
  background: #ffe0b2;
  color: var(--brand-accent);
  font-weight: 600;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 {
  color: #000000;
  font-weight: 600;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 ._toggleHeaderBtns_m94h5_285 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 ._toggleHeaderBtn_m94h5_285 {
  padding: 0 10px;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: #34364c;
  background: #fff;
  border: none;
  border-radius: 0;
  cursor: pointer;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  white-space: nowrap;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 ._toggleHeaderBtn_m94h5_285:first-child {
  border-radius: 4px 0 0 4px;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 ._toggleHeaderBtn_m94h5_285:last-child {
  border-radius: 0 4px 4px 0;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 ._toggleHeaderBtn_m94h5_285:hover {
  color: #ff9800;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 ._toggleHeaderBtn_m94h5_285._toggleHeaderBtnActive_m94h5_312 {
  background: var(--brand-button-gradient);
  color: #fff;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._groupHeader_m94h5_281 ._toggleHeaderBtn_m94h5_285._toggleHeaderBtnActive_m94h5_312:hover {
  color: #fff;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._trendHeaderCol_m94h5_319 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr:hover {
  background: #f0f7ff;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td {
  padding: 10px 5px;
  text-align: center;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  width: auto;
  color: #34364c;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td span {
  font-size: inherit;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td ._mobileBreakCell_m94h5_348 {
  display: block;
  text-align: center;
  line-height: 1.4;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td ._mobileBreakCell_m94h5_348 ._mobileBreakLine_m94h5_353 {
  font-size: 11px;
  display: block;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._drawNumbers_m94h5_357 {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  letter-spacing: 0;
  white-space: nowrap;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._drawNumbers_m94h5_357 ._numbersRow_m94h5_367 {
  display: inline-flex;
  align-items: center;
  gap: var(--numbers-gap, 2px);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._drawNumbers_m94h5_357 ._rankNumber_m94h5_372 {
  font-family: Inter;
  font-weight: 700;
  font-size: inherit;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._drawNumbers_m94h5_357 ._rankHighlightedNumber_m94h5_377 {
  font-family: Inter;
  font-weight: 700;
  font-size: inherit;
  color: var(--brand-accent);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._drawNumbers_m94h5_357 ._sumCircle_m94h5_383 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #feb10b;
  color: #fff;
  border-radius: 50%;
  border: 2px solid transparent;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  padding: 0;
  position: relative;
  z-index: 2;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._drawNumbers_m94h5_357 ._sumSquare_m94h5_401 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  width: auto;
  height: 26px;
  background: #feb10b;
  color: #fff;
  border-radius: 2px;
  border: 2px solid transparent;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  padding: 5px;
  position: relative;
  z-index: 2;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._drawNumbers_m94h5_357 ._sumNone_m94h5_420 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  width: auto;
  height: 26px;
  color: #34364c;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  padding: 5px;
  position: relative;
  z-index: 2;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._rankNumberCell_m94h5_435 {
  font-family: Inter;
  font-weight: 700;
  font-size: 14px;
  color: var(--brand-accent);
  text-align: center;
  background: #fff;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._sumValue_m94h5_443 {
  background: #fff3e0;
  font-weight: 700;
  color: var(--brand-accent);
  font-size: 14px;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 {
  position: relative;
  min-width: 39.09px;
  width: auto;
  height: 50px;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449._highlighted_m94h5_455 {
  background: transparent;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._sumCircle_m94h5_383 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #feb10b;
  color: #fff;
  border-radius: 50%;
  border: 2px solid transparent;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  padding: 0;
  z-index: 2;
  position: relative;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._sumSquare_m94h5_401 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  width: auto;
  height: 26px;
  background: #feb10b;
  color: #fff;
  border-radius: 2px;
  border: 2px solid transparent;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  padding: 5px;
  z-index: 2;
  position: relative;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._sumNone_m94h5_420 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  width: auto;
  height: 26px;
  color: #34364c;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  padding: 5px;
  position: relative;
  z-index: 2;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._hitCountBadge_m94h5_510 {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 14px;
  height: 14px;
  background: rgb(255, 5, 84);
  color: #fff;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  padding: 0 2px;
  box-sizing: border-box;
  z-index: 3;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._missingValue_m94h5_529 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449._missingValueHighlight_m94h5_538 {
  background: #9595c5 !important;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449._missingValueHighlight_m94h5_538 span {
  color: #fff !important;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tr._dividerRow_m94h5_544 td {
  border-bottom: 2px solid #d0d0d0;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot {
  position: relative;
  z-index: 0;
  font-size: 12px;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsHeaderLabel_m94h5_552 {
  font-weight: 600;
  font-size: 16px;
  color: #34364c;
  text-align: center;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsHeaderCell_m94h5_561 {
  padding: 10px 5px;
  font-weight: 600;
  font-size: 16px;
  color: #34364c;
  text-align: center;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsHeaderCell_m94h5_561._trendHeaderCol_m94h5_319 {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsLabel_m94h5_579 {
  padding: 10px 5px;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  text-align: center;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsCell_m94h5_588 {
  padding: 10px 5px;
  text-align: center;
  color: #34364c;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  font-weight: 500;
  font-size: 14px;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendLines_m94h5_597 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendLines_m94h5_597 ._trendLine_m94h5_597 {
  stroke: #feb10b;
  stroke-width: 2;
  fill: none;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 {
  padding: 0px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._warningContainerWrapper_m94h5_206 {
  margin-bottom: 20px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._controls_m94h5_63 {
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._controls_m94h5_63 ._filterGroup_m94h5_71 {
  flex-wrap: wrap;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._controls_m94h5_63 ._actions_m94h5_122 {
  justify-content: flex-end;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableContainer_m94h5_629 {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: visible;
  padding: 15px;
  background: #fff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 {
  padding: 0px;
  border-radius: 4px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 {
  display: block;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 {
  width: 100%;
  min-width: max-content;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead ._mobileStickyFirstCol_m94h5_651 {
  position: sticky;
  z-index: 3;
  background-color: #f9f9f9;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr ._mobileStickyFirstCol_m94h5_651 {
  position: sticky;
  z-index: 3;
  background-color: #fff;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr:hover ._mobileStickyFirstCol_m94h5_651 {
  background-color: #f0f7ff;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr ._mobileStickyFirstCol_m94h5_651 {
  position: sticky;
  z-index: 2;
  background-color: var(--Color, #f9f9f9);
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 {
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th {
  font-size: 14px;
  padding: 10px 0px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 thead tr th._trendHeaderCol_m94h5_319 {
  font-size: 14px;
  font-weight: 600;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td {
  font-size: 11px;
  padding: 0px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td span {
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td ._mobileBreakCell_m94h5_348 {
  display: block;
  text-align: center;
  line-height: 1.4;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td ._mobileBreakCell_m94h5_348 ._mobileBreakLine_m94h5_353 {
  font-size: 11px;
  display: block;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._sumValue_m94h5_443 {
  font-weight: 600;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 {
  width: 24px;
  height: 34px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._sumCircle_m94h5_383 {
  width: 20px;
  height: 20px;
  font-weight: 600;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._sumSquare_m94h5_401 {
  min-width: 20px;
  width: auto;
  height: 20px;
  font-size: 11px;
  padding: 0px 3px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._sumNone_m94h5_420 {
  min-width: 20px;
  width: auto;
  height: 20px;
  font-size: 11px;
  padding: 0px 3px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._hitCountBadge_m94h5_510 {
  top: -4px;
  right: -4px;
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  font-size: 9px;
  line-height: 11px;
  background: rgb(255, 5, 84) !important;
  color: #fff !important;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._hitCountBadge_m94h5_510 {
  top: -4px;
  right: -4px;
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  font-size: 9px;
  line-height: 11px;
  background: rgb(255, 5, 84) !important;
  color: #fff !important;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._hitCountBadge_m94h5_510 {
  top: -4px;
  right: -4px;
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  font-size: 9px;
  line-height: 11px;
  background: rgb(255, 5, 84) !important;
  color: #fff !important;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._trendCell_m94h5_449 ._missingValue_m94h5_529 {
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tbody tr td._rankNumberCell_m94h5_435 {
  font-size: 11px;
  background: #fff;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot {
  position: relative;
  z-index: 0;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsHeaderLabel_m94h5_552 {
  font-weight: 600;
  font-size: 14px;
  color: #34364c;
  text-align: center;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsHeaderCell_m94h5_561 {
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  color: #34364c;
  text-align: center;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsHeaderCell_m94h5_561._trendHeaderCol_m94h5_319 {
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsLabel_m94h5_579 {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  text-align: center;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendTable_m94h5_247 tfoot tr td._statsCell_m94h5_588 {
  padding: 8px 0px;
  text-align: center;
  color: #34364c;
  font-size: 11px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendLines_m94h5_597 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._trendLines_m94h5_597 ._trendLine_m94h5_597 {
  stroke: #feb10b;
  stroke-width: 2;
  fill: none;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._lazyLoadSentinel_m94h5_823 {
  width: 100%;
  height: 1px;
  margin-top: 4px;
}
:where(html:not([data-desktop-view=true])) ._trendChartTemplate_m94h5_1 ._tableWrapper_m94h5_218 ._tableInner_m94h5_242 ._loadingMore_m94h5_828 {
  width: 100%;
  text-align: center;
  color: #999;
  font-size: 12px;
  padding: 8px 0;
}
._wrapper_17053_1 {
  border: 1px solid #e0e0e0;
  margin: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._chart_17053_8 {
  width: 100%;
  height: 280px;
}
._container_hi4uj_1 {
  background: var(--Color, #f9f9f9);
  border-radius: 6px;
  padding: 15px 20px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._rulesRow_hi4uj_9 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 11px;
}
._ruleItem_hi4uj_16 {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}
._ruleWrap_hi4uj_23 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--Grey, #f4f4f4);
  padding: 8px 15px;
  border-radius: 4px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._ruleLabel_hi4uj_34 {
  font-size: 16px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
._ruleText_hi4uj_41 {
  font-size: 16px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
._numDisplay_hi4uj_48 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 32px;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  user-select: none;
}
._colorDot_hi4uj_65 {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
._removeBtn_hi4uj_72 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
}
._addBtn_hi4uj_84 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 8px 15px;
  background: var(--Grey, #f4f4f4);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  height: 50px;
}
._confirmBtn_hi4uj_97 {
  padding: 10px;
  color: var(--Grey, #f4f4f4);
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffb365 0%,
      #ff9425 57.26%,
      #f28513 98.78%);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._mobileLegend_hi4uj_111 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._mobileLegendTitle_hi4uj_117 {
  font-size: 16px;
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
._mobileLegendBadges_hi4uj_123 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
._mobileLegendBadge_hi4uj_123 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  flex: 1;
}
._error_1l0c7_1 {
  padding: 20px;
  text-align: center;
  color: #f12d35;
}
._dragonTigerStats_1l0c7_7 {
  background: transparent;
}
._dtTableContainer_1l0c7_11 {
  padding: 20px;
  border-radius: 6px;
  overflow-x: auto;
  margin-top: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._dtStatsTable_1l0c7_21 {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
}
._dtStatsTable_1l0c7_21 thead {
  background: var(--Color, #f9f9f9);
}
._dtStatsTable_1l0c7_21 thead tr th {
  padding: 10px 5px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
._dtStatsTable_1l0c7_21 tbody tr td {
  padding: 10px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: var(--Icon-Dark, #34364c);
}
._dateCell_1l0c7_48 {
  font-weight: 500;
  color: #333;
  min-width: 100px;
}
._dateYear_1l0c7_54 {
  font-size: 14px;
  font-weight: 500;
}
._dateYear_1l0c7_54::after {
  content: "-";
}
._dateMonthDay_1l0c7_62 {
  display: inline;
  font-size: 14px;
  font-weight: 500;
}
._dragonHeader_1l0c7_68 {
  color: #f82150;
}
._tigerHeader_1l0c7_72 {
  color: #34364c;
}
._numCell_1l0c7_76 {
  min-width: 29px;
}
._todayNumberStats_1l0c7_80 {
  border-radius: 4px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._tnTableContainer_1l0c7_91 {
  padding: 20px;
  border-radius: 6px;
  overflow-x: auto;
  margin-top: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._tnStatsTable_1l0c7_101 {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
._tnStatsTable_1l0c7_101 thead {
  background: var(--Color, #f9f9f9);
}
._tnStatsTable_1l0c7_101 thead tr th {
  padding: 10px 5px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  min-width: 50px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  height: 50px;
}
._tnStatsTable_1l0c7_101 tbody tr td {
  padding: 5px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: var(--Icon-Dark, #34364c);
}
._tnBallHeader_1l0c7_129 {
  min-width: 60px;
  font-size: 16px;
}
._tnBallHeaderCol_1l0c7_134 {
  width: 150px;
}
._tnRankHeader_1l0c7_138 {
  font-size: 14px;
  font-weight: 600;
}
._tnSubHeader_1l0c7_143 {
  font-size: 13px;
  font-weight: 500;
  color: #666;
  min-width: 36px;
}
._tnBallCell_1l0c7_150 {
  padding: 6px 8px;
  text-align: center;
  vertical-align: middle;
}
._tnNumCell_1l0c7_156 {
  min-width: 36px;
  font-size: 14px;
  font-weight: 500;
}
._tnMobileCardList_1l0c7_162 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._tnMobileTable_1l0c7_168 {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  background: #fff;
}
._tnMobileTable_1l0c7_168 + ._tnMobileTable_1l0c7_168 {
  border-top: 1px solid #e6e6e6;
}
._tnMobileTable_1l0c7_168 thead tr th {
  height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #000000;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
._tnMobileTable_1l0c7_168 thead tr th:first-child {
  width: 50px;
}
._tnMobileTable_1l0c7_168 thead tr th:last-child {
  border-right: none;
}
._tnMobileTable_1l0c7_168 tbody tr td {
  height: 48px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  white-space: nowrap;
  padding: 10px 5px;
}
._tnMobileTable_1l0c7_168 tbody tr td:last-child {
  border-right: none;
}
._tnMobileRowLabel_1l0c7_207 {
  font-size: 14px;
  font-weight: 700 !important;
  color: #34364c;
  text-align: center;
  width: 1%;
  white-space: nowrap;
  padding: 0 6px;
}
._tnMobileBallTh_1l0c7_217 {
  font-size: 14px;
  font-weight: 600;
  color: #34364c;
}
._tnMobileNumCell_1l0c7_223 {
  font-size: 12px;
  font-weight: 500;
}
._twoSidedStats_1l0c7_228 {
  background: transparent;
}
._positionSelector_1l0c7_232 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 15px 20px;
  border-radius: 0 0 6px 6px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._tabsScrollWrapper_1l0c7_246 {
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
}
._tabsScrollWrapper_1l0c7_246::-webkit-scrollbar {
  display: none;
}
._tabs_1l0c7_246 {
  display: flex;
  gap: 11px;
  min-width: max-content;
}
._tab_1l0c7_246 {
  padding-inline: 10px;
  font-size: 16px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  height: 39px;
}
._tabActive_1l0c7_275 {
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  color: var(--Color, #f9f9f9);
}
._tsTableContainer_1l0c7_282 {
  margin-top: 20px;
  border-radius: 6px;
  overflow-x: auto;
  background: #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 20px;
}
._tsStatsTable_1l0c7_291 {
  width: 100%;
  border-collapse: collapse;
  min-width: 480px;
}
._tsStatsTable_1l0c7_291 thead {
  background: #f9f9f9;
  height: 50px;
}
._tsStatsTable_1l0c7_291 thead tr th {
  padding: 10px 5px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
._tsStatsTable_1l0c7_291 tbody tr td {
  padding: 10px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  background: #ffffff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: var(--Icon-Dark, #34364c);
}
._timeHeader_1l0c7_319 {
  text-align: center;
  min-width: 240px;
}
._timeCell_1l0c7_324 {
  text-align: center;
  color: #333;
  min-width: 240px;
  white-space: nowrap;
  height: 50px;
}
._tsNumCell_1l0c7_332 {
  width: 205px;
}
._mobilePositionsList_1l0c7_336 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: var(--Color, #f9f9f9);
}
._mobilePositionCard_1l0c7_347 {
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.09);
}
._mobilePositionHeader_1l0c7_352 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  background: #9da9c2;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._headerChampion_1l0c7_365 {
  background: var(--Orange-2, #fda13c);
}
._headerRunnerUp_1l0c7_369 {
  background: var(--Blue, #14d1fb);
}
._headerOther_1l0c7_373 {
  background: var(--Grey-2, #d9d9d9);
}
._mobilePositionTable_1l0c7_377 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}
._mobilePositionTable_1l0c7_377 thead tr th {
  height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  border-right: 1px solid #e6e6e6;
}
._mobilePositionTable_1l0c7_377 thead tr th:last-child {
  border-right: none;
}
._mobilePositionTable_1l0c7_377 tbody tr td {
  height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
._mobilePositionTable_1l0c7_377 tbody tr td:last-child {
  border-right: none;
}
:where(html:not([data-desktop-view=true])) ._dtStatsTable_1l0c7_21 {
  min-width: unset;
}
:where(html:not([data-desktop-view=true])) ._dtStatsTable_1l0c7_21 thead tr th {
  padding: 0;
  font-size: 14px;
  white-space: normal;
  height: 87px;
  min-width: 29px;
}
:where(html:not([data-desktop-view=true])) ._dtStatsTable_1l0c7_21 thead tr th:not(:first-child) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 4px;
}
:where(html:not([data-desktop-view=true])) ._dtStatsTable_1l0c7_21 tbody tr td {
  padding: 0;
  font-size: 11px;
  height: 50px;
}
:where(html:not([data-desktop-view=true])) ._dateCell_1l0c7_48 {
  min-width: 50px;
}
:where(html:not([data-desktop-view=true])) ._numCell_1l0c7_76 {
  min-width: 29px;
}
:where(html:not([data-desktop-view=true])) ._dateYear_1l0c7_54 {
  display: block;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._dateYear_1l0c7_54::after {
  content: "";
}
:where(html:not([data-desktop-view=true])) ._dateMonthDay_1l0c7_62 {
  display: block;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._tnTableContainer_1l0c7_91 {
  margin-top: 0;
  border-radius: 6px;
  padding: 12px 8px;
}
:where(html:not([data-desktop-view=true])) ._tnStatsTable_1l0c7_101 {
  min-width: unset;
}
:where(html:not([data-desktop-view=true])) ._tnStatsTable_1l0c7_101 thead tr th {
  padding: 6px 3px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._tnStatsTable_1l0c7_101 tbody tr td {
  padding: 6px 3px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._tnBallHeader_1l0c7_129 {
  min-width: 38px;
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._tnRankHeader_1l0c7_138 {
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._tnSubHeader_1l0c7_143 {
  font-size: 10px;
  min-width: 26px;
}
:where(html:not([data-desktop-view=true])) ._tnBallCell_1l0c7_150 {
  padding: 4px 3px;
}
:where(html:not([data-desktop-view=true])) ._tnNumCell_1l0c7_156 {
  min-width: 26px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._positionSelector_1l0c7_232 {
  margin-top: 20px;
  padding: 0;
  background: #ffffff;
  border-radius: 6px 6px 0 0;
  border: 0;
}
:where(html:not([data-desktop-view=true])) ._tabs_1l0c7_246 {
  display: flex;
  overflow-x: auto;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  gap: 0;
  border-radius: 4px 4px 0 0;
  scrollbar-width: none;
}
:where(html:not([data-desktop-view=true])) ._tab_1l0c7_246 {
  height: 60px;
  flex-shrink: 0;
  margin-inline: 15px;
  padding: 15px 0;
  background: transparent;
  border: none;
  border-bottom: 4px solid transparent;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  transition: color 0.2s, border-bottom-color 0.2s;
  white-space: nowrap;
  box-shadow: none;
  border-radius: 0;
}
:where(html:not([data-desktop-view=true])) ._tabActive_1l0c7_275 {
  color: var(--Orange-3, #f98f1a);
  border-bottom-color: var(--Orange-3, #f98f1a);
}
:where(html:not([data-desktop-view=true])) ._tsTableContainer_1l0c7_282 {
  margin-top: 0;
  border-radius: 0 0 6px 6px;
  padding: 15px;
  background: #f9f9f9;
}
:where(html:not([data-desktop-view=true])) ._tsStatsTable_1l0c7_291 {
  min-width: unset;
  border-radius: 6px;
}
:where(html:not([data-desktop-view=true])) ._tsStatsTable_1l0c7_291 thead tr th {
  padding: 10px 4px;
  font-size: 14px;
  font-weight: 600;
}
:where(html:not([data-desktop-view=true])) ._tsStatsTable_1l0c7_291 tbody tr td {
  padding: 8px 4px;
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._timeHeader_1l0c7_319 {
  min-width: 100px;
}
:where(html:not([data-desktop-view=true])) ._timeCell_1l0c7_324 {
  min-width: 100px;
  white-space: normal;
}
:where(html:not([data-desktop-view=true])) ._tsNumCell_1l0c7_332 {
  min-width: 36px;
}
:where(html:not([data-desktop-view=true])) ._dateLine_1l0c7_544 {
  display: block;
  font-size: 11px;
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._issueLine_1l0c7_549 {
  display: block;
  font-size: 11px;
  color: var(--Icon-Dark, #34364c);
  line-height: 1.3;
}
._dailyDragonStats_1l0c7_556 {
  background: transparent;
}
._ddTypeTabsRow_1l0c7_560 {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 20px;
  border-radius: 6px;
  margin-bottom: 20px;
}
._ddTabsScrollWrapper_1l0c7_571 {
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
}
._ddTabsScrollWrapper_1l0c7_571::-webkit-scrollbar {
  display: none;
}
._ddTypeTabs_1l0c7_560 {
  display: flex;
  gap: 30px;
  min-width: max-content;
}
._ddTypeTab_1l0c7_560 {
  height: 70px;
  background: transparent;
  border: none;
  border-block: 4px solid transparent;
  font-size: 16px;
  font-weight: 600;
  color: #34364c;
  cursor: pointer;
  white-space: nowrap;
}
._ddTypeTabActive_1l0c7_598 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
  font-weight: 700;
}
._ddWarningBox_1l0c7_604 {
  box-shadow: none;
}
._ddRankSection_1l0c7_608 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 15px 20px;
  border-radius: 0 0 6px 6px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._ddRankTabsWrapper_1l0c7_622 {
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
._ddRankTabsWrapper_1l0c7_622::-webkit-scrollbar {
  display: none;
}
._ddRankLabel_1l0c7_635 {
  font-weight: 700;
}
._ddRankTabs_1l0c7_622 {
  display: flex;
  gap: 11px;
  min-width: max-content;
}
._ddRankTab_1l0c7_622 {
  padding-inline: 10px;
  font-size: 16px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  height: 39px;
  border: 1px solid #f0f0f0;
}
._ddRankTabActive_1l0c7_658 {
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  color: var(--Color, #f9f9f9);
}
._ddTableContainer_1l0c7_665 {
  margin-top: 20px;
  border-radius: 6px;
  overflow-x: auto;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  padding: 20px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._ddTableScrollWrapper_1l0c7_675 {
  overflow-x: auto;
  scrollbar-width: none;
}
._ddTableScrollWrapper_1l0c7_675::-webkit-scrollbar {
  display: none;
}
._ddStatsTable_1l0c7_683 {
  width: 100%;
  border-collapse: collapse;
}
._ddStatsTable_1l0c7_683 thead {
  background: #f9f9f9;
}
._ddStatsTable_1l0c7_683 tbody tr td {
  padding: 10px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  background: #ffffff;
  color: #34364c;
  border: 1px solid #f0f0f0;
}
._ddCornerHeader_1l0c7_700 {
  height: 97px;
  position: sticky;
  left: 0;
  z-index: 2;
  width: 130px;
  vertical-align: middle;
  background: var(--Color, #f9f9f9);
  border: 1px solid #f0f0f0;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._ddCornerContent_1l0c7_712 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
._ddCornerTop_1l0c7_720 {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #000;
}
._ddCornerDivider_1l0c7_727 {
  width: 86px;
  height: 1px;
  background: #d9d9d9;
  margin: 0;
}
._ddCornerBottom_1l0c7_734 {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #000;
}
._ddTypeHeader_1l0c7_741 {
  height: 60px;
  background: #f9f9f9;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #f0f0f0;
  color: #000000;
}
._ddStreakHeader_1l0c7_750 {
  min-width: 44px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #f0f0f0;
}
._ddStreakHeader_1l0c7_750 span {
  font-weight: 500;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._ddDateCell_1l0c7_762 {
  position: sticky;
  left: 0;
  z-index: 1;
  text-align: center;
  color: #333;
  min-width: 80px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  background: #ffffff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.08) !important;
  height: 50px;
}
._ddDateYear_1l0c7_777 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #333;
}
._ddDateMonthDay_1l0c7_784 {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: #555;
}
._ddNumCell_1l0c7_791 {
  min-width: 44px;
  text-align: center;
  color: #34364c;
}
:where(html:not([data-desktop-view=true])) ._ddTypeTabsRow_1l0c7_560 {
  padding: 0 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}
:where(html:not([data-desktop-view=true])) ._ddTypeTab_1l0c7_560 {
  height: 60px;
}
:where(html:not([data-desktop-view=true])) ._ddRankSection_1l0c7_608 {
  margin-top: 20px;
  padding: 0;
  background: #ffffff;
  border-radius: 6px 6px 0 0;
  border: 0;
  box-shadow: none;
}
:where(html:not([data-desktop-view=true])) ._ddRankTabs_1l0c7_622 {
  display: flex;
  overflow-x: auto;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  gap: 0;
  border-radius: 4px 4px 0 0;
  scrollbar-width: none;
}
:where(html:not([data-desktop-view=true])) ._ddRankTabs_1l0c7_622::-webkit-scrollbar {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._ddRankTab_1l0c7_622 {
  height: 60px;
  flex-shrink: 0;
  margin-inline: 15px;
  padding: 15px 0;
  background: transparent;
  border: none;
  border-bottom: 4px solid transparent;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  border-radius: 0;
}
:where(html:not([data-desktop-view=true])) ._ddRankTabActive_1l0c7_658 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
  background: transparent;
}
:where(html:not([data-desktop-view=true])) ._ddTableContainer_1l0c7_665 {
  margin-top: 0;
  border-radius: 0 0 6px 6px;
  background: var(--Color, #f9f9f9);
  padding: 15px;
}
:where(html:not([data-desktop-view=true])) ._ddTableScrollWrapper_1l0c7_675 {
  padding-bottom: 10px;
}
:where(html:not([data-desktop-view=true])) ._ddStatsTable_1l0c7_683 thead tr th {
  font-size: 14px;
  padding: 0;
}
:where(html:not([data-desktop-view=true])) ._ddStatsTable_1l0c7_683 tbody tr td {
  font-size: 12px;
  padding: 0;
}
:where(html:not([data-desktop-view=true])) ._ddCornerHeader_1l0c7_700 {
  width: 50px;
  height: 96px;
}
:where(html:not([data-desktop-view=true])) ._ddCornerTop_1l0c7_720,
:where(html:not([data-desktop-view=true])) ._ddCornerBottom_1l0c7_734 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._ddCornerDivider_1l0c7_727 {
  width: 70%;
}
:where(html:not([data-desktop-view=true])) ._ddTypeHeader_1l0c7_741 {
  height: 47px;
}
:where(html:not([data-desktop-view=true])) ._ddDateYear_1l0c7_777,
:where(html:not([data-desktop-view=true])) ._ddDateMonthDay_1l0c7_784 {
  font-size: 11px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._ddStreakHeader_1l0c7_750 {
  text-align: center;
  min-width: unset;
  padding: 10px 5px !important;
}
:where(html:not([data-desktop-view=true])) ._ddStreakHeader_1l0c7_750 span {
  display: block;
}
:where(html:not([data-desktop-view=true])) ._ddDateCell_1l0c7_762 {
  min-width: 50px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._ddNumCell_1l0c7_791 {
  min-width: unset;
  font-size: 11px;
  padding: 10px 5px !important;
}
:where(html:not([data-desktop-view=true])) ._ddWarningBox_1l0c7_604 {
  padding: 12px;
  font-size: 13px;
  margin-bottom: 20px;
}
._historyTemplate_mxqdl_1 ._filters_mxqdl_1 {
  background: var(--Color, #f9f9f9);
  padding: 15px 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._historyTemplate_mxqdl_1 ._filters_mxqdl_1 ._filterBall_mxqdl_12 {
  display: flex;
}
._historyTemplate_mxqdl_1 ._filters_mxqdl_1 ._filterGroup_mxqdl_15 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
._historyTemplate_mxqdl_1 ._filters_mxqdl_1 ._filterGroup_mxqdl_15 span {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: var(--Icon-Dark, #34364c);
  white-space: nowrap;
}
._historyTemplate_mxqdl_1 ._filters_mxqdl_1 ._filterGroup_mxqdl_15 ._filterLabel_mxqdl_28 {
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._filters_mxqdl_1 ._filterActions_mxqdl_31 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  margin-left: auto;
  height: 40px;
}
._historyTemplate_mxqdl_1 ._filters_mxqdl_1 ._filterItem_mxqdl_39 {
  display: inline-flex;
  align-items: center;
}
._historyTemplate_mxqdl_1 ._headerWithButtons_mxqdl_43 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
._historyTemplate_mxqdl_1 ._displayModeButtons_mxqdl_49 {
  display: inline-flex;
  gap: 0;
  border-radius: 4px;
  overflow: hidden;
}
._historyTemplate_mxqdl_1 ._displayModeButtons_mxqdl_49 button {
  height: 40px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  color: #34364c;
}
._historyTemplate_mxqdl_1 ._displayModeButtons_mxqdl_49 button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
._historyTemplate_mxqdl_1 ._displayModeButtons_mxqdl_49 button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
._historyTemplate_mxqdl_1 ._displayModeButtons_mxqdl_49 button._active_mxqdl_77 {
  background: var(--brand-button-gradient);
  color: var(--Color, #f9f9f9);
  z-index: 1;
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._sortingButtons_mxqdl_83 {
  display: inline-flex;
  gap: 0;
  border-radius: 4px;
  overflow: hidden;
}
._historyTemplate_mxqdl_1 ._sortingButtons_mxqdl_83 button {
  height: 39px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #34364c;
}
._historyTemplate_mxqdl_1 ._sortingButtons_mxqdl_83 button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
._historyTemplate_mxqdl_1 ._sortingButtons_mxqdl_83 button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
._historyTemplate_mxqdl_1 ._sortingButtons_mxqdl_83 button._active_mxqdl_77 {
  background: var(--brand-button-gradient);
  color: var(--Color, #f9f9f9);
  z-index: 1;
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._mobileHeaderWithButtons_mxqdl_118 {
  display: none;
}
._historyTemplate_mxqdl_1 ._mobileHeaderWithButtons_mxqdl_118 {
  display: none;
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 {
  background: var(--Miscellaneous-Segmented-Control---Selected-Fill, #ffffff);
  border-radius: 6px;
  padding: 15px 20px;
  overflow: hidden;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 table {
  width: 100%;
  border-collapse: collapse;
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 table thead th {
  text-align: center;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  border-bottom: 2px solid #e0e0e0;
  height: 60px;
  padding: 5px 10px;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 table tbody tr:last-child td {
  border-bottom: none;
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 table tbody tr td {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  padding: 10px 5px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 ._noData_mxqdl_158 {
  padding: 60px 20px;
  text-align: center;
  color: #999;
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 ._noData_mxqdl_158 p {
  margin: 5px 0;
  font-size: 16px;
  font-weight: 500;
}
._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 ._noData_mxqdl_158 ._noDataSub_mxqdl_168 {
  font-size: 14px;
  font-weight: 400;
}
._historyTemplate_mxqdl_1 ._numberRows_mxqdl_172 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: max-content;
  margin-inline: auto;
  align-items: center;
}
._historyTemplate_mxqdl_1 ._numberRow_mxqdl_172 {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 0;
}
._historyTemplate_mxqdl_1 ._numberRow_mxqdl_172._numberRowLeft_mxqdl_188 {
  justify-content: flex-start;
  align-self: stretch;
}
._historyTemplate_mxqdl_1 ._numberRow_mxqdl_172 ._ballWrapper_mxqdl_192 {
  position: relative;
  transition: opacity 0.3s;
  width: 32px;
  height: 32px;
}
._historyTemplate_mxqdl_1 ._numberRow_mxqdl_172 ._ballSeparator_mxqdl_198 {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
  padding: 0 2px;
  line-height: 1;
}
._historyTemplate_mxqdl_1 ._numberRow_mxqdl_172 ._ballOverlay_mxqdl_207 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  pointer-events: none;
  line-height: 1;
  background-size: cover;
  background-position: center;
}
._historyTemplate_mxqdl_1 ._cancelText_mxqdl_222 {
  width: "auto";
  height: "auto";
}
@keyframes _pulse_mxqdl_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._historyTemplate_mxqdl_1 ._sumRow_mxqdl_234,
._historyTemplate_mxqdl_1 ._dragonTigerRow_mxqdl_235 {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
}
._historyTemplate_mxqdl_1 ._sumRow_mxqdl_234 span,
._historyTemplate_mxqdl_1 ._dragonTigerRow_mxqdl_235 span {
  height: 26px;
  font-weight: 600;
  font-size: 14px;
  padding: 5px;
  border-radius: 4px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
._historyTemplate_mxqdl_1 ._sumRow_mxqdl_234 span {
  min-width: 26px;
}
._historyTemplate_mxqdl_1 ._dragonTigerRow_mxqdl_235 span {
  width: auto;
  text-wrap-mode: nowrap;
}
._historyTemplate_mxqdl_1 ._sumPatternRow_mxqdl_261 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  align-items: center;
  padding: 2px 2px;
}
._historyTemplate_mxqdl_1 ._sumPatternRow_mxqdl_261 span {
  font-size: 12px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}
._historyTemplate_mxqdl_1 ._sumPatternRow_mxqdl_261 span._dragon_mxqdl_235 {
  color: #e91e63;
}
._historyTemplate_mxqdl_1 ._sumPatternRow_mxqdl_261 span._tiger_mxqdl_278 {
  color: #000000;
}
._historyTemplate_mxqdl_1 ._sumPatternRow_mxqdl_261 span._seafoodGreen_mxqdl_281 {
  color: #008000;
}
._historyTemplate_mxqdl_1 ._sumPatternRow_mxqdl_261 span._seafoodBlue_mxqdl_284 {
  color: #0000ff;
}
._historyTemplate_mxqdl_1 ._sumPatternSum_mxqdl_287 {
  color: #e91e63 !important;
}
._historyTemplate_mxqdl_1 ._dragon_mxqdl_235 {
  color: #e91e63;
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._tiger_mxqdl_278 {
  color: #000000;
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._seafoodGreen_mxqdl_281 {
  color: #008000;
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._seafoodBlue_mxqdl_284 {
  color: #0000ff;
  font-weight: 600;
}
._historyTemplate_mxqdl_1._instantMode_mxqdl_306 ._filters_mxqdl_1 {
  margin-bottom: 4px;
}
._historyTemplate_mxqdl_1 ._instantDatePickerRow_mxqdl_309 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 0 15px 10px;
}
._historyTemplate_mxqdl_1 ._filterFab_mxqdl_315 {
  height: 40px;
  width: 97px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--brand-button-gradient);
  border: 1px solid var(--brand-accent);
  color: var(--brand-button-color);
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  white-space: nowrap;
}
._historyTemplate_mxqdl_1 ._filterFab_mxqdl_315 img {
  width: 20px;
  height: 20px;
}
._historyTemplate_mxqdl_1 ._subTabBar_mxqdl_341 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--Color, #f9f9f9);
  padding: 12px 20px;
  border-radius: 6px;
  margin-bottom: 4px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  gap: 10px;
  flex-wrap: wrap;
}
._historyTemplate_mxqdl_1 ._subTabs_mxqdl_354 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._historyTemplate_mxqdl_1 ._subTab_mxqdl_341 {
  height: 36px;
  padding: 0 14px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #34364c;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
._historyTemplate_mxqdl_1 ._subTab_mxqdl_341._active_mxqdl_77 {
  background: var(--brand-button-gradient);
  color: #f9f9f9;
  border-color: var(--brand-accent);
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._subTab_mxqdl_341:hover:not(._active_mxqdl_77) {
  background: #f0f0f0;
}
._historyTemplate_mxqdl_1 ._subTabButton_mxqdl_381 {
  height: 40px;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._historyTemplate_mxqdl_1 ._subTabPanel_mxqdl_387 {
  background: var(--Color, #f9f9f9);
  border-radius: 6px;
  padding: 16px 20px;
  margin-bottom: 4px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._historyTemplate_mxqdl_1 ._todayStats_mxqdl_395 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._historyTemplate_mxqdl_1 ._statsSection_mxqdl_400 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._historyTemplate_mxqdl_1 ._statsSectionTitle_mxqdl_405 {
  font-size: 15px;
  font-weight: 600;
  color: #34364c;
  padding-bottom: 6px;
  border-bottom: 1px solid #e0e0e0;
}
._historyTemplate_mxqdl_1 ._statsTableWrap_mxqdl_412 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  white-space: nowrap;
}
._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 th,
._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 td {
  padding: 8px 10px;
  text-align: center;
  border: 1px solid #e0e0e0;
  color: #34364c;
  background: var(--Color, #f9f9f9);
}
._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 th {
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 td {
  font-weight: 400;
}
._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 tbody td {
  background: #ffffff;
  font-weight: 500;
}
._historyTemplate_mxqdl_1 ._statsSubHeader_mxqdl_440 {
  font-weight: 500;
}
._historyTemplate_mxqdl_1 ._dragonCell_mxqdl_443 {
  color: #e91e63;
  font-weight: 600;
}
._historyTemplate_mxqdl_1 ._longDragon_mxqdl_447 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._historyTemplate_mxqdl_1 ._longDragonTitle_mxqdl_452 {
  font-size: 15px;
  font-weight: 600;
  color: #34364c;
  margin-bottom: 4px;
}
._historyTemplate_mxqdl_1 ._longDragonGrid_mxqdl_458 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
._historyTemplate_mxqdl_1 ._longDragonCard_mxqdl_463 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 7px 10px;
  font-size: 14px;
  color: #34364c;
  background: #fff;
  white-space: nowrap;
}
._historyTemplate_mxqdl_1 ._longDragonCardLabel_mxqdl_476 {
  color: #34364c;
  font-weight: 400;
}
._historyTemplate_mxqdl_1 ._longDragonCardState_mxqdl_480 {
  color: #34364c;
  font-weight: 400;
}
._historyTemplate_mxqdl_1 ._longDragonCardCount_mxqdl_484 {
  font-weight: 500;
  color: #34364c;
}
._historyTemplate_mxqdl_1 ._longDragonCardCountAlert_mxqdl_488 {
  font-weight: 700;
  color: #f11821;
}
._historyTemplate_mxqdl_1 ._longDragonCardSuffix_mxqdl_492 {
  color: #34364c;
  font-weight: 400;
}
._historyTemplate_mxqdl_1 ._ldrContainer_mxqdl_496 {
  padding: 12px;
  background: #f5f5f5;
  min-height: 100%;
}
._historyTemplate_mxqdl_1 ._ldrGrid_mxqdl_501 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
._historyTemplate_mxqdl_1 ._ldrCard_mxqdl_506 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 8px;
  padding: 14px 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
._historyTemplate_mxqdl_1 ._ldrCard_mxqdl_506._active_mxqdl_77 {
  background: var(--brand-button-gradient);
}
._historyTemplate_mxqdl_1 ._ldrCard_mxqdl_506._active_mxqdl_77 ._ldrRankLabel_mxqdl_518 {
  color: #ffffff;
}
._historyTemplate_mxqdl_1 ._ldrRankLabel_mxqdl_518 {
  font-size: 14px;
  font-weight: 400;
  color: #34364c;
  white-space: nowrap;
}
._historyTemplate_mxqdl_1 ._ldrBadge_mxqdl_527 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2d3250;
  color: var(--brand-accent);
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  padding: 6px 14px;
  white-space: nowrap;
  min-width: 64px;
  text-align: center;
}
._historyTemplate_mxqdl_1 ._ldrBadgeAlert_mxqdl_541 {
  color: var(--brand-accent);
}
._historyTemplate_mxqdl_1 ._ldrErrorBox_mxqdl_544 {
  padding: 24px 16px;
  text-align: center;
  color: #e53935;
  font-size: 14px;
}
._historyTemplate_mxqdl_1 ._oeError_mxqdl_550 {
  padding: 20px;
  text-align: center;
  color: #f12d35;
}
._historyTemplate_mxqdl_1 ._oeTableContainer_mxqdl_555 {
  padding: 20px;
  border-radius: 6px;
  overflow-x: auto;
  margin-top: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._historyTemplate_mxqdl_1 ._oeStatsTable_mxqdl_564 {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
}
._historyTemplate_mxqdl_1 ._oeStatsTable_mxqdl_564 thead {
  background: var(--Color, #f9f9f9);
}
._historyTemplate_mxqdl_1 ._oeStatsTable_mxqdl_564 thead tr th {
  padding: 10px 5px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  height: 50px;
  background: var(--Color, #f9f9f9);
}
._historyTemplate_mxqdl_1 ._oeStatsTable_mxqdl_564 tbody tr td {
  padding: 10px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: var(--Icon-Dark, #34364c);
}
._historyTemplate_mxqdl_1 ._oeTwoLineHeader_mxqdl_592 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  line-height: 1.3;
}
._historyTemplate_mxqdl_1 ._oeGroupHeader_mxqdl_599 {
  min-width: 125.25px;
}
._historyTemplate_mxqdl_1 ._oeDateHeader_mxqdl_602 {
  min-width: 100px;
}
._historyTemplate_mxqdl_1 ._oeOddSubHeader_mxqdl_605 {
  background: var(--Color, #f9f9f9);
}
._historyTemplate_mxqdl_1 ._oeEvenSubHeader_mxqdl_608 {
  background: #efefef;
}
._historyTemplate_mxqdl_1 ._oeDateCell_mxqdl_611 {
  font-weight: 500;
  color: #333;
  min-width: 100px;
  white-space: nowrap;
}
._historyTemplate_mxqdl_1 ._oeDateYear_mxqdl_617 {
  font-size: 14px;
  font-weight: 500;
}
._historyTemplate_mxqdl_1 ._oeDateYear_mxqdl_617::after {
  content: "-";
}
._historyTemplate_mxqdl_1 ._oeDateMonthDay_mxqdl_624 {
  display: inline;
  font-size: 14px;
  font-weight: 500;
}
._historyTemplate_mxqdl_1 ._oeNumCell_mxqdl_629 {
  min-width: 29px;
  height: 50px;
}
._historyTemplate_mxqdl_1 ._oeMobileTabs_mxqdl_633 {
  display: flex;
  overflow-x: auto;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 4px 4px 0 0;
  scrollbar-width: none;
}
._historyTemplate_mxqdl_1 ._oeMobileTabs_mxqdl_633::-webkit-scrollbar {
  display: none;
}
._historyTemplate_mxqdl_1 ._oeMobileTab_mxqdl_633 {
  height: 60px;
  flex-shrink: 0;
  margin-inline: 15px;
  padding-block: 15px;
  background: transparent;
  border: none;
  border-bottom: 4px solid transparent;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.2s, border-bottom-color 0.2s;
}
._historyTemplate_mxqdl_1 ._oeMobileTab_mxqdl_633:active {
  opacity: 0.7;
}
._historyTemplate_mxqdl_1 ._oeMobileTabActive_mxqdl_662 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._filters_mxqdl_1 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 {
  border-radius: 0;
  padding: 15px;
  box-shadow: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 table thead th {
  font-size: 14px;
  font-weight: 600;
  height: 60px;
  padding: 10px 5px;
  border-bottom: 1px solid #e0e0e0;
  max-width: unset;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 table tbody tr td {
  font-size: 11px;
  font-weight: 500;
  padding: 8px 4px;
  vertical-align: middle;
  max-width: unset;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 ._noData_mxqdl_158 {
  padding: 40px 20px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 ._noData_mxqdl_158 p {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._historyTable_mxqdl_124 ._noData_mxqdl_158 ._noDataSub_mxqdl_168 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._colDesktopOnly_mxqdl_698 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._headerWithButtons_mxqdl_43 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileHeaderWithButtons_mxqdl_118 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileHeaderWithButtons_mxqdl_118 > span {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileDisplayModeButtons_mxqdl_715 {
  display: inline-flex;
  gap: 0;
  border-radius: 3px;
  overflow: hidden;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileDisplayModeButtons_mxqdl_715 button {
  height: 30px;
  padding: 8px 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #e0e0e0;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileDisplayModeButtons_mxqdl_715 button:not(:last-child) {
  border-right: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileDisplayModeButtons_mxqdl_715 button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileDisplayModeButtons_mxqdl_715 button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._mobileDisplayModeButtons_mxqdl_715 button._active_mxqdl_77 {
  background: var(--brand-button-gradient);
  color: var(--Color, #f9f9f9);
  border-color: var(--brand-accent);
  font-weight: 600;
  z-index: 1;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._numberRows_mxqdl_172 {
  max-width: 100%;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._numberRow_mxqdl_172 {
  gap: 2px;
  padding: 4px 2px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._numberRow_mxqdl_172 ._ballWrapper_mxqdl_192 {
  width: 20px;
  height: 20px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._cancelText_mxqdl_222 {
  width: "auto";
  height: "auto";
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._subTabBar_mxqdl_341 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._subTab_mxqdl_341 {
  height: 32px;
  padding: 0 10px;
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._historyLink_mxqdl_780 {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._subTabPanel_mxqdl_387 {
  display: none;
  border-radius: 0;
  padding: 12px;
  box-shadow: none;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 {
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 th,
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._statsTable_mxqdl_412 td {
  padding: 5px 6px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._longDragonGrid_mxqdl_458 {
  grid-template-columns: repeat(3, 1fr);
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._longDragonCard_mxqdl_463 {
  font-size: 12px;
  padding: 5px 6px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeTableContainer_mxqdl_555 {
  padding: 15px;
  margin-top: 16px;
  border-radius: 6px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeGroupHeader_mxqdl_599 {
  height: 50px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeDateHeader_mxqdl_602 {
  width: 68px;
  min-width: 68px;
  padding: 8px 4px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeStatsTable_mxqdl_564 {
  min-width: unset;
  width: 100%;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeStatsTable_mxqdl_564 thead tr th {
  padding: 8px 4px;
  font-size: 14px;
  font-weight: 600;
  white-space: normal;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeStatsTable_mxqdl_564 tbody tr td {
  padding: 10px 5px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeTwoLineHeader_mxqdl_592 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeTwoLineHeader_mxqdl_592 span {
  font-size: inherit;
  font-weight: inherit;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeDateCell_mxqdl_611 {
  width: 68px;
  min-width: 68px;
  padding: 8px 4px;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeDateYear_mxqdl_617 {
  display: block;
  font-size: 11px;
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeDateYear_mxqdl_617::after {
  content: "";
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeDateMonthDay_mxqdl_624 {
  display: block;
  font-size: 11px;
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._historyTemplate_mxqdl_1 ._oeNumCell_mxqdl_629 {
  min-width: 60px;
  font-size: 14px;
}
._subTabs_1mbhi_1 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._subTabButton_1mbhi_7 {
  height: 40px;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._wrap_1g0l0_1 {
  width: 100%;
  box-sizing: border-box;
  font-size: 13px;
  color: var(--Icon-Dark, #34364c);
}
._wrap_1g0l0_1 ._error_1g0l0_7,
._wrap_1g0l0_1 ._empty_1g0l0_8 {
  padding: 60px 20px;
  text-align: center;
  color: #999;
  font-size: 15px;
}
._wrap_1g0l0_1 ._error_1g0l0_7 {
  color: #f56c6c;
}
._wrap_1g0l0_1 ._sectionHead_1g0l0_17 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._sectionHead_1g0l0_17 {
  display: none;
}
._wrap_1g0l0_1 ._sectionTitle_1g0l0_25 {
  color: var(--Icon-Dark, #34364c);
  font-weight: 800;
  font-size: 18px;
  margin-right: 21px;
}
._wrap_1g0l0_1 ._listbox_1g0l0_31 {
  width: 100%;
  box-sizing: border-box;
}
._wrap_1g0l0_1 ._descBar_1g0l0_35 {
  margin-block: 20px 1px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._descBar_1g0l0_35 {
  display: none;
}
._wrap_1g0l0_1 ._controlBar_1g0l0_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._controlBar_1g0l0_41 {
  display: none;
}
._wrap_1g0l0_1 ._filterFab_1g0l0_59 {
  height: 40px;
  width: 97px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--brand-button-gradient);
  border: 1px solid var(--brand-accent);
  color: var(--brand-button-color);
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  white-space: nowrap;
}
._wrap_1g0l0_1 ._filterSheetOverlay_1g0l0_81 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200;
}
._wrap_1g0l0_1 ._filterSheet_1g0l0_81 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background: #fff;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  animation: _sheetSlideUp_1g0l0_1 0.25s ease;
}
@keyframes _sheetSlideUp_1g0l0_1 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
._wrap_1g0l0_1 ._filterSheetHeader_1g0l0_108 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px;
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._wrap_1g0l0_1 ._filterSheetHeader_1g0l0_108 span {
  font-weight: 600;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
}
._wrap_1g0l0_1 ._filterSheetActions_1g0l0_122 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._wrap_1g0l0_1 ._filterSheetCancel_1g0l0_127 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
._wrap_1g0l0_1 ._filterSheetConfirm_1g0l0_138 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
._wrap_1g0l0_1 ._filterSheetBody_1g0l0_149 {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._wrap_1g0l0_1 ._filterSheetGroup_1g0l0_157 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._wrap_1g0l0_1 ._filterSheetLabel_1g0l0_162 {
  font-size: 14px;
  font-weight: 600;
  color: #34364c;
}
._wrap_1g0l0_1 ._filterBtn_1g0l0_167 {
  min-width: 70px;
  height: 40px;
  padding: 10px 16px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  color: #34364c;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  white-space: nowrap;
}
._wrap_1g0l0_1 ._filterBtnActive_1g0l0_181 {
  border: 1px solid var(--brand-accent) !important;
  color: var(--brand-accent) !important;
}
._wrap_1g0l0_1 ._mobileTabs_1g0l0_185 {
  display: flex;
  border-bottom: 1px solid #eee;
  background: #fff;
}
:where(html[data-desktop-view=true]) ._wrap_1g0l0_1 ._mobileTabs_1g0l0_185 {
  display: none;
}
._wrap_1g0l0_1 ._mobileTab_1g0l0_185 {
  flex: 1;
  padding: 10px 4px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.15s, border-color 0.15s;
}
._wrap_1g0l0_1 ._mobileTab_1g0l0_185:hover {
  color: var(--brand-accent);
}
._wrap_1g0l0_1 ._mobileTabActive_1g0l0_209 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
}
._wrap_1g0l0_1 ._mobileContent_1g0l0_213 {
  display: block;
  padding: 15px;
  border-radius: 0 0 6px 6px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
:where(html[data-desktop-view=true]) ._wrap_1g0l0_1 ._mobileContent_1g0l0_213 {
  display: none;
}
._wrap_1g0l0_1 ._desktopContent_1g0l0_224 {
  display: none;
}
:where(html[data-desktop-view=true]) ._wrap_1g0l0_1 ._desktopContent_1g0l0_224 {
  display: block;
}
._wrap_1g0l0_1 ._tableScroll_1g0l0_230 {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
._wrap_1g0l0_1 ._tableContainer_1g0l0_235 {
  position: relative;
  width: max-content;
  min-width: 100%;
}
._wrap_1g0l0_1 ._lineCanvas_1g0l0_240 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
._wrap_1g0l0_1 ._table_1g0l0_230 {
  border-collapse: separate;
  border-spacing: 0;
  width: max-content;
  min-width: 100%;
  font-size: 13px;
  table-layout: fixed;
  position: relative;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
}
._wrap_1g0l0_1 ._table_1g0l0_230 th,
._wrap_1g0l0_1 ._table_1g0l0_230 td {
  border-top: none !important;
  border-left: none !important;
}
._wrap_1g0l0_1 ._thFixed_1g0l0_262 {
  background: #ebebeb;
  color: var(--Icon-Dark, #34364c);
  font-weight: 700;
  text-align: center;
  padding: 8px 10px;
  border: 1px solid #dfdfdf;
  white-space: nowrap;
  min-width: 100px;
  position: sticky;
  z-index: 3;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thFixed_1g0l0_262 {
  background: var(--Color, #f9f9f9) !important;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 5px;
}
._wrap_1g0l0_1 ._stickyCol1_1g0l0_280 {
  position: sticky;
  left: 0;
  z-index: 3;
}
._wrap_1g0l0_1 ._stickyCol2_1g0l0_285 {
  position: sticky;
  left: 100px;
  z-index: 3;
}
._wrap_1g0l0_1 ._stickyCol3_1g0l0_290 {
  position: sticky;
  left: 255px;
  z-index: 3;
}
._wrap_1g0l0_1 ._stickyCol4_1g0l0_295 {
  position: sticky;
  left: 315px;
  z-index: 3;
}
._wrap_1g0l0_1 ._stickyCol5_1g0l0_300 {
  position: sticky;
  left: 375px;
  z-index: 3;
  background: #fff6df !important;
}
._wrap_1g0l0_1 ._stickyCol6_1g0l0_306 {
  position: sticky;
  left: 427px;
  z-index: 3;
  background: #f1fcff !important;
}
._wrap_1g0l0_1 ._stickyColDraw_1g0l0_312 {
  position: sticky;
  left: 375px;
  z-index: 3;
}
._wrap_1g0l0_1 ._stickyColSumFrontWithDraw_1g0l0_317 {
  position: sticky;
  left: 435px;
  z-index: 3;
  background: #fff6df !important;
}
._wrap_1g0l0_1 ._stickyColSumBackWithDraw_1g0l0_323 {
  position: sticky;
  left: 487px;
  z-index: 3;
  background: #f1fcff !important;
}
._wrap_1g0l0_1 ._thGroup_1g0l0_329 {
  background: #ebebeb !important;
  color: #333;
  font-weight: 700;
  text-align: center;
  padding: 6px 4px;
  border: 1px solid #dfdfdf;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thGroup_1g0l0_329 {
  font-size: 14px;
  font-weight: 600;
  background: var(--Color, #f9f9f9) !important;
  padding: 10px 5px;
  height: 50px;
}
._wrap_1g0l0_1 ._thGroupFront_1g0l0_345 {
  background: #ebebeb;
  color: #000000;
  font-weight: 700;
  text-align: center;
  padding: 6px 4px;
  border: 1px solid #dfdfdf;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thGroupFront_1g0l0_345 {
  background: var(--Color, #f9f9f9) !important;
  font-weight: 600;
  padding: 10px 5px;
  height: 50px;
  font-size: 14px;
}
._wrap_1g0l0_1 ._thGroupBack_1g0l0_360 {
  background: #ebebeb;
  color: #000000;
  font-weight: 700;
  text-align: center;
  padding: 6px 4px;
  border: 1px solid #dfdfdf;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thGroupBack_1g0l0_360 {
  background: var(--Color, #f9f9f9) !important;
  font-weight: 600;
  padding: 10px 5px;
  height: 50px;
  font-size: 14px;
}
._wrap_1g0l0_1 ._thTrendGroup_1g0l0_375 {
  background: #ebebeb;
  text-align: center;
  padding: 4px 6px;
  border: 1px solid #dfdfdf;
  white-space: nowrap;
  height: 60px;
  box-sizing: border-box;
}
._wrap_1g0l0_1 ._trendBtn_1g0l0_384 {
  line-height: 35px;
  text-align: center;
  color: var(--Icon-Dark, #34364c);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 5px;
  user-select: none;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._wrap_1g0l0_1 ._trendBtn_1g0l0_384:last-child {
  margin-right: 0;
}
._wrap_1g0l0_1 ._trendBtnActive_1g0l0_401 {
  background: var(--brand-button-gradient) !important;
  color: var(--Color, #f9f9f9);
}
._wrap_1g0l0_1 ._thDragon_1g0l0_405 {
  background: #ebebeb;
  color: var(--Icon-Dark, #34364c);
  font-weight: 700;
  text-align: center;
  padding: 6px 10px;
  border: 1px solid #dfdfdf;
  width: 50px;
  min-width: 50px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thDragon_1g0l0_405 {
  background: var(--Color, #f9f9f9) !important;
  font-weight: 600;
  padding: 0;
  height: 30px;
}
._wrap_1g0l0_1 ._thTiger_1g0l0_422 {
  background: #ebebeb;
  color: var(--Icon-Dark, #34364c);
  font-weight: 700;
  text-align: center;
  padding: 6px 10px;
  border: 1px solid #dfdfdf;
  width: 50px;
  min-width: 50px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thTiger_1g0l0_422 {
  background: var(--Color, #f9f9f9) !important;
  font-weight: 600;
  padding: 0;
  height: 30px;
}
._wrap_1g0l0_1 ._thDraw_1g0l0_439 {
  background: #ebebeb;
  color: var(--Icon-Dark, #34364c);
  font-weight: 700;
  text-align: center;
  padding: 6px 10px;
  border: 1px solid #dfdfdf;
  width: 50px;
  min-width: 50px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thDraw_1g0l0_439 {
  background: var(--Color, #f9f9f9) !important;
  font-weight: 600;
  padding: 0;
  height: 30px;
}
._wrap_1g0l0_1 ._thSumFront_1g0l0_456 {
  background: #ebebeb !important;
  color: var(--Icon-Dark, #34364c);
  font-weight: 500;
  text-align: center;
  padding: 6px 8px;
  border: 1px solid #dfdfdf;
  width: 50px;
  min-width: 50px;
  font-size: 14px;
}
._wrap_1g0l0_1 ._thSumBack_1g0l0_467 {
  background: #ebebeb !important;
  color: var(--Icon-Dark, #34364c);
  font-weight: 500;
  text-align: center;
  padding: 6px 8px;
  border: 1px solid #dfdfdf;
  width: 50px;
  min-width: 50px;
  font-size: 14px;
}
._wrap_1g0l0_1 ._thTrend_1g0l0_375 {
  background: #ebebeb;
  color: var(--Icon-Dark, #34364c);
  font-weight: 500;
  text-align: center;
  padding: 5px 2px;
  border: 1px solid #dfdfdf;
  min-width: 35.5px;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._thTrend_1g0l0_375 {
  background: var(--Color, #f9f9f9) !important;
  font-weight: 600;
  padding: 0;
  height: 30px;
  font-size: 11px;
}
._wrap_1g0l0_1 ._tdTrendFront_1g0l0_495 {
  background: #fefaf6;
}
._wrap_1g0l0_1 ._tdTrendBack_1g0l0_498 {
  background: #f1fcff;
}
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 {
  background: #fff1cc !important;
}
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 td {
  background: #fff1cc !important;
  color: var(--Icon-Dark, #34364c) !important;
}
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 ._stickyCol1_1g0l0_280,
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 ._stickyCol2_1g0l0_285,
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 ._stickyCol3_1g0l0_290,
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 ._stickyCol4_1g0l0_295,
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 ._stickyCol5_1g0l0_300,
._wrap_1g0l0_1 ._rowHighlight_1g0l0_501 ._stickyCol6_1g0l0_306 {
  background: #ffe7a8 !important;
}
._wrap_1g0l0_1 ._tdIssue_1g0l0_516 {
  text-align: center;
  vertical-align: middle;
  padding: 5px 8px;
  border: 1px solid #f0f0f0;
  color: var(--Icon-Dark, #34364c);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  width: 100px;
  min-width: 100px;
  background: #fff;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._tdIssue_1g0l0_516 {
  font-size: 11px;
}
._wrap_1g0l0_1 ._tdNumbers_1g0l0_532 {
  text-align: center;
  vertical-align: middle;
  padding: 5px 6px;
  border: 1px solid #f0f0f0;
  white-space: nowrap;
  width: 155px;
  min-width: 155px;
  background: #fff;
}
._wrap_1g0l0_1 ._tdNumbers_1g0l0_532 span {
  display: inline-block;
  margin: 0 2px;
  font-size: 14px;
  font-weight: 600;
  font-style: Semi Bold;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._tdNumbers_1g0l0_532 span {
  font-size: 11px;
}
._wrap_1g0l0_1 ._tdCenter_1g0l0_552 {
  text-align: center;
  vertical-align: middle;
  padding: 4px 4px;
  border: 1px solid #f0f0f0;
  width: 50px;
  height: 50px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  box-sizing: border-box;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._tdCenter_1g0l0_552 {
  height: 40px;
}
._wrap_1g0l0_1 ._numDragon_1g0l0_568 {
  color: var(--Pink, #f22c89);
  font-weight: 700;
}
._wrap_1g0l0_1 ._numTiger_1g0l0_572 {
  color: var(--Purple, #9d4dc2);
  font-weight: 700;
}
._wrap_1g0l0_1 ._numNormal_1g0l0_576 {
  color: var(--Icon-Dark, #34364c);
}
._wrap_1g0l0_1 ._dragonBadge_1g0l0_579 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 2px;
  background: var(--Red, #ff0554);
  color: var(--Color, #f9f9f9);
  font-size: 14px;
  font-weight: 500;
  min-width: 36px;
  height: 26px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._dragonBadge_1g0l0_579 {
  font-size: 11px;
  font-weight: 700;
}
._wrap_1g0l0_1 ._tigerBadge_1g0l0_596 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 2px;
  background: var(--Purple, #9d4dc2);
  color: var(--Color, #f9f9f9);
  font-size: 14px;
  font-weight: 500;
  min-width: 36px;
  height: 26px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._tigerBadge_1g0l0_596 {
  font-size: 11px;
  font-weight: 700;
  width: 32px;
  min-width: unset;
}
._wrap_1g0l0_1 ._drawBadge_1g0l0_615 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 2px;
  background: var(--Green, #2d9b64);
  color: var(--Color, #f9f9f9);
  font-size: 14px;
  font-weight: 500;
  min-width: 36px;
  height: 26px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._drawBadge_1g0l0_615 {
  font-size: 11px;
  font-weight: 700;
  width: 32px;
  min-width: unset;
}
._wrap_1g0l0_1 ._missNum_1g0l0_634 {
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._missNum_1g0l0_634 {
  font-size: 11px;
}
._wrap_1g0l0_1 ._missNumHighlight_1g0l0_642 {
  color: #fff !important;
  background: #9595c5 !important;
  min-width: 20px;
  color: #fff !important;
  background: #9595c5 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  min-width: 36px;
  height: 26px;
}
._wrap_1g0l0_1 ._sumBallFront_1g0l0_658 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--Yellow, #feb10b);
  color: var(--Color, #f9f9f9);
  font-size: 14px;
  font-weight: 700;
}
._wrap_1g0l0_1 ._sumBallBack_1g0l0_670 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--Blue, #14d1fb);
  color: var(--Color, #f9f9f9);
  font-size: 14px;
  font-weight: 700;
}
._wrap_1g0l0_1 ._trendHitFront_1g0l0_682,
._wrap_1g0l0_1 ._trendHitBack_1g0l0_683 {
  text-align: center;
  vertical-align: middle;
  padding: 4px 2px;
  border: 1px solid #f0f0f0;
}
._wrap_1g0l0_1 ._trendBallFront_1g0l0_689 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--Yellow, #feb10b);
  color: var(--Color, #f9f9f9);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
._wrap_1g0l0_1 ._trendBallBack_1g0l0_703 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--Blue, #14d1fb);
  color: var(--Color, #f9f9f9);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
._wrap_1g0l0_1 ._trendMiss_1g0l0_717 {
  text-align: center;
  vertical-align: middle;
  padding: 4px 2px;
  border: 1px solid #f0f0f0;
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 500;
  min-width: 35.5px;
}
:where(html:not([data-desktop-view=true])) ._wrap_1g0l0_1 ._trendMiss_1g0l0_717 {
  font-size: 11px;
  height: 40px;
}
._wrap_1g0l0_1 ._chaLouCell_1g0l0_731 {
  background: #9595c5 !important;
  color: #fff !important;
}
._wrap_1g0l0_1 ._missLayerLow_1g0l0_735 {
  background: #e8f5e9 !important;
  color: #388e3c !important;
}
._wrap_1g0l0_1 ._missLayerMid_1g0l0_739 {
  background: #fff9c4 !important;
  color: #f57f17 !important;
}
._wrap_1g0l0_1 ._missLayerHigh_1g0l0_743 {
  background: #ffebee !important;
  color: #c62828 !important;
  font-weight: 700;
}
._wrap_1g0l0_1 ._dividerRow_1g0l0_748 {
  height: 0;
  line-height: 0;
}
._wrap_1g0l0_1 ._dividerCell_1g0l0_752 {
  height: 3px;
  background: #c8c8c8;
  padding: 0;
  border: none;
}
._annotationWrap_1muj2_1 {
  float: left;
}
._annotationList_1muj2_5 {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 8px;
  flex-wrap: wrap;
}
._annotationItem_1muj2_15 {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  cursor: pointer;
  border-radius: 4px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._annotationItem_1muj2_15 a {
  height: 40px;
  line-height: 40px;
  color: var(--Icon-Dark, #34364c);
  font-size: 16px;
  font-weight: 500;
  user-select: none;
  text-decoration: none;
  white-space: nowrap;
}
._annotationBox_1muj2_38 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  font-style: normal;
  border: 1.5px solid #ccc;
  background: #fff;
  box-sizing: border-box;
  border-radius: 2px;
  transition: background 0.15s, border-color 0.15s;
  position: relative;
  display: inline-block;
}
._annotationChecked_1muj2_52 ._annotationBox_1muj2_38 {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
}
._annotationChecked_1muj2_52 ._annotationBox_1muj2_38::after {
  content: "";
  position: absolute;
  left: 2px;
  top: -1px;
  width: 4px;
  height: 8px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
._filterWrap_1muj2_69 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._filterItem_1muj2_75 {
  min-width: 70px;
  height: 40px;
  padding: 10px 16px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  color: #34364c;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  white-space: nowrap;
}
._filterItemActive_1muj2_90 {
  border: 1px solid var(--brand-accent) !important;
  color: var(--brand-accent) !important;
}
._header_1fjjk_1 {
  padding: 15px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-radius: 6px 6px 0 0;
  width: 100%;
}
._toggleBtn_1fjjk_10 {
  width: fit-content;
  height: 40px;
  border-radius: 4px;
  padding: 10px;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  color: #f9f9f9;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
._section_1fjjk_27 {
  padding: 15px 20px;
  width: 100%;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._container_1fjjk_34 {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
}
._tableActive_1fjjk_40 {
  outline: 3px solid var(--brand-accent) !important;
  outline-offset: -3px;
}
._label_1fjjk_45 {
  width: 168px;
  height: 38px;
  padding: 10px 5px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  text-align: center;
}
._value_1fjjk_58 {
  width: 103px;
  height: 38px;
  padding: 10px 5px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}
._table_1fjjk_40 {
  border-collapse: collapse;
  cursor: pointer;
  flex: 1;
  min-width: 0;
}
._comprehensiveHistoryTable_3ketq_1 ._tableWrapper_3ketq_1 {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
._comprehensiveHistoryTable_3ketq_1 table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  background: #fff;
}
._comprehensiveHistoryTable_3ketq_1 thead tr {
  background: #f9f9f9;
}
._comprehensiveHistoryTable_3ketq_1 th {
  padding: 10px 5px;
  font-weight: 600;
  color: #333;
  text-align: center;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  white-space: nowrap;
  font-size: 16px;
}
._comprehensiveHistoryTable_3ketq_1 td {
  padding: 10px 5px;
  text-align: center;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #34364c;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}
._comprehensiveHistoryTable_3ketq_1 td span {
  font-size: inherit;
}
._comprehensiveHistoryTable_3ketq_1 tbody tr:hover {
  background: #f0f7ff;
}
._comprehensiveHistoryTable_3ketq_1 ._colValue_3ketq_49 {
  font-weight: 500;
}
._comprehensiveHistoryTable_3ketq_1 ._numberRow_3ketq_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
._comprehensiveHistoryTable_3ketq_1 ._ballWrapper_3ketq_58 {
  position: relative;
  display: inline-flex;
}
._comprehensiveHistoryTable_3ketq_1 ._ballOverlay_3ketq_62 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  pointer-events: none;
  line-height: 1;
  background-size: cover;
}
._comprehensiveHistoryTable_3ketq_1 ._red_3ketq_76 {
  color: #e91e63;
  font-weight: 600;
}
._comprehensiveHistoryTable_3ketq_1 ._default_3ketq_80 {
  color: inherit;
}
._comprehensiveHistoryTable_3ketq_1 ._green_3ketq_83 {
  color: #008000;
  font-weight: 600;
}
._comprehensiveHistoryTable_3ketq_1 ._blue_3ketq_87 {
  color: #0000ff;
  font-weight: 600;
}
._comprehensiveHistoryTable_3ketq_1 ._noData_3ketq_91 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
  color: #999999;
}
._comprehensiveHistoryTable_3ketq_1 ._noData_3ketq_91 ._noDataSub_3ketq_98 {
  font-size: 12px;
  margin-top: 4px;
}
._hotColdTemplate_pt61l_1 {
  width: 100%;
  min-height: 100%;
}
._errorMessage_pt61l_6 {
  padding: 24px 16px;
  text-align: center;
  color: #f12d35;
}
._checkboxContainer_pt61l_12 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  gap: 10px;
  border-radius: 4px;
  width: 210px;
  height: 40px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._checkboxLabel_pt61l_24 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #34364c;
  cursor: pointer;
}
._checkboxLabel_pt61l_24 input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 1.5px solid #ccc;
  border-radius: 3px;
  background: #fff;
  transition: background 0.15s, border-color 0.15s;
}
._checkboxLabel_pt61l_24 input[type=checkbox]:checked {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3 4.3L6 11.6l-3.3-3.3-1.4 1.4L6 14.4l8.7-8.7z'/%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
._legendContainer_pt61l_53 {
  display: flex;
  align-items: center;
  gap: 11px;
  background: #ffffff;
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._legendPeriod_pt61l_64 {
  font-size: 13px;
  font-weight: 600;
  color: #34364c;
  white-space: nowrap;
}
._legendItem_pt61l_71 {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #f4f4f4;
  height: 40px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._legendItemDivider_pt61l_83 {
  width: 1px;
  height: 20px;
  background-color: #d9d9d9;
  flex-shrink: 0;
}
._legendLabel_pt61l_90 {
  font-size: 16px;
  font-weight: 700;
}
._legendDesc_pt61l_95 {
  font-size: 14px;
  font-weight: 500;
  color: #7c7c7c;
  white-space: nowrap;
}
._tableWrapper_pt61l_102 {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._dataTable_pt61l_111 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
._dataTable_pt61l_111 thead {
  background: #f9f9f9;
}
._dataTable_pt61l_111 th,
._dataTable_pt61l_111 td {
  padding: 10px 5px;
  text-align: center;
  white-space: nowrap;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
._dataTable_pt61l_111 th {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
._dataTable_pt61l_111 td {
  color: #34364c;
  font-size: 14px;
  font-weight: 500;
}
._dataTable_pt61l_111 th:first-child,
._dataTable_pt61l_111 td:first-child {
  width: 150px;
}
._dataTable_pt61l_111 td:nth-child(n+2),
._dataTable_pt61l_111 th:nth-child(n+2) {
  width: calc((100% - 150px) / 3);
  border-left: 1px solid #ddd;
}
._ballsWrap_pt61l_147 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
._ballCell_pt61l_154 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._countBadge_pt61l_161 {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  background: #e53935;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 2;
}
:where(html:not([data-desktop-view=true])) ._tableWrapper_pt61l_102 {
  padding: 15px;
}
:where(html:not([data-desktop-view=true])) ._dataTable_pt61l_111 td {
  height: 40px;
}
:where(html:not([data-desktop-view=true])) ._dataTable_pt61l_111 th:first-child,
:where(html:not([data-desktop-view=true])) ._dataTable_pt61l_111 td:first-child {
  width: 60px;
}
:where(html:not([data-desktop-view=true])) ._dataTable_pt61l_111 td:nth-child(n+2),
:where(html:not([data-desktop-view=true])) ._dataTable_pt61l_111 th:nth-child(n+2) {
  width: calc((100% - 60px) / 3);
  border-left: 1px solid #ddd;
}
:where(html:not([data-desktop-view=true])) ._ballsWrap_pt61l_147 {
  gap: 2px;
  flex-wrap: wrap;
}
:where(html:not([data-desktop-view=true])) ._countBadge_pt61l_161 {
  min-width: 15px;
  height: 15px;
  font-size: 9px;
  top: -8px;
  right: -4px;
}
._analyticsRenderer_1m0yt_1 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._content_1m0yt_7 {
  min-height: 400px;
  border-radius: 4px;
}
._playTricksPage_ysde7_1 {
  width: 100%;
  min-height: 100vh;
}
._container_ysde7_6 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 20px;
}
._mainContent_ysde7_16 {
  display: flex;
  flex-direction: column;
}
._sidebar_ysde7_21 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._playTricksList_ysde7_27 {
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
._playTricksItems_ysde7_34 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #ffffff;
  background: #f9f9f9;
}
._playTricksItem_ysde7_34 {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  cursor: pointer;
  text-decoration: none;
}
._left_ysde7_53 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
._loading_ysde7_60 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
._type_ysde7_67 {
  width: 70px;
  border: 1px solid var(--brand-accent);
  padding: 5px;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._title_ysde7_78 {
  font-weight: 500;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._releaseDate_ysde7_84 {
  font-weight: 500;
  font-size: 14px;
  color: var(--Grey-5, #7c7c7c);
}
._playTricksHeader_ysde7_90 {
  border-radius: 6px 6px 0 0;
  background: #ffffff;
  border: solid 1px #ffffff;
  max-width: 100%;
  height: 70px;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  position: relative;
}
._tabs_ysde7_100 {
  height: 70px;
  display: flex;
  align-items: center;
  gap: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding-right: 20px;
  padding-left: 20px;
}
._tab_ysde7_100 {
  border: none;
  border-bottom: solid 4px transparent;
  font-weight: 600;
  font-size: 16px;
  background: transparent;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--Icon-Dark, #34364c);
  gap: 4px;
}
._tab_ysde7_100._active_ysde7_127,
._tab_ysde7_100:hover {
  color: var(--brand-accent);
  border-bottom: 4px solid var(--brand-accent);
}
._tab_ysde7_100._active_ysde7_127 img,
._tab_ysde7_100:hover img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(66%) saturate(840%) hue-rotate(331deg) brightness(104%) contrast(98%);
}
:where(html:not([data-desktop-view=true])) ._playTricksPage_ysde7_1 {
  min-width: 375px;
  min-height: calc(100vh - 136px);
  padding-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._container_ysde7_6 {
  width: 100%;
  padding: 0 15px 15px 15px;
  grid-template-columns: 1fr;
  overflow-x: hidden;
}
:where(html:not([data-desktop-view=true])) ._sidebar_ysde7_21 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._mainContent_ysde7_16 {
  overflow-x: hidden;
}
:where(html:not([data-desktop-view=true])) ._mobileHeader_ysde7_152 {
  display: flex;
  align-items: center;
  padding: 16px 0;
  position: relative;
  background: #f4f4f4;
  margin-bottom: 20px;
}
:where(html:not([data-desktop-view=true])) ._backButton_ysde7_160 {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--brand-accent);
  position: absolute;
  left: 0;
}
:where(html:not([data-desktop-view=true])) ._backButton_ysde7_160 span {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px !important;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}
:where(html:not([data-desktop-view=true])) ._backButton_ysde7_160 ._backIcon_ysde7_182 {
  font-size: 24px !important;
}
:where(html:not([data-desktop-view=true])) ._playTricksHeader_ysde7_90 {
  width: 100% !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 0 -16px;
  padding: 0 16px;
  border: none !important;
}
:where(html:not([data-desktop-view=true])) ._playTricksHeader_ysde7_90::-webkit-scrollbar {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._playTricksHeader_ysde7_90 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
:where(html:not([data-desktop-view=true])) ._tabs_ysde7_100 {
  gap: 30px;
  padding-right: 16px;
  padding-left: 16px;
  flex-wrap: nowrap;
  width: max-content;
  min-width: calc(100% + 32px);
}
:where(html:not([data-desktop-view=true])) ._tab_ysde7_100 {
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._playTricksItems_ysde7_34 {
  padding: 16px;
  gap: 0;
}
:where(html:not([data-desktop-view=true])) ._playTricksItem_ysde7_34 {
  padding: 16px 0;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0f0f0;
}
:where(html:not([data-desktop-view=true])) ._playTricksItem_ysde7_34:last-child {
  border-bottom: none;
}
:where(html:not([data-desktop-view=true])) ._left_ysde7_53 {
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
:where(html:not([data-desktop-view=true])) ._type_ysde7_67 {
  flex-shrink: 0;
  width: auto;
  min-width: 74px;
  font-size: 14px;
  padding: 4px 8px;
}
:where(html:not([data-desktop-view=true])) ._title_ysde7_78 {
  font-size: 14px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._releaseDate_ysde7_84 {
  font-size: 14px;
  flex-shrink: 0;
  color: var(--Grey-5, #7c7c7c);
}
._hotTricks_1kapi_1 {
  display: flex;
  flex-direction: column;
}
._loading_1kapi_6 {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
  background: #f9f9f9;
  border-radius: 8px;
}
._hotTricksList_1kapi_15 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: 6px;
}
._hotTricksItem_1kapi_22 {
  height: 50px;
  gap: 10px;
  padding: 6px 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
._hotTricksItem_1kapi_22:nth-child(1) {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
._hotTricksItem_1kapi_22:nth-last-child(1) {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._type_1kapi_46 {
  width: 70px;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid var(--brand-accent);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._title_1kapi_57 {
  font-weight: 500;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
}
._itemLeft_13jnv_1 span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
}
._morePage_13jnv_10 {
  padding: 16px;
  background: #f7f7f7;
  overflow-y: auto;
  box-sizing: border-box;
  margin-bottom: 76px;
}
._section_13jnv_18 {
  margin-bottom: 24px;
}
._sectionHeader_13jnv_22 {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--brand-accent);
  margin-bottom: 8px;
  gap: 8px;
}
._sectionHeader_13jnv_22 h3 {
  font-size: 18px !important;
}
._sectionContent_13jnv_34 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}
._item_13jnv_1 {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  color: var(--Icon-Dark, #34364c);
}
._item_13jnv_1:last-child {
  border-bottom: none;
}
._itemLeft_13jnv_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
._itemLeft_13jnv_1 span {
  font-size: 16px;
}
._itemValue_13jnv_64 {
  color: var(--Icon-Dark, #34364c);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: right;
  margin-left: auto;
}
._itemAction_13jnv_76 {
  font-size: 18px;
  margin-left: 8px;
}
._customToast_13jnv_81 {
  background: var(--brand-accent) !important;
  color: var(--Dark-2, #1f212f);
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 0;
  width: 100%;
  max-width: 500px;
  gap: 10px;
}
._customToast_13jnv_81 span:not([class*=toast]) {
  flex: 1;
}
._customToast_13jnv_81 ._toastIcon_13jnv_102,
._customToast_13jnv_81 .toastIcon {
  width: 20px;
  height: 20px;
}
._customToast_13jnv_81 ._toastIcon_13jnv_102 svg,
._customToast_13jnv_81 ._toastIcon_13jnv_102 img,
._customToast_13jnv_81 .toastIcon svg,
._customToast_13jnv_81 .toastIcon img {
  width: 20px;
  height: 20px;
  display: block;
}
._customToast_13jnv_81 ._toastClose_13jnv_115,
._customToast_13jnv_81 .toastClose {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  opacity: 0.8;
}
._customToast_13jnv_81 ._toastClose_13jnv_115 img,
._customToast_13jnv_81 .toastClose img {
  width: 18px;
  height: 18px;
  display: block;
}
._customToast_13jnv_81 ._toastClose_13jnv_115:hover,
._customToast_13jnv_81 .toastClose:hover {
  opacity: 1;
}
._overlay_akeil_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 33px 16px;
  gap: 15px;
}
._modal_akeil_17 {
  position: relative;
  background: transparent;
  border-radius: 4px;
  width: 100%;
  max-width: 370px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
._closeButton_akeil_28 {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
._closeButton_akeil_28 img {
  width: 16px;
  height: 16px;
  transition: opacity 0.2s;
}
._closeButton_akeil_28:hover img {
  opacity: 1;
}
._content_akeil_50 {
  background: #fff;
  padding: 65px 20px 50px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: auto;
}
._title_akeil_60 {
  margin: 0 0 6px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 26px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Icon-Dark, #34364c);
}
._description_akeil_72 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Grey-5, #7c7c7c);
  margin: 0 0 15px;
}
._buttonGroup_akeil_84 {
  display: flex;
  gap: 15px;
}
._platformButton_akeil_89 {
  padding: 8px 20px;
  max-width: 84px;
  max-height: 40px;
  background: var(--brand-button-gradient);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.3);
}
._platformButton_akeil_89:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4);
}
._platformButton_akeil_89:active {
  transform: translateY(0);
}
._qrCodeSection_akeil_116 {
  background: #fff;
  border-radius: 4px;
  width: 100%;
}
._qrCodeWrapper_akeil_122 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 15px;
  border-radius: 4px;
}
._qrCode_akeil_116 {
  width: 196px;
  height: 196px;
  display: block;
}
._instruction_akeil_137 {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Grey-5, #7c7c7c);
  margin: 0px 0 6px;
}
._instruction2_akeil_149 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--Grey-5, #7c7c7c);
  margin: 0px 0 6px;
}
._saveButtonWrapper_akeil_161 {
  width: 100%;
  max-width: 370px;
}
._saveButton_akeil_161 {
  width: 100%;
  max-width: 370px;
  padding: 14px;
  background: var(--brand-button-gradient);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);
}
._saveButton_akeil_161:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);
}
._saveButton_akeil_161:active {
  transform: translateY(0);
}
._contentPage_1na6d_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100vh;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 999;
}
._header_1na6d_15 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  z-index: 100;
}
._backButton_1na6d_29 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: color 0.2s;
}
._backButton_1na6d_29:hover {
  color: var(--brand-accent);
}
._title_1na6d_44 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
  flex: 1;
  text-align: center;
}
._placeholder_1na6d_53 {
  width: 40px;
}
._content_1na6d_1 {
  margin-top: 57px;
  padding: 20px 16px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow-y: auto;
  height: calc(100vh - 57px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
._description_1na6d_70 {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  font-size: 15px;
  color: #666;
  line-height: 1.8;
}
._description_1na6d_70 h1,
._description_1na6d_70 h2,
._description_1na6d_70 h3,
._description_1na6d_70 h4,
._description_1na6d_70 h5,
._description_1na6d_70 h6 {
  color: #333;
  margin: 20px 0 10px;
  font-weight: 600;
}
._description_1na6d_70 h1:first-child,
._description_1na6d_70 h2:first-child,
._description_1na6d_70 h3:first-child,
._description_1na6d_70 h4:first-child,
._description_1na6d_70 h5:first-child,
._description_1na6d_70 h6:first-child {
  margin-top: 0;
}
._description_1na6d_70 h1 {
  font-size: 24px;
}
._description_1na6d_70 h2 {
  font-size: 20px;
}
._description_1na6d_70 h3 {
  font-size: 18px;
}
._description_1na6d_70 h4 {
  font-size: 16px;
}
._description_1na6d_70 p {
  margin: 12px 0;
}
._description_1na6d_70 p:first-child {
  margin-top: 0;
}
._description_1na6d_70 p:last-child {
  margin-bottom: 0;
}
._description_1na6d_70 ul,
._description_1na6d_70 ol {
  margin: 12px 0;
  padding-left: 25px;
}
._description_1na6d_70 li {
  margin: 8px 0;
}
._description_1na6d_70 a {
  color: var(--brand-accent);
  text-decoration: none;
}
._description_1na6d_70 a:hover {
  text-decoration: underline;
}
._description_1na6d_70 strong {
  font-weight: 600;
  color: #333;
}
._description_1na6d_70 em {
  font-style: italic;
}
._description_1na6d_70 br {
  display: block;
  content: "";
  margin: 8px 0;
}
@media (max-width: 768px) {
  ._header_1na6d_15 {
    padding: 12px 16px;
  }
  ._title_1na6d_44 {
    font-size: 16px;
  }
  ._content_1na6d_1 {
    margin-top: 53px;
    padding: 16px 12px;
    height: calc(100vh - 53px);
  }
  ._description_1na6d_70 {
    padding: 20px 16px;
    font-size: 14px;
  }
  ._description_1na6d_70 h1 {
    font-size: 20px;
  }
  ._description_1na6d_70 h2 {
    font-size: 18px;
  }
  ._description_1na6d_70 h3 {
    font-size: 16px;
  }
  ._description_1na6d_70 h4 {
    font-size: 15px;
  }
}
._header_r522o_2 {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  position: sticky;
  min-height: 60px;
  top: 0;
  z-index: 9;
}
._orange_r522o_13 {
  background: var(--brand-button-gradient);
}
._orange_r522o_13 ._backButton_r522o_16 {
  color: #f9f9f9;
}
._orange_r522o_13 ._title_r522o_19 {
  color: #fff;
}
._white_r522o_24 {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
._white_r522o_24 ._backButton_r522o_16 {
  color: #333;
}
._white_r522o_24 ._backButton_r522o_16:hover {
  color: var(--brand-accent);
}
._white_r522o_24 ._title_r522o_19 {
  color: #333;
}
._backButton_r522o_16 {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0;
  font-weight: 500;
  font-size: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}
._arrow_r522o_52 {
  line-height: 1;
}
._title_r522o_19 {
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
._right_r522o_64 {
  flex-shrink: 0;
  min-width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
._feedbackPage_ihi7j_1 {
  min-height: 100vh;
  background: #f7f7f7;
  padding-bottom: 80px;
}
._header_ihi7j_7 {
  background: var(--brand-accent);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1;
}
._backButton_ihi7j_17 {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0;
  font-weight: 500;
  font-size: 20px;
  vertical-align: middle;
  color: var(--Color, #f9f9f9);
}
._title_ihi7j_31 {
  flex: 1;
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin-right: 60px;
}
._content_ihi7j_40 {
  display: flex;
  flex-direction: column;
  padding: 24px 16px;
  gap: 15px;
}
._iconContainer_ihi7j_47 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  flex-direction: row;
  white-space: nowrap;
  font-weight: 600;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
  gap: 7px;
}
._form_ihi7j_60 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
._formContainer_ihi7j_66 {
  gap: 20px;
  border-radius: 4px;
  border-width: 1px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #ffffff;
  display: flex;
  flex-direction: column;
}
._formGroup_ihi7j_77 {
  display: flex;
  flex-direction: column;
}
._label_ihi7j_82 {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #34364c;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
}
._input_ihi7j_93 {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background: #f9f9f9;
  color: #34364c;
  box-sizing: border-box;
  font-family: inherit;
  transition: border-color 0.2s, background-color 0.2s;
}
._input_ihi7j_93::placeholder {
  color: #999;
}
._input_ihi7j_93:focus {
  outline: none;
  border-color: var(--brand-accent);
  background: white;
}
._inputError_ihi7j_114 {
  border-color: #ff4444 !important;
  background: #fff5f5;
}
._inputError_ihi7j_114:focus {
  background: white;
}
._textarea_ihi7j_122 {
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
}
._errorMessage_ihi7j_128 {
  display: block;
  color: #ff4444;
  font-size: 13px;
  margin-top: 6px;
  font-weight: 500;
}
._fieldFooter_ihi7j_136 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  min-height: 20px;
}
._charCounter_ihi7j_144 {
  margin-left: auto;
  font-size: 13px;
  color: #999;
  font-weight: 500;
}
._submitButton_ihi7j_151 {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  padding: 10px 30px;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  font-family: Inter;
  font-weight: 700;
  font-size: 20px;
  color: var(--Color, #f9f9f9);
  cursor: pointer;
  transition: opacity 0.2s;
}
._submitButton_ihi7j_151:hover:not(:disabled) {
  opacity: 0.9;
}
._submitButton_ihi7j_151:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._successContent_ihi7j_174 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  border-radius: 4px;
  padding: 50px 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._successIcon_ihi7j_184 {
  width: 80px;
  height: 80px;
}
._successTitle_ihi7j_189 {
  font-weight: 700;
  font-size: 30px;
  color: var(--Icon-Dark, #34364c);
}
._successMessage_ihi7j_195 {
  font-weight: 500;
  font-size: 16px;
  color: var(--Grey-5, #7c7c7c);
}
._closeButton_ihi7j_201 {
  height: 50px;
  gap: 5px;
  border-radius: 4px;
  padding: 10px 30px;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  font-weight: 700;
  font-size: 20px;
  color: var(--Color, #f9f9f9);
}
._mobileHeader_1qsp5_1 {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  background: #f4f4f4;
}
._backButton_1qsp5_9 {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--brand-accent);
}
._backButton_1qsp5_9 span {
  font-family: Inter;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: inherit;
}
._backButton_1qsp5_9 ._backIcon_1qsp5_28 {
  font-size: 24px;
}
._page_x9jpt_2 {
  width: 100%;
  min-height: calc(100vh - 200px);
}
._container_x9jpt_7 {
  margin: 0 auto;
  padding-block: 20px 100px;
  width: 1200px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._pageTitle_x9jpt_18 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
._pageTitle_x9jpt_18 span {
  font-weight: 700;
  font-size: 20px;
  color: var(--Icon-Dark, #34364c);
}
._pageTitleIcon_x9jpt_32 {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
._layout_x9jpt_39 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}
._sidebar_x9jpt_47 {
  width: 300px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 6px 6px 0 0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
._sidebarHeader_x9jpt_56 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
._sidebarHeader_x9jpt_56 span {
  font-weight: 700;
  font-size: 20px;
  color: var(--Icon-Dark, #34364c);
}
._sidebarHeaderIcon_x9jpt_72 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  opacity: 0.75;
}
._navItem_x9jpt_79 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.15s;
  cursor: pointer;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  background: var(--Color, #f9f9f9);
  color: var(--Icon-Dark, #34364c);
  margin-bottom: 1px;
}
._navItem_x9jpt_79:last-child {
  border-bottom: none;
}
._navItem_x9jpt_79:hover:not(._navItemActive_x9jpt_98) {
  color: var(--brand-accent);
}
._navItem_x9jpt_79 span {
  color: inherit;
}
._navItemActive_x9jpt_98 {
  background: var(--brand-accent);
  color: #fff;
}
._navItemActive_x9jpt_98 ._navArrow_x9jpt_109 {
  color: #fff;
}
._navArrow_x9jpt_109 {
  font-size: 18px;
  color: #000000;
  line-height: 1;
}
._contentPanel_x9jpt_120 {
  flex: 1;
  min-width: 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._contentTitle_x9jpt_128 {
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 700;
  font-size: 20px;
  color: var(--Icon-Dark, #34364c);
}
._contentBody_x9jpt_137 {
  font-size: 14px;
  color: #555;
  line-height: 1.8;
  padding: 20px;
  background: var(--Color, #f9f9f9);
}
._contentBody_x9jpt_137 p {
  margin: 15px 0;
  color: var(--Icon-Dark, #34364c);
  font-weight: 500;
  font-size: 14px;
}
._contentBody_x9jpt_137 p:first-child {
  margin-top: 0;
}
._contentBody_x9jpt_137 p:last-child {
  margin-bottom: 0;
}
._contentBody_x9jpt_137 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 20px 0 10px;
}
._contentBody_x9jpt_137 h3:first-child {
  margin-top: 0;
}
._contentBody_x9jpt_137 h4 {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 16px 0 8px;
}
._contentBody_x9jpt_137 ol,
._contentBody_x9jpt_137 ul {
  margin: 15px 0;
  padding-left: 24px;
}
._contentBody_x9jpt_137 li {
  color: var(--Icon-Dark, #34364c);
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  margin: 15px 0;
}
._contentBody_x9jpt_137 span {
  font-weight: 600;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
}
._contactGrid_x9jpt_190 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  background: var(--Color, #f9f9f9);
  border-radius: 6px;
}
._contactCard_x9jpt_199 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  flex: 1;
  min-width: 220px;
  text-decoration: none;
  color: inherit;
}
._contactIcon_x9jpt_210 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._contactEmail_x9jpt_216 {
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._contentPanel_x9jpt_120 {
  border: 1px solid #ffffff;
}
:where(html:not([data-desktop-view=true])) ._container_x9jpt_7 {
  width: 100%;
  padding-inline: 15px;
  margin-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._contentTitle_x9jpt_128 {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._contentBody_x9jpt_137 p {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._pageTitle_x9jpt_18 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._layout_x9jpt_39 {
  flex-direction: column;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._sidebar_x9jpt_47 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._contactGrid_x9jpt_190 {
  flex-direction: column;
}
:where(html:not([data-desktop-view=true])) ._contactCard_x9jpt_199 {
  min-width: 0;
}
._recommendationTypePage_satkq_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: none;
  z-index: 999;
}
._lotteryTypePage_satkq_15 {
  padding: 15px;
  padding-bottom: 80px;
  background: #f4f4f4;
}
._sectionWrapper_satkq_21 {
  margin-bottom: 20px;
}
._itemsGrid_satkq_25 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
._recommendationItem_satkq_31 {
  background: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 10px;
  cursor: pointer;
}
._recommendationItem_satkq_31:active {
  background: #f0f0f0;
}
._itemIcon_satkq_51 {
  width: 50px;
  height: 50px;
}
._itemName_satkq_56 {
  color: var(--Icon-Dark, #34364c);
  text-align: center;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}
._lotteryTimer_satkq_68 {
  color: #fff;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  border-radius: 4px;
  width: 88px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._lotteryTimer_satkq_68 span {
  color: inherit;
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 11px !important;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}
._ruleContent_1g99j_1 {
  font-family: inter, sans-serif;
  font-size: 14px;
  color: #303030;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._mainTitle_1g99j_10 {
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  margin: 5px 0;
  color: #303030;
}
._title1_1g99j_18 {
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  margin: 4px 0;
  color: #303030;
}
._title2_1g99j_26 {
  font-size: 16px;
  font-weight: 900;
  margin: 4px 0;
  color: #303030;
}
._title3_1g99j_33 {
  font-size: 15px;
  font-weight: 700;
  margin: 4px 0;
  color: #303030;
}
._panel_1g99j_40 {
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  overflow: hidden;
}
._panelHeader_1g99j_46 {
  padding: 20px;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._panelBody_1g99j_55 {
  padding: 20px;
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #ffffff;
}
._paragraph_1g99j_64 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  background: var(--Color, #f9f9f9);
  padding: 10px;
  border-radius: 4px;
}
._paragraph_1g99j_64 span {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
._paragraph_1g99j_64._indent_1g99j_79 span {
  text-indent: 2em;
}
._paragraph_1g99j_64._alignLeft_1g99j_82 span {
  text-align: left;
}
._paragraph_1g99j_64._alignCenter_1g99j_85 span {
  text-align: center;
}
._paragraph_1g99j_64._alignRight_1g99j_88 span {
  text-align: right;
}
._paragraph_1g99j_64._alignJustify_1g99j_91 span {
  text-align: justify;
}
._paragraph_1g99j_64._strong_1g99j_94 span {
  font-weight: 700;
  color: #303030;
}
._paragraphChild_1g99j_99 {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._paragraphChild_1g99j_99 > span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
}
._tableWrapper_1g99j_112 {
  overflow-x: auto;
}
._tableCaption_1g99j_116 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 6px;
  font-size: 14px;
  color: #303030;
}
._table_1g99j_112,
._tableBordered_1g99j_125 {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
._table_1g99j_112 th,
._table_1g99j_112 td,
._tableBordered_1g99j_125 th,
._tableBordered_1g99j_125 td {
  padding: 7px 10px;
  vertical-align: middle;
  word-break: break-word;
}
._table_1g99j_112 th._alignLeft_1g99j_82,
._table_1g99j_112 td._alignLeft_1g99j_82,
._tableBordered_1g99j_125 th._alignLeft_1g99j_82,
._tableBordered_1g99j_125 td._alignLeft_1g99j_82 {
  text-align: left;
}
._table_1g99j_112 th._alignCenter_1g99j_85,
._table_1g99j_112 td._alignCenter_1g99j_85,
._tableBordered_1g99j_125 th._alignCenter_1g99j_85,
._tableBordered_1g99j_125 td._alignCenter_1g99j_85 {
  text-align: center;
}
._table_1g99j_112 th._alignRight_1g99j_88,
._table_1g99j_112 td._alignRight_1g99j_88,
._tableBordered_1g99j_125 th._alignRight_1g99j_88,
._tableBordered_1g99j_125 td._alignRight_1g99j_88 {
  text-align: right;
}
._table_1g99j_112 th,
._tableBordered_1g99j_125 th {
  font-weight: 700;
  min-height: 60px;
  height: 60px;
}
._table_1g99j_112 td,
._tableBordered_1g99j_125 td {
  min-height: 50px;
  height: 50px;
}
._tableBordered_1g99j_125 {
  border: 1px solid #c0c0c0;
}
._tableBordered_1g99j_125 th {
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, rgba(0, 0, 0, 0.062745098));
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
}
._tableBordered_1g99j_125 td {
  font-size: 14px;
  background: #ffffff;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, rgba(0, 0, 0, 0.062745098));
  text-align: center;
}
._imageWrapper_1g99j_187 {
  margin: 0;
}
._imageWrapper_1g99j_187._alignLeft_1g99j_82 {
  text-align: left;
}
._imageWrapper_1g99j_187._alignCenter_1g99j_85 {
  text-align: center;
}
._imageWrapper_1g99j_187._alignRight_1g99j_88 {
  text-align: right;
}
._imageWrapper_1g99j_187._floatRight_1g99j_199 {
  float: right;
  margin-left: 16px;
  margin-bottom: 8px;
  max-width: 35%;
}
._imageWrapper_1g99j_187._floatLeft_1g99j_205 {
  float: left;
  margin-right: 16px;
  margin-bottom: 8px;
  max-width: 35%;
}
._imageWrapper_1g99j_187 a {
  display: inline-block;
}
._image_1g99j_187 {
  max-width: 100%;
  height: auto;
  display: block;
}
._panelBody_1g99j_55::after {
  content: "";
  display: table;
  clear: both;
}
._list_1g99j_227 {
  margin: 0;
  padding-left: 24px;
}
._list_1g99j_227 li {
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
}
._subList_1g99j_236 {
  margin-top: 4px;
  padding-left: 20px;
}
._divider_1g99j_241 {
  margin: 4px 0;
  border: none;
  border-top: 1px solid #e8e8e8;
}
._rowBlock_1g99j_247 {
  display: grid;
  gap: 16px;
  align-items: start;
}
._rowLeft_1g99j_253 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._rowRight_1g99j_259 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
._rowRight_1g99j_259 img {
  max-width: 100%;
  height: auto;
}
._inlineImage_1g99j_270 {
  display: inline;
  vertical-align: middle;
  width: auto;
  height: 18px;
  margin: 0 2px;
}
._linkBlock_1g99j_278 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  background: var(--Color, #f9f9f9);
  border-radius: 4px;
}
._linkLabel_1g99j_291 {
  color: var(--Icon-Dark, #34364c);
}
._link_1g99j_278 {
  color: #0000ff;
  text-decoration: none;
}
._link_1g99j_278:hover {
  opacity: 0.8;
}
:where(html:not([data-desktop-view=true])) ._list_1g99j_227 li {
  overflow-wrap: break-word;
}
:where(html:not([data-desktop-view=true])) ._panelHeader_1g99j_46 {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._paragraph_1g99j_64 {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._tableBordered_1g99j_125 th {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._tableBordered_1g99j_125 td {
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._rowBlock_1g99j_247 {
  grid-template-columns: auto !important;
}
:where(html:not([data-desktop-view=true])) ._rowRight_1g99j_259 {
  align-items: center;
}
:where(html:not([data-desktop-view=true])) ._imageWrapper_1g99j_187._alignCenter_1g99j_85 {
  display: flex;
  justify-content: center;
}
._helpCenterPage_d3tvp_1 {
  width: 100%;
  background: #efefef;
}
._container_d3tvp_6 {
  width: 1200px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px 0;
}
._wrapper_d3tvp_15 {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
._sidebar_d3tvp_22 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._sidebarHeader_d3tvp_28 {
  border-radius: 6px 6px 0 0;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 10px;
}
._sidebarHeader_d3tvp_28 img {
  width: 24px;
  height: 24px;
}
._sidebarHeader_d3tvp_28 span {
  font-size: 20px;
  color: var(--Icon-Dark, #34364c);
  font-weight: 700;
}
._menu_d3tvp_48 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._menuItem_d3tvp_54 {
  display: flex;
  align-items: center;
  width: 300px;
  padding: 20px;
  cursor: pointer;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  justify-content: space-between;
}
._menuItemActive_d3tvp_66 {
  background: var(--brand-accent);
}
._menuItemActive_d3tvp_66 span {
  color: #fff;
}
._menuItemLabel_d3tvp_73 {
  font-size: 16px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
}
._arrow_d3tvp_79 {
  font-size: 16px;
  line-height: 1;
  color: #000000;
  font-weight: 700;
}
._content_d3tvp_86 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._contentHeader_d3tvp_92 {
  display: flex;
  align-items: stretch;
  gap: 10px;
}
._contentTitleCard_d3tvp_98 {
  flex: 1;
  padding: 20px;
  border-radius: 6px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._title_d3tvp_107 {
  margin: 0;
  font-size: 20px;
  color: var(--Icon-Dark, #34364c);
  font-weight: 700;
}
._rulePanel_d3tvp_114 {
  gap: 10px;
  border-width: 1px;
  padding: 0;
  border-radius: 6px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._ruleBlock_d3tvp_122 {
  border: 1px solid #ececec;
  background: #fff;
  border-radius: 4px;
  padding: 10px 12px;
  margin-bottom: 10px;
}
._ruleBlock_d3tvp_122 h2 {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.4;
  color: #2d2d2d;
  font-weight: 700;
}
._ruleBlock_d3tvp_122 p {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.65;
  color: #515151;
}
._ruleBlock_d3tvp_122 ul {
  margin: 0;
  padding-left: 18px;
}
._ruleBlock_d3tvp_122 li {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.6;
  color: #515151;
}
._rawRuleContent_d3tvp_153 {
  color: #515151;
  font-size: 13px;
  line-height: 1.6;
}
._rawRuleContent_d3tvp_153 p {
  margin: 0 0 8px;
}
._rawRuleContent_d3tvp_153 table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
  display: block;
  overflow-x: auto;
}
._rawRuleContent_d3tvp_153 td,
._rawRuleContent_d3tvp_153 th {
  border: 1px solid #ddd;
  padding: 6px;
  font-size: 12px;
  white-space: nowrap;
}
._rawRuleContent_d3tvp_153 ul,
._rawRuleContent_d3tvp_153 ol {
  padding-left: 20px;
  margin: 0 0 8px;
}
._rawRuleContent_d3tvp_153 img {
  max-width: 100%;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._helpCenterPage_d3tvp_1 {
  padding: 15px;
  padding-bottom: 80px;
}
:where(html:not([data-desktop-view=true])) ._container_d3tvp_6 {
  width: 100%;
  padding-top: 0px;
}
:where(html:not([data-desktop-view=true])) ._wrapper_d3tvp_15 {
  grid-template-columns: 1fr;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._sidebarHeader_d3tvp_28 h3 {
  font-size: 20px;
}
:where(html:not([data-desktop-view=true])) ._menu_d3tvp_48 {
  max-height: 50vh;
}
:where(html:not([data-desktop-view=true])) ._content_d3tvp_86 {
  max-width: calc(100vw - 30px);
}
:where(html:not([data-desktop-view=true])) ._title_d3tvp_107 {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._rulePanel_d3tvp_114 {
  max-height: none;
  min-height: 460px;
}
:where(html:not([data-desktop-view=true])) ._ruleBlock_d3tvp_122 {
  padding: 9px 10px;
}
:where(html:not([data-desktop-view=true])) ._ruleBlock_d3tvp_122 h2 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._ruleBlock_d3tvp_122 p,
:where(html:not([data-desktop-view=true])) ._ruleBlock_d3tvp_122 li {
  font-size: 12px;
}
._contentTitleCard_d3tvp_98 {
  padding: 15px;
}
._mobileRulesTrigger_d3tvp_228 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  min-width: 100px;
  gap: 6px;
}
._mobileRulesTrigger_d3tvp_228:active {
  opacity: 0.85;
}
._mobileRulesIcon_d3tvp_245 {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
._mobileRulesArrow_d3tvp_251 {
  font-size: 16px;
  font-weight: 700;
  color: #34364c;
}
._mobileRulesTrigger_d3tvp_228 span:not(._mobileRulesArrow_d3tvp_251) {
  font-size: 12px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
}
._drawer_d3tvp_263 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 15px;
}
._drawerHeader_d3tvp_274 {
  display: flex;
  align-items: center;
  padding: 16px;
  background: #fff;
  min-height: 56px;
}
._drawerClose_d3tvp_282 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
._drawerClose_d3tvp_282 span {
  font-size: 20px;
  font-weight: 600;
  color: var(--Orange-3, #f98f1a);
}
._drawerCloseIcon_d3tvp_297 {
  font-size: 14px;
  color: var(--brand-primary, #f98f1a);
  font-weight: 700;
}
._drawerBody_d3tvp_303 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
._drawerBody_d3tvp_303 ._menu_d3tvp_48 {
  max-height: none;
}
._drawerBody_d3tvp_303 ._menuItem_d3tvp_54 {
  width: 100%;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
._fab_1pogk_1 {
  position: fixed;
  bottom: 24px;
  right: 16px;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: var(--brand-button-gradient);
  border: none;
  border-radius: 40px;
  cursor: pointer;
  user-select: none;
}
._fab_1pogk_1:active {
  transform: scale(0.95);
}
._icon_1pogk_23 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._categoryGroup_39k0g_1 {
  margin-bottom: 15px;
  border-radius: 4px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #f4f4f4;
  overflow: hidden;
}
._header_39k0g_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 20px;
  cursor: pointer;
  user-select: none;
  border-radius: 4px 4px 0 0;
  background-color: #f4f4f4;
}
._headerTitleContainer_39k0g_21 {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 4px 4px 0 0;
}
._icon_39k0g_28 {
  font-size: 20px;
}
._title_39k0g_32 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Inter";
  color: #34364c;
}
._chevron_39k0g_39 {
  font-size: 10px;
  color: #666;
  transition: transform 0.2s ease;
  width: 12px;
  text-align: center;
}
._chevronCollapsed_39k0g_47 {
  transform: rotate(180deg);
}
._items_39k0g_51 {
  display: flex;
  flex-direction: column;
}
._checkboxItem_39k0g_56 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 20px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease;
}
._checkboxItem_39k0g_56:hover {
  background-color: #f9f9f9;
}
._lotteryName_39k0g_70 {
  font-size: 16px;
  font-weight: 500;
  color: #34364c;
}
._checkbox_39k0g_56 {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1.5px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
._checkboxSelected_39k0g_88 {
  background-color: var(--brand-accent);
  border-color: var(--brand-accent);
}
._checkmark_39k0g_93 {
  color: #fff;
  font-size: 14px;
  line-height: 1;
}
._filterPanel_1sbjg_1 {
  max-width: 300px;
  width: 300px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ffffff;
  border-radius: 6px;
  background-color: #ffffff;
  height: 100%;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 20px;
  gap: 15px;
}
._title_1sbjg_15 {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  flex-shrink: 0;
}
._actionContainer_1sbjg_22 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._actions_1sbjg_29 {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
._actionBtn_1sbjg_35 {
  flex: 1;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-radius: 4px;
  text-align: center;
  background-color: #ffffff;
  color: #7c7c7c;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  user-select: none;
}
._actionBtn_1sbjg_35:hover {
  background-color: #f9f9f9;
}
._categories_1sbjg_53 {
  flex: 1;
  overflow-y: auto;
}
:where(html:not([data-desktop-view=true])) ._filterPanel_1sbjg_1 {
  padding: 0;
}
:where(html:not([data-desktop-view=true])) ._actionBtn_1sbjg_35 {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
  color: #34364c;
}
._tabBar_1l56r_1 {
  display: flex;
  gap: 30px;
}
._tab_1l56r_1 {
  position: relative;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #34364c;
  transition: color 0.2s ease;
}
._tab_1l56r_1:hover:not(._active_1l56r_16) {
  color: var(--brand-accent);
}
._tab_1l56r_1._active_1l56r_16 {
  color: var(--brand-accent);
}
._tab_1l56r_1._active_1l56r_16::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._tabBar_1l56r_1 {
  height: 70px;
  max-height: 70px;
  padding: 0 20px;
}
._thresholdFilter_8blen_1 {
  display: flex;
  align-items: center;
  gap: 20px;
}
._label_8blen_7 {
  font-size: 16px;
  font-weight: 500;
  color: #34364c;
  white-space: nowrap;
}
._select_8blen_14 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 2px 30px 2px 8px;
  font-size: 16px;
  font-weight: 500;
  color: #34364c;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  width: 80px;
  max-width: 80px;
  height: 39px;
  max-height: 39px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2334364C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  transition: border-color 0.2s ease;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._select_8blen_14:hover {
  border-color: var(--brand-accent);
}
._select_8blen_14:focus {
  border-color: var(--brand-accent);
}
:where(html:not([data-desktop-view=true])) ._thresholdFilter_8blen_1 {
  height: 70px;
  max-height: 70px;
  padding: 0 20px;
}
._actionButtons_goxl3_1 {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
._btn_goxl3_7 {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #f9f9f9;
  background: var(--brand-button-gradient);
  height: 30px;
  max-height: 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
._btn_goxl3_7:hover {
  opacity: 0.85;
}
._btn_goxl3_7:active {
  opacity: 0.7;
}
._disabled_goxl3_29 {
  background-color: #ccc;
  color: #999;
  cursor: not-allowed;
  pointer-events: none;
}
._streakTableWrapper_1lx86_1 {
  width: 100%;
  overflow-x: auto;
  padding: 20px;
  gap: 4px;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._streakTable_1lx86_1 {
  width: 100%;
  border-collapse: collapse;
}
._thead_1lx86_17 {
  background-color: #f9f9f9;
}
._th_1lx86_17 {
  padding: 10px 5px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  border: 1px solid #e8e8e8;
  white-space: nowrap;
  text-align: center;
  height: 50px;
  max-height: 50px;
}
._td_1lx86_33 {
  padding: 10px 5px;
  color: #333;
  border: 1px solid #e8e8e8;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-align: center;
  height: 50px;
  max-height: 50px;
}
._emptyState_1lx86_45 {
  height: 50px;
  max-height: 50px;
  background-color: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #e8e8e8;
}
:where(html:not([data-desktop-view=true])) ._streakTableWrapper_1lx86_1 {
  padding: 0;
  border: 0;
}
:where(html:not([data-desktop-view=true])) ._streakTable_1lx86_1 tr > *:nth-child(3) {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  white-space: normal;
}
._streakContainer_xrcwk_1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._streakBarContainer_xrcwk_8 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #ffffff;
  gap: 30px;
  height: 70px;
  max-height: 70px;
  border-radius: 4px;
  padding: 0 20px;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._divider_xrcwk_21 {
  display: none;
}
:where(html:not([data-desktop-view=true])) ._streakBarContainer_xrcwk_8 {
  flex-direction: column;
  height: auto;
  max-height: none;
  padding: 0;
  gap: 0;
}
:where(html:not([data-desktop-view=true])) ._divider_xrcwk_21 {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
._page_1kq4x_1 {
  width: 100%;
}
._container_1kq4x_5 {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 24px 0;
}
._content_1kq4x_12 {
  display: flex;
  gap: 20px;
  min-height: 500px;
}
._mobileFilterModal_1kq4x_18 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  gap: 15px;
  padding: 20px;
}
._mobileFilterHeader_1kq4x_29 {
  display: flex;
  align-items: center;
  background-color: #fff;
}
._backBtn_1kq4x_35 {
  font-size: 16px;
  font-weight: 500;
  color: var(--brand-accent);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 0;
}
._mobileFilterBody_1kq4x_45 {
  flex: 1;
  overflow-y: auto;
}
._mobileFilterBody_1kq4x_45 [class*=filterPanel] {
  display: flex !important;
  max-width: 100%;
  width: 100%;
  border: none;
  box-shadow: none;
}
:where(html:not([data-desktop-view=true])) ._container_1kq4x_5 {
  width: 100%;
  padding: 24px 16px 100px 16px;
}
:where(html:not([data-desktop-view=true])) ._fab_1kq4x_62 {
  background:
    linear-gradient(
      180deg,
      #ffbd2f 0%,
      #faa108 100%);
  bottom: 84px;
  color: #34364c;
}
._overlay_1f46o_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1002;
  display: flex;
  align-items: center;
  justify-content: center;
}
._modal_1f46o_11 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 340px;
  max-width: calc(100vw - 30px);
  border-radius: 16px;
  padding: 40px 24px 24px;
  gap: 12px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
._closeBtn_1f46o_25 {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: flex;
}
._closeBtn_1f46o_25 img {
  width: 100%;
  height: 100%;
  filter: var(--brand-accent-filter);
}
._icon_1f46o_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
._title_1f46o_50 {
  font-size: 18px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  text-align: center;
}
._actionBtn_1f46o_57 {
  width: 100%;
  height: 44px;
  margin-top: 8px;
  border: none;
  border-radius: 6px;
  background: var(--brand-button-gradient);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
._dropdown_caknu_1 {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  z-index: 20;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
._list_caknu_13 {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 320px;
  overflow-y: auto;
}
._item_caknu_21 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid #f4f4f4;
}
._item_caknu_21:last-child {
  border-bottom: none;
}
._item_caknu_21:active {
  background: #f8f8f8;
}
._itemActive_caknu_37 {
  background: #f8f8f8;
}
._itemActive_caknu_37 ._itemLabel_caknu_40 {
  color: var(--brand-accent);
  font-weight: 700;
}
._itemIcon_caknu_45 {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}
._itemLabel_caknu_40 {
  font-size: 18px;
  font-weight: 700;
  color: #34364c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._lotteryHeader_1l4t6_1 {
  display: flex;
  flex-direction: column;
  height: 130px;
  width: 1200px;
  max-width: 100%;
  justify-content: center;
}
._headerRow_1l4t6_10 {
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  background: #f9f9f9;
  position: relative;
  padding-inline: 15px;
  gap: 24px;
  border-radius: 6px 6px 0 0;
}
._backgroundImage_1l4t6_23 {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 130px;
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: 6px 6px 0 0;
}
._logoSection_1l4t6_34 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
._logo_1l4t6_34 {
  width: auto;
  height: 105px;
  object-fit: contain;
}
._infoSection_1l4t6_47 {
  display: flex;
  flex-direction: column;
  height: 130px;
  justify-content: center;
  gap: 10px;
}
._titleRow_1l4t6_55 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  font-weight: 700;
  font-size: 30px;
  align-items: center;
}
._actionsRow_1l4t6_64 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._period_1l4t6_70 {
  display: flex;
  height: 42px;
  gap: 6px;
  border-radius: 6px;
  padding: 10px;
  background: var(--Grey-2, #d9d9d9);
}
._periodText_1l4t6_79 {
  font-weight: 700;
  font-size: 12px;
  align-content: center;
}
._countdownTimer_1l4t6_85 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  padding: 1px 5px;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  border: 1px solid var(--Icon-Dark, #34364c);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  min-width: 82px;
  justify-content: flex-start;
}
._timerIcon_1l4t6_99 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._timeDisplay_1l4t6_105 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  height: 22px;
  align-content: center;
  min-width: 58px;
}
._drawingStatus_1l4t6_115 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  height: 22px;
  align-content: center;
  min-width: 58px;
}
._issueNumber_1l4t6_125 {
  width: auto;
  height: 42px;
  gap: 10px;
  border-radius: 6px;
  padding: 10px;
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffcd94 0%,
      #ff982d 57.26%,
      #fe9324 98.78%);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 400;
  font-size: 12px;
  color: var(--Grey, #f4f4f4);
  align-content: center;
}
._issueNumber_1l4t6_125 span {
  font-weight: 700;
  font-size: 12px;
  color: inherit;
}
._ballsRow_1l4t6_144 {
  display: flex;
  height: 60px;
  gap: 10px;
  border-radius: 6px;
  border-width: 1px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.5019607843);
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1019607843);
}
._carImage_1l4t6_156 {
  position: absolute;
  right: 15px;
  z-index: -1;
}
._carImage_1l4t6_156 img {
  height: 200px;
  width: auto;
  object-fit: contain;
}
._mobileLotteryHeader_1l4t6_167 {
  background-image: url(/assets/images/mobileBg-HAnSO6Fn.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-width: 1px;
  padding: 10px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 1px;
}
._mobileTopRow_1l4t6_184 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._mobileIssueNumber_1l4t6_190 {
  height: 30px;
  border-radius: 6px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffcd94 0%,
      #ff982d 57.26%,
      #fe9324 98.78%);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 400;
  font-size: 12px;
  color: #f4f4f4;
}
._mobileIssueNumber_1l4t6_190 span {
  font-weight: 700;
  font-size: 12px;
  color: inherit;
}
._mobileCountdown_1l4t6_208 {
  height: 30px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  padding: 0 8px;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  border: 1px solid var(--Icon-Dark, #34364c);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
._mobileBallsRow_1l4t6_220 {
  display: flex;
  align-items: center;
  gap: 3px;
  border-width: 1px;
  padding: 10px;
  border-radius: 6px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._quizCenterPage_x82rl_1 {
  width: 1200px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 0;
  z-index: 1;
}
._mobileQuizCenterPage_x82rl_11 {
  gap: 0px;
  margin-top: 15px;
}
._navTabsRow_x82rl_16 {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 20px;
  border-radius: 4px 4px 0 0;
}
._navTabsLeft_x82rl_26 {
  flex: 1;
  display: flex;
  gap: 30px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
._navTabsLeft_x82rl_26::-webkit-scrollbar {
  display: none;
}
._navTab_x82rl_16 {
  height: 60px;
  padding: 0;
  border: none;
  border-block: 4px solid transparent;
  background: transparent;
  color: #34364c;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
._navTab_x82rl_16:hover {
  color: var(--brand-accent);
}
._navTabActive_x82rl_55 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
}
._navTabsRight_x82rl_60 {
  margin-left: auto;
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
._btn_x82rl_67 {
  height: 40px;
  border-radius: 4px;
  border-width: 1px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
._btn_x82rl_67:disabled {
  color: #828282;
  border: none;
  background: #ebebeb;
}
._leaderboardRow_x82rl_87 {
  display: flex;
  gap: 20px;
}
._leaderboard_x82rl_87 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 6px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding: 20px;
  background:
    linear-gradient(
      180deg,
      #ffb936 0%,
      #ffc04a 13.94%,
      #ffffff 56.55%);
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._leaderboardHeader_x82rl_108 {
  display: flex;
  justify-content: space-between;
}
._leaderboardTitle_x82rl_113 {
  font-weight: 700;
  font-size: 24px;
  align-content: center;
}
._periodTabs_x82rl_119 {
  display: flex;
  gap: 10px;
}
._periodTab_x82rl_119 {
  display: flex;
  align-items: center;
  height: 39px;
  gap: 20px;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 0;
  font-size: 16px;
  width: 500;
}
._periodTabActive_x82rl_137 {
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffb365 0%,
      #ff9425 57.26%,
      #f28513 98.78%);
  color: var(--Color, #f9f9f9);
  width: 600;
}
._podium_x82rl_143 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 170px;
  gap: 40px;
  opacity: 1;
  padding: 20px;
  border-width: 1px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.2509803922);
}
._leaderboardProfit_x82rl_159 {
  background:
    linear-gradient(
      180deg,
      #ff5f77 0%,
      #ff8799 16.35%,
      #ffffff 56.55%);
}
._rankWrapper_x82rl_163 {
  display: flex;
  flex-direction: column;
}
._podiumItem_x82rl_168 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 140px;
}
._podiumScore_x82rl_176 {
  gap: 10px;
  border-radius: 4px;
  padding-top: 6px;
  padding-right: 15px;
  padding-bottom: 6px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
}
._podiumFirst_x82rl_187 {
  order: 2;
}
._podiumFirst_x82rl_187 ._podiumScore_x82rl_176 {
  background: var(--Orange-0, #fec447);
}
._crownCircle_x82rl_194 {
  width: 60px;
  height: 60px;
}
._crownCircle_x82rl_194 img {
  width: 100%;
  height: 100%;
}
._podiumSecond_x82rl_203 {
  order: 1;
}
._podiumSecond_x82rl_203 ._podiumScore_x82rl_176 {
  background: #c0c0c0;
  font-size: 16px;
}
._podiumThird_x82rl_211 {
  order: 3;
}
._podiumThird_x82rl_211 ._podiumScore_x82rl_176 {
  background: var(--Orange-2, #fda13c);
}
._podiumName_x82rl_218 {
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}
._flagWrapper_x82rl_227 {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
._flagIcon_x82rl_234 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--Red, #ff0554);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  font-style: italic;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  cursor: pointer;
}
._flagBubble_x82rl_253 {
  position: absolute;
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  white-space: nowrap;
  background: #f1697e;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 8px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
._flagBubble_x82rl_253::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #f1697e;
}
._flagWrapper_x82rl_227:hover ._flagBubble_x82rl_253 {
  opacity: 1;
  visibility: visible;
}
._userLink_x82rl_288 {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}
._userLink_x82rl_288:hover {
  text-decoration: underline;
}
._rankList_x82rl_300 {
  display: flex;
  flex-direction: column;
  height: 880px;
  gap: 10px;
  padding: 20px;
  border-width: 1px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 1.5px 0px rgba(0, 0, 0, 0.2509803922);
}
._rankRow_x82rl_314 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._rankRow_x82rl_314:last-child {
  border-bottom: none;
}
._rankNum_x82rl_323 {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  background: #dddddd;
  display: flex;
  justify-content: center;
}
._rankName_x82rl_336 {
  flex: 1;
  font-weight: 700;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._rankScore_x82rl_345 {
  width: auto;
  min-width: 31px;
  height: 31px;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  padding: 6px;
  background: var(--Grey-2, #d9d9d9);
  font-weight: 700;
  font-size: 16px;
  text-align: right;
}
._loading_x82rl_359 {
  padding: 40px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
._comingSoon_x82rl_366 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  font-size: 18px;
  color: #999;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ebebeb;
}
._mobileBtn_x82rl_378 {
  height: 30px;
  gap: 20px;
  border-width: 1px;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
}
._mobileRanking_x82rl_398 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._rankingTabs_x82rl_404 {
  display: flex;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-radius: 4px 4px 0 0;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  gap: 25px;
  padding-inline: 20px;
  border-bottom: 0;
}
._rankingTab_x82rl_404 {
  flex: 1;
  height: 50px;
  border: none;
  background: transparent;
  color: #34364c;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  max-width: fit-content;
}
._rankingTab_x82rl_404:hover {
  color: var(--brand-accent);
}
._rankingTab_x82rl_404._active_x82rl_432 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
}
._mobileRankWrapper_x82rl_437 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._mobileToolbar_x82rl_443 {
  gap: 25px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-right: 15px;
  padding-left: 15px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
}
._mobileBoardTabs_x82rl_460 {
  display: flex;
  gap: 25px;
  flex-shrink: 0;
}
._mobileBoardLabel_x82rl_466 {
  height: 60px;
  display: flex;
  align-items: center;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 700;
}
._mobileBoardTab_x82rl_460 {
  padding: 0 4px;
  border: none;
  background: transparent;
  color: #34364c;
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  height: 60px;
  border-block: 4px solid transparent;
}
._mobileBoardTabActive_x82rl_489 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-accent);
}
._mobilePeriodTabs_x82rl_494 {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
  align-items: center;
}
._mobilePeriodTab_x82rl_494 {
  height: 30px;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._mobilePeriodTabActive_x82rl_518 {
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffb365 0%,
      #ff9425 57.26%,
      #f28513 98.78%);
  color: #f9f9f9;
  font-weight: 700;
}
._mobileRankList_x82rl_524 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-width: 1px;
  padding: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._mobileRankListWrapper_x82rl_537 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-width: 1px;
  padding: 15px;
  border-radius: 4px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._mobileRankRow_x82rl_549 {
  display: flex;
  align-items: center;
  gap: 20px;
}
._mobileRankNum_x82rl_555 {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  background: #dddddd;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
._mobileRankName_x82rl_571 {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._mobileFlagWrapper_x82rl_581 {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._mobileFlagIcon_x82rl_588 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--Red, #ff0554);
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  font-style: italic;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  cursor: pointer;
}
._mobileFlagBubble_x82rl_607 {
  position: absolute;
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  white-space: nowrap;
  background: #f1697e;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 8px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
._mobileFlagBubble_x82rl_607::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #f1697e;
}
._mobileRankScore_x82rl_633 {
  width: auto;
  min-width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Grey, #f4f4f4);
  font-weight: 700;
  font-size: 14px;
  padding: 8px 10px;
}
:where(html:not([data-desktop-view=true])) ._filterFab_x82rl_647 {
  height: 40px;
  width: 97px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 160px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--brand-button-gradient);
  border: 1px solid var(--brand-accent);
  color: var(--brand-button-color);
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetOverlay_x82rl_670 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200;
}
@keyframes _rankingSheetSlideUp_x82rl_1 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
:where(html:not([data-desktop-view=true])) ._filterSheet_x82rl_670 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background: #fff;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  animation: _rankingSheetSlideUp_x82rl_1 0.25s ease;
}
:where(html:not([data-desktop-view=true])) ._filterSheetHeader_x82rl_697 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px;
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._filterSheetHeader_x82rl_697 span {
  font-weight: 600;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._filterSheetActions_x82rl_711 {
  display: flex;
  align-items: center;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetCancel_x82rl_716 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetConfirm_x82rl_727 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetBody_x82rl_738 {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetGroup_x82rl_746 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetLabel_x82rl_751 {
  font-size: 14px;
  font-weight: 600;
  color: #34364c;
}
:where(html:not([data-desktop-view=true])) ._filterSheetOptions_x82rl_756 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._filterBtn_x82rl_761 {
  min-width: 70px;
  height: 40px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #34364c;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterBtnActive_x82rl_776 {
  border: 1px solid var(--brand-accent) !important;
  color: var(--brand-accent) !important;
}
._latestContestTab_tdg85_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._filterBar_tdg85_7 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 6px;
  border-width: 1px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._filterRow_tdg85_22 {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-wrap: wrap;
}
._filterLabel_tdg85_29 {
  font-weight: 700;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
  flex-shrink: 0;
}
._chipGroup_tdg85_36 {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  flex: 1;
}
._chip_tdg85_36 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  height: 39px;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--Icon-Dark, #34364c);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._chipActive_tdg85_60 {
  font-weight: 700;
  color: var(--Color, #f9f9f9);
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffb365 0%,
      #ff9425 57.26%,
      #f28513 98.78%);
}
._selectActions_tdg85_66 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
._selectActionBtn_tdg85_74 {
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--Orange-2, #fda13c);
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}
._checkboxGroup_tdg85_84 {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  flex: 1;
}
._codeCheckbox_tdg85_91 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 40px;
  gap: 10px;
  border-radius: 4px;
  border-width: 1px;
  padding: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._codeCheckbox_tdg85_91 input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fff;
}
._codeCheckbox_tdg85_91 input[type=checkbox]:checked {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3 4.3L6 11.6l-3.3-3.3-1.4 1.4L6 14.4l8.7-8.7z'/%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
._codeCheckbox_tdg85_91 span {
  font-weight: 500;
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._filterFab_tdg85_129 {
  height: 40px;
  width: 97px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 160px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--brand-button-gradient);
  border: 1px solid var(--brand-accent);
  color: var(--brand-button-color);
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetOverlay_tdg85_152 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200;
}
@keyframes _latestContestSheetSlideUp_tdg85_1 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
:where(html:not([data-desktop-view=true])) ._filterSheet_tdg85_152 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background: #fff;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  animation: _latestContestSheetSlideUp_tdg85_1 0.25s ease;
}
:where(html:not([data-desktop-view=true])) ._filterSheetHeader_tdg85_179 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px;
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._filterSheetHeader_tdg85_179 span {
  font-weight: 600;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._filterSheetActions_tdg85_193 {
  display: flex;
  align-items: center;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetCancel_tdg85_198 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetConfirm_tdg85_209 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetBody_tdg85_220 {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetGroup_tdg85_228 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetLabel_tdg85_233 {
  font-size: 14px;
  font-weight: 600;
  color: #34364c;
}
:where(html:not([data-desktop-view=true])) ._filterSheetOptions_tdg85_238 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._sheetChip_tdg85_243 {
  min-width: 66px;
  height: 40px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #34364c;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._sheetChipActive_tdg85_258 {
  border: 1px solid var(--brand-accent);
  color: var(--brand-accent);
}
._tableWrapper_b7euc_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 6px;
  border-width: 1px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._table_b7euc_1 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
._table_b7euc_1 thead {
  background: var(--Color, #f9f9f9);
}
._table_b7euc_1 thead th {
  height: 50px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 10px 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._table_b7euc_1 tbody {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._table_b7euc_1 tbody td {
  height: 50px;
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 10px 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._userHeader_b7euc_43 {
  width: 80px;
}
._userLink_b7euc_47 {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  color: #34364c;
}
._streakHeader_b7euc_56,
._profitHeader_b7euc_57 {
  width: 90px;
  white-space: nowrap;
}
._contentHeader_b7euc_62 {
  width: 40%;
}
._contentCell_b7euc_66 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
._contentPreview_b7euc_74 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 460px;
}
._emptyContent_b7euc_82 {
  color: #999999;
}
._detailsLink_b7euc_86 {
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid var(--brand-accent);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  color: var(--brand-accent);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}
._emptyRow_b7euc_100 {
  padding: 40px;
  color: #999999;
  text-align: center !important;
}
._pagination_b7euc_106 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
._pageBtn_b7euc_113,
._pageNumber_b7euc_114 {
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  background: var(--Grey, #f4f4f4);
  font-weight: 500;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
  border: none;
}
._pageNumberActive_b7euc_127 {
  background: var(--Orange-0, #fec447);
}
:where(html:not([data-desktop-view=true])) ._tableWrapper_b7euc_1 {
  padding: 15px;
  gap: 0;
}
:where(html:not([data-desktop-view=true])) ._table_b7euc_1 thead th {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._table_b7euc_1 tbody tr td {
  height: 40px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._userHeader_b7euc_43 {
  width: 90px;
}
:where(html:not([data-desktop-view=true])) ._contentHeader_b7euc_62 {
  width: auto;
}
:where(html:not([data-desktop-view=true])) ._contentCell_b7euc_66 {
  flex-direction: column;
  gap: 4px;
}
:where(html:not([data-desktop-view=true])) ._contentPreview_b7euc_74 {
  max-width: 100%;
  white-space: normal;
  font-size: 11px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}
:where(html:not([data-desktop-view=true])) ._detailsLink_b7euc_86 {
  height: 24px;
  padding: 0 8px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._pagination_b7euc_106 {
  padding-top: 15px;
}
:where(html:not([data-desktop-view=true])) ._pageBtn_b7euc_113,
:where(html:not([data-desktop-view=true])) ._pageNumber_b7euc_114 {
  padding: 5px 8px;
}
._detailOverlay_pkdpb_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
}
._detailModal_pkdpb_11 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 480px;
  max-width: calc(100vw - 30px);
  max-height: 80vh;
  border-radius: 16px;
  padding: 30px 20px 20px;
  gap: 16px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
._detailClose_pkdpb_25 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: flex;
}
._detailClose_pkdpb_25 img {
  width: 100%;
  height: 100%;
  filter: var(--brand-accent-filter);
}
._detailHeader_pkdpb_43 {
  color: var(--Icon-Dark, #34364c);
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
._detailTable_pkdpb_50 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border-radius: 8px;
}
._detailTableRow_pkdpb_57 {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  gap: 12px;
}
._detailTableRowAlt_pkdpb_65 {
  background: var(--Color, #f9f9f9);
}
._detailTableLabel_pkdpb_69 {
  flex-shrink: 0;
  width: 56px;
  font-weight: 700;
  font-size: 15px;
  color: var(--Icon-Dark, #34364c);
}
._detailTableDivider_pkdpb_77 {
  flex-shrink: 0;
  width: 1px;
  align-self: stretch;
  background: #e0e0e0;
}
._detailTableValue_pkdpb_84 {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  line-height: 1.5;
}
._detailTableValue_pkdpb_84 span {
  font-size: inherit;
}
._detailValueHighlight_pkdpb_96 {
  color: var(--Red, #ff0554);
}
:where(html:not([data-desktop-view=true])) ._detailModal_pkdpb_11 {
  width: calc(100vw - 30px);
  padding: 25px 15px 15px;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._detailHeader_pkdpb_43 {
  font-size: 18px;
}
:where(html:not([data-desktop-view=true])) ._detailTableLabel_pkdpb_69 {
  width: 44px;
  font-size: 13px;
}
:where(html:not([data-desktop-view=true])) ._detailTableValue_pkdpb_84 {
  font-size: 12px;
}
._myQuizTab_bajg4_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._loginPrompt_bajg4_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 60px 20px;
  border-radius: 6px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._loginPrompt_bajg4_7 p {
  color: var(--Icon-Dark, #34364c);
  font-size: 16px;
  margin: 0;
}
._loginBtn_bajg4_25 {
  height: 40px;
  padding: 0 24px;
  border-radius: 4px;
  border: none;
  background: var(--brand-button-gradient);
  color: #f9f9f9;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
._infoCard_bajg4_38 {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 6px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._profile_bajg4_49 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
  width: 220px;
}
._profileWrapper_bajg4_58 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
._avatar_bajg4_65 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--Grey, #f4f4f4);
  display: flex;
  align-items: center;
  justify-content: center;
}
._avatar_bajg4_65 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._profileName_bajg4_81 {
  font-weight: 700;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
}
._subscribeBtn_bajg4_87 {
  height: 24px;
  border-radius: 4px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
}
._profileNameWrap_bajg4_102 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._badgeRow_bajg4_108 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}
._fansRow_bajg4_115 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  border-radius: 6px;
  padding: 6px 10px;
}
._fansRow_bajg4_115 span {
  font-size: 12px;
  font-weight: 500;
}
._streakRow_bajg4_128 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}
._badge_bajg4_108 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 29px;
  border-radius: 6px;
  gap: 4px;
  padding: 6px 10px;
  font-weight: 500;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
  background: var(--Grey, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
._profileRow_bajg4_153 {
  width: 100%;
}
._streakBadge_bajg4_157 {
  height: 39px;
  border-radius: 4px;
  border: 1px;
  padding: 10px;
  gap: 10px;
  background: var(--Grey, #f4f4f4);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 700;
  width: 100%;
}
._witRatePart0_bajg4_173 {
  font-weight: 500;
  font-size: 14px;
}
._witRatePart1_bajg4_178 {
  background: var(--Grey, #f4f4f4);
  font-weight: 500;
  font-size: 14px;
  padding: 6px;
  border-radius: 4px;
}
._divider_bajg4_186 {
  border: 1px solid var(--Grey-2, #d9d9d9);
  height: 18px;
}
._statsTableWrapper_bajg4_191 {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  border-radius: 0 0 6px 6px;
}
._streakValue_bajg4_203 {
  font-size: 14px;
  font-weight: 500;
}
._statsTable_bajg4_191 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
._statsTable_bajg4_191 thead {
  background: var(--Color, #f9f9f9);
}
._statsTable_bajg4_191 thead th {
  height: 50px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 1px;
}
._statsTable_bajg4_191 tbody td {
  height: 50px;
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 1px;
}
._tableWrapper_bajg4_235 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 6px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._table_bajg4_235 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
._table_bajg4_235 thead {
  background: var(--Color, #f9f9f9);
}
._table_bajg4_235 thead th {
  height: 50px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  border-radius: 1px;
  text-align: center;
  padding: 10px 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._table_bajg4_235 tbody {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._table_bajg4_235 tbody td {
  height: 50px;
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 500;
  border-radius: 1px;
  text-align: center;
  padding: 10px 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._dateHeader_bajg4_278 {
  width: 160px;
}
._issueHeader_bajg4_282 {
  width: 130px;
}
._contentHeader_bajg4_286 {
  width: auto;
}
._resultHeader_bajg4_290,
._profitHeader_bajg4_291 {
  width: 150px;
}
._win_bajg4_295 {
  color: #76d536 !important;
  font-weight: 800 !important;
}
._lose_bajg4_300 {
  color: var(--Red, #ff0554) !important;
  font-weight: 800 !important;
}
._draw_bajg4_305 {
  color: var(--brand-accent) !important;
  font-weight: 800 !important;
}
._contentLink_bajg4_310 {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
._emptyContent_bajg4_325 {
  color: #999999;
}
._emptyRow_bajg4_329 {
  border-radius: 2px;
  padding: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  color: #999999;
  text-align: center !important;
}
._pagination_bajg4_337 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
._pageBtn_bajg4_344,
._pageNumber_bajg4_345 {
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  background: var(--Grey, #f4f4f4);
  font-weight: 500;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
  border: none;
}
._pageNumberActive_bajg4_358 {
  background: var(--Orange-0, #fec447);
}
:where(html:not([data-desktop-view=true])) ._myQuizTab_bajg4_1 {
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._avatar_bajg4_65 {
  width: 36px;
  height: 36px;
}
:where(html:not([data-desktop-view=true])) ._infoCard_bajg4_38 {
  flex-direction: column;
  align-items: stretch;
  padding: 0px;
  gap: 0px;
}
:where(html:not([data-desktop-view=true])) ._profile_bajg4_49 {
  flex-direction: column;
  width: auto;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1px;
  margin-bottom: 1px;
}
:where(html:not([data-desktop-view=true])) ._profileRow_bajg4_153 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._profileWrapper_bajg4_58 {
  gap: 10px;
  justify-content: flex-start;
  padding: 15px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._fansRow_bajg4_115,
:where(html:not([data-desktop-view=true])) ._streakRow_bajg4_128 {
  width: auto;
  flex-shrink: 0;
  justify-content: flex-start;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 6px 10px;
  height: 30px;
  border-radius: 6px;
}
:where(html:not([data-desktop-view=true])) ._badgeRow_bajg4_108 {
  width: auto;
  flex-shrink: 0;
  gap: 8px;
}
:where(html:not([data-desktop-view=true])) ._badge_bajg4_108 {
  flex: none;
  height: auto;
  padding: 5px 10px;
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._statsTable_bajg4_191 thead th {
  height: 50px;
  border-width: 1px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 600;
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._statsTable_bajg4_191 tbody tr {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
:where(html:not([data-desktop-view=true])) ._statsTable_bajg4_191 tbody tr:nth-child(2n) {
  background: var(--Color, #f9f9f9);
}
:where(html:not([data-desktop-view=true])) ._statsTable_bajg4_191 tbody td {
  height: 40px;
  border-width: 1px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 500;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryList_bajg4_451 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryCard_bajg4_456 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 2px;
  padding: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryTopRow_bajg4_464 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryIssue_bajg4_469 {
  border-radius: 4px;
  padding: 6px 10px;
  background: var(--Grey, #f4f4f4);
  font-size: 12px;
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryDate_bajg4_477 {
  border-radius: 4px;
  padding: 6px 10px;
  background: var(--Grey, #f4f4f4);
  font-size: 12px;
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryStatsRow_bajg4_485 {
  display: flex;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryStat_bajg4_485 {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  padding: 10px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Grey, #f4f4f4);
  flex: 1;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryContent_bajg4_503 {
  display: block;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  cursor: pointer;
  font-family: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._mobileHistoryContentEmpty_bajg4_518 {
  display: block;
  padding: 8px 10px;
  font-size: 12px;
  color: #999999;
  background: var(--Color, #f9f9f9);
  border-radius: 4px;
}
._subscriptionTab_10uvv_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._loginPrompt_10uvv_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 60px 20px;
  border-radius: 6px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._loginPrompt_10uvv_7 p {
  color: var(--Icon-Dark, #34364c);
  font-size: 16px;
  margin: 0;
}
._loginBtn_10uvv_25 {
  height: 40px;
  padding: 0 24px;
  border-radius: 4px;
  border: none;
  background: var(--brand-button-gradient);
  color: #f9f9f9;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
._filterBar_10uvv_38 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 11px;
  border-radius: 6px;
  padding: 15px 20px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._periodChips_10uvv_51 {
  display: flex;
  gap: 11px;
}
._periodChip_10uvv_51 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  height: 39px;
  min-width: 66px;
  border-radius: 4px;
  padding: 0 12px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--Icon-Dark, #34364c);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-family: inherit;
}
._periodChipActive_10uvv_75 {
  font-weight: 700;
  color: var(--Color, #f9f9f9);
  background: var(--brand-button-gradient);
}
._userLink_10uvv_81 {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
._releaseCheckbox_10uvv_89 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
}
._releaseCheckbox_10uvv_89 input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fff;
}
._releaseCheckbox_10uvv_89 input[type=checkbox]:checked {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3 4.3L6 11.6l-3.3-3.3-1.4 1.4L6 14.4l8.7-8.7z'/%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
._tableWrapper_10uvv_118 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 6px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._table_10uvv_118 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
._table_10uvv_118 thead {
  background: var(--Color, #f9f9f9);
}
._table_10uvv_118 thead th {
  height: 50px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 10px 5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._table_10uvv_118 tbody {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._table_10uvv_118 tbody td {
  height: 50px;
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._userHeader_10uvv_158 {
  width: 100px;
}
._streakHeader_10uvv_162,
._profitHeader_10uvv_163 {
  width: 100px;
  white-space: nowrap;
}
._contentHeader_10uvv_168 {
  width: 40%;
}
._actionHeader_10uvv_172 {
  width: 110px;
}
._win_10uvv_176 {
  color: #76d536 !important;
  font-weight: 800 !important;
}
._lose_10uvv_181 {
  color: var(--Red, #ff0554) !important;
  font-weight: 800 !important;
}
._contentCell_10uvv_186 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
._contentPreview_10uvv_194 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 460px;
}
._emptyContent_10uvv_202 {
  color: #999999;
}
._detailsLink_10uvv_206 {
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid var(--brand-accent);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  color: var(--brand-accent);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}
._emptyRow_10uvv_220 {
  padding: 40px;
  color: #999999;
  text-align: center !important;
}
._subscribedBtn_10uvv_226 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid var(--Color, #f9f9f9);
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  height: 36px;
}
._subscribedBtnDefault_10uvv_244 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._subscribedBtnHover_10uvv_250 {
  display: none;
}
._subscribedBtn_10uvv_226:hover:not(:disabled) ._subscribedBtnDefault_10uvv_244 {
  display: none;
}
._subscribedBtn_10uvv_226:hover:not(:disabled) ._subscribedBtnHover_10uvv_250 {
  display: inline-flex;
}
._pagination_10uvv_261 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
._pageBtn_10uvv_268,
._pageNumber_10uvv_269 {
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  background: var(--Grey, #f4f4f4);
  font-weight: 500;
  font-size: 14px;
  color: var(--Icon-Dark, #34364c);
  border: none;
}
._pageNumberActive_10uvv_282 {
  background: var(--Orange-0, #fec447);
}
:where(html:not([data-desktop-view=true])) ._subscriptionTab_10uvv_1 {
  gap: 10px;
  border-radius: 4px;
  padding: 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._mobileList_10uvv_294 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 6px;
}
:where(html:not([data-desktop-view=true])) ._mobileCard_10uvv_300 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 4px;
  padding: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
:where(html:not([data-desktop-view=true])) ._mobileCardHeader_10uvv_310 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._mobileCardUser_10uvv_316 {
  display: flex;
  align-items: center;
  gap: 5px;
}
:where(html:not([data-desktop-view=true])) ._mobileCardAvatar_10uvv_321 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._mobileCardName_10uvv_326 {
  font-size: 14px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._mobileCardActions_10uvv_334 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
:where(html:not([data-desktop-view=true])) ._mobileCardStats_10uvv_340 {
  display: flex;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._mobileStat_10uvv_344 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  gap: 2px;
  border-radius: 4px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Grey, #f4f4f4);
}
:where(html:not([data-desktop-view=true])) ._mobileStatLabel_10uvv_355,
:where(html:not([data-desktop-view=true])) ._mobileStatValue_10uvv_356 {
  font-size: 11px;
  font-weight: 600;
  color: #000000;
}
:where(html:not([data-desktop-view=true])) ._mobileCardContent_10uvv_361 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border-radius: 4px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Grey, #f4f4f4);
}
:where(html:not([data-desktop-view=true])) ._mobileContentLabel_10uvv_370 {
  font-size: 11px;
  font-weight: 600;
  color: #000000;
}
:where(html:not([data-desktop-view=true])) ._mobileContentBody_10uvv_375 {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._subscribedBadge_10uvv_382 {
  height: 24px;
  border-radius: 4px;
  padding: 8px 10px;
  background: var(--Color, #f9f9f9);
  border: 1px solid var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  font-size: 11px;
  gap: 2px;
}
:where(html:not([data-desktop-view=true])) ._unsubscribeBtn_10uvv_395 {
  display: inline-flex;
  align-items: center;
  height: 24px;
  border-radius: 4px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-weight: 700;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._contentPreview_10uvv_194 {
  max-width: 100%;
  white-space: normal;
  font-size: 11px;
  overflow: hidden;
  font-weight: 500;
}
:where(html:not([data-desktop-view=true])) ._detailsLink_10uvv_206 {
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._pagination_10uvv_261 {
  padding-top: 5px;
}
:where(html:not([data-desktop-view=true])) ._pageBtn_10uvv_268,
:where(html:not([data-desktop-view=true])) ._pageNumber_10uvv_269 {
  padding: 5px 8px;
}
:where(html:not([data-desktop-view=true])) ._filterFab_10uvv_426 {
  height: 40px;
  width: 97px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 160px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--brand-button-gradient);
  border: 1px solid var(--brand-accent);
  color: var(--brand-button-color);
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetOverlay_10uvv_449 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200;
}
@keyframes _subscriptionSheetSlideUp_10uvv_1 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
:where(html:not([data-desktop-view=true])) ._filterSheet_10uvv_449 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background: #fff;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  animation: _subscriptionSheetSlideUp_10uvv_1 0.25s ease;
}
:where(html:not([data-desktop-view=true])) ._filterSheetHeader_10uvv_476 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px;
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
:where(html:not([data-desktop-view=true])) ._filterSheetHeader_10uvv_476 span {
  font-weight: 600;
  font-size: 18px;
  color: var(--Icon-Dark, #34364c);
}
:where(html:not([data-desktop-view=true])) ._filterSheetActions_10uvv_490 {
  display: flex;
  align-items: center;
  gap: 12px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetCancel_10uvv_495 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetConfirm_10uvv_506 {
  height: 16px;
  padding: 0 16px;
  background: none;
  color: var(--brand-accent);
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
:where(html:not([data-desktop-view=true])) ._filterSheetBody_10uvv_517 {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetGroup_10uvv_525 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._filterSheetLabel_10uvv_530 {
  font-size: 14px;
  font-weight: 600;
  color: #34364c;
}
:where(html:not([data-desktop-view=true])) ._periodChip_10uvv_51 {
  height: 40px;
  font-size: 16px;
}
._actionBar_ossa9_1 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 76px;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  background: #f9f9f9;
  border: 0.5px solid #ececec;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
}
._signInBtn_ossa9_17 {
  height: 50px;
  width: 100px;
  padding: 10px;
  border-radius: 4px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 20px;
  font-weight: 600;
  color: #34364c;
  cursor: pointer;
  font-family: inherit;
}
._signInBtn_ossa9_17:disabled {
  background: #c3c3c3;
  border: 1px solid #c3c3c3;
  cursor: not-allowed;
  color: #ffffff;
}
._freeGuessBtn_ossa9_38 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 50px;
  border-radius: 4px;
  border: none;
  background: var(--brand-button-gradient);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
._freeGuessBtn_ossa9_38:disabled {
  background: #c3c3c3;
  border: 1px solid #c3c3c3;
  cursor: not-allowed;
  color: #ffffff;
}
._overlay_n3jmk_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
}
._modal_n3jmk_11 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 400px;
  max-width: calc(100vw - 30px);
  max-height: 80vh;
  border-radius: 16px;
  padding: 36px 20px 20px;
  gap: 16px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
._closeBtn_n3jmk_25 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: flex;
}
._closeBtn_n3jmk_25 img {
  width: 100%;
  height: 100%;
  filter: var(--brand-accent-filter);
}
._title_n3jmk_43 {
  color: var(--Icon-Dark, #34364c);
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
._body_n3jmk_50 {
  overflow-y: auto;
  font-size: 14px;
  line-height: 1.6;
  color: #626363;
}
._body_n3jmk_50 p {
  margin: 0 0 12px;
}
._body_n3jmk_50 p:last-child {
  margin-bottom: 0;
}
._actionBtn_n3jmk_63 {
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 6px;
  background: var(--brand-button-gradient);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
._overlay_1ttjk_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: flex;
  overflow: auto;
  padding: 20px;
}
._modal_1ttjk_11 {
  margin: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 1200px;
  min-width: 1200px;
  max-width: 1200px;
  border-radius: 6px;
  padding: 20px;
  gap: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
}
._titleRow_1ttjk_27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
._title_1ttjk_27 {
  font-weight: 700;
  font-size: 28px;
  color: var(--Icon-Dark, #34364c);
}
._closeBtn_1ttjk_40 {
  height: 20px;
  width: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}
._closeBtn_1ttjk_40 img {
  width: 20px;
  height: 20px;
}
._infoBar_1ttjk_55 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  padding: 10px 15px;
  gap: 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid #f9f9f9;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}
._infoLeft_1ttjk_68 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._lotteryIconWrap_1ttjk_74 {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Grey, #f4f4f4);
}
._lotteryIconWrap_1ttjk_74 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._lotteryTitle_1ttjk_90 {
  font-size: 24px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
}
._infoRight_1ttjk_96 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._issueBadge_1ttjk_102 {
  height: 44px;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffcd94 0%,
      #ff982d 57.26%,
      #fe9324 98.78%);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  color: #f4f4f4;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
._countdownWrap_1ttjk_117 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 4px;
  border-width: 1px;
  gap: 10px;
  padding: 15px 10px;
  background: #f9f9f9;
  border: 1px solid #f4f4f4;
}
._countdownIssue_1ttjk_130 {
  color: var(--Icon-Dark, #34364c);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
._countdownText_1ttjk_137 {
  height: 30px;
  border-radius: 4px;
  border-width: 1px;
  padding: 8px 10px;
  background: #f9f9f9;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 12px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  display: flex;
  align-items: center;
}
._countdownBadge_1ttjk_152 {
  display: flex;
  align-items: center;
  width: 90px;
  height: 30px;
  border-radius: 4px;
  gap: 4px;
  padding: 2px 8px;
  white-space: nowrap;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  border: 1px solid var(--Icon-Dark, #34364c);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
._drawingStatus_1ttjk_166 {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
._timeDisplay_1ttjk_172 {
  display: flex;
  align-items: center;
  height: 22px;
  color: var(--Color, #f9f9f9);
  font-weight: 600;
  font-size: 12px;
}
._tableWrapper_1ttjk_181 {
  overflow: auto;
  flex: 1;
}
._table_1ttjk_181 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
._table_1ttjk_181 thead th {
  padding: 8px 5px;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #f0f0f0;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
._table_1ttjk_181 tbody td {
  text-align: center;
  border: 1px solid #f0f0f0;
  vertical-align: top;
}
._numberList_1ttjk_208 {
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  gap: 5px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._qualifierRow_1ttjk_217 td {
  vertical-align: top;
}
._qualifierStack_1ttjk_221 {
  display: flex;
  flex-direction: column;
  padding: 9px 14px;
  gap: 5px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
}
._numberCell_1ttjk_229 {
  width: 80px;
  border-radius: 4px;
  padding: 9px 10px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
._qualifierCell_1ttjk_242 {
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 8px 10px;
  width: 40px;
  color: var(--Icon-Dark, #34364c);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
._selected_1ttjk_254 {
  border-color: var(--brand-accent);
  color: var(--brand-accent);
  background: #ffffff;
  font-weight: 700;
}
._qualifierPair_1ttjk_261 {
  display: flex;
  justify-content: center;
}
._qualifierPair_1ttjk_261 :first-child {
  border-radius: 4px 0 0 4px;
}
._qualifierPair_1ttjk_261 :nth-child(2) {
  border-radius: 0 4px 4px 0;
}
._footer_1ttjk_272 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-shrink: 0;
}
._cancelBtn_1ttjk_280 {
  height: 50px;
  border-radius: 6px;
  padding: 6px 24px;
  border: 1px solid #ffffff;
  background: var(--Color, #f9f9f9);
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
  color: var(--Icon-Dark, #34364c);
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}
._submitBtn_1ttjk_293 {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  gap: 5px;
  border-radius: 4px;
  border: none;
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffb365 0%,
      #ff9425 57.26%,
      #f28513 98.78%);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
}
._submitBtn_1ttjk_293 img {
  width: 24px;
  height: 24px;
}
:where(html:not([data-desktop-view=true])) ._modal_1ttjk_11 {
  width: 100%;
  max-width: 100%;
  max-height: 90vh;
  margin: 15px;
  padding: 15px;
  gap: 10px;
}
:where(html:not([data-desktop-view=true])) ._title_1ttjk_27 {
  font-size: 17px;
}
:where(html:not([data-desktop-view=true])) ._lotteryTitle_1ttjk_90 {
  font-size: 15px;
}
:where(html:not([data-desktop-view=true])) ._infoBar_1ttjk_55 {
  flex-wrap: wrap;
}
:where(html:not([data-desktop-view=true])) ._table_1ttjk_181 thead th {
  font-size: 11px;
  height: 30px;
}
:where(html:not([data-desktop-view=true])) ._numberCell_1ttjk_229,
:where(html:not([data-desktop-view=true])) ._qualifierCell_1ttjk_242 {
  height: 26px;
  font-size: 11px;
}
:where(html:not([data-desktop-view=true])) ._footer_1ttjk_272 {
  flex-direction: column;
  align-items: stretch;
}
:where(html:not([data-desktop-view=true])) ._cancelBtn_1ttjk_280,
:where(html:not([data-desktop-view=true])) ._submitBtn_1ttjk_293 {
  width: 100%;
}
._quizCenter_1gv70_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
  margin-top: 20px;
}
._sectionHeader_1gv70_9 {
  width: 1200px;
}
._quizCenterMobile_1gv70_13 {
  padding-inline: 15px;
  margin-top: 15px;
  padding-bottom: 220px;
  background: #f4f4f4;
}
._mobileHeader_1gv70_20 {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
._mobileHeaderTrigger_1gv70_26 {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 56px;
  border-radius: 4px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding-right: 15px;
  padding-left: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: space-between;
}
._mobileHeaderLeft_1gv70_45 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
._mobileHeaderIcon_1gv70_52 {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}
._mobileHeaderTitle_1gv70_59 {
  font-size: 16px;
  font-weight: 700;
  color: #34364c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._mobileHeaderChevron_1gv70_68 {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
._mobileHeaderChevronOpen_1gv70_73 {
  transform: rotate(180deg);
}
._freeGuessPage_1qdai_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: none;
  padding-bottom: 90px;
  background: #f4f4f4;
}
._freeGuessContainer_1qdai_16 {
  padding: 15px;
}
._info_1qdai_20 {
  border-radius: 4px 4px 0 0;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  padding: 15px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
._infoBar_1qdai_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._infoLeft_1qdai_36 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._lotteryIconWrap_1qdai_42 {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Grey, #f4f4f4);
}
._lotteryIconWrap_1qdai_42 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._lotteryTitle_1qdai_58 {
  font-size: 18px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
}
._issueBadge_1qdai_64 {
  height: 30px;
  width: fit-content;
  padding: 6px 5px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffcd94 0%,
      #ff982d 57.26%,
      #fe9324 98.78%);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
._countdownRow_1qdai_79 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  border-radius: 4px;
  padding: 15px 10px;
  background: #f9f9f9;
  border: 1px solid #f4f4f4;
  justify-content: space-between;
}
._countdownIssue_1qdai_91 {
  height: 30px;
  padding: 0 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background: var(--Icon-Dark, #34364c);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
._countdownBadge_1qdai_103 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  background:
    radial-gradient(
      91.53% 93.48% at 50% 7.61%,
      #646888 0%,
      #3b3d55 42.99%,
      #1f2030 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
._rankWrap_1qdai_116 {
  border-radius: 0 0 4px 4px;
  padding: 15px;
  background: var(--Color, #f9f9f9);
  border: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._rankTabs_1qdai_124 {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  scrollbar-width: none;
  flex-shrink: 0;
  border-radius: 4px 4px 0 0;
  border: 1px;
  border-bottom: 0px;
  padding-inline: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._rankTabs_1qdai_124::-webkit-scrollbar {
  display: none;
}
._rankTab_1qdai_124 {
  height: 60px;
  flex-shrink: 0;
  padding: 6px 0;
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
}
._rankTabActive_1qdai_157 {
  color: var(--brand-accent);
  font-weight: 700;
  border-bottom-color: var(--brand-accent);
}
._numberGrid_1qdai_163 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 10px;
  border-inline: 1px solid rgba(0, 0, 0, 0.062745098);
}
._numberCell_1qdai_171,
._qualifierCell_1qdai_172 {
  height: 44px;
  border-radius: 6px;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  color: var(--Icon-Dark, #34364c);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
._selected_1qdai_184 {
  border-color: var(--brand-accent);
  color: var(--brand-accent);
}
._qualifierGrid_1qdai_189 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 10px;
  border-inline: 1px solid rgba(0, 0, 0, 0.062745098);
}
._qualifierGridHalf_1qdai_197 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 10px;
  padding-top: 0px;
  width: 100%;
  border-inline: 1px solid rgba(0, 0, 0, 0.062745098);
  border-bottom: 1px solid rgba(0, 0, 0, 0.062745098);
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._footer_1qdai_209 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  gap: 10px;
  padding: 12px 15px;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}
._cancelBtn_1qdai_223 {
  flex: 1;
  height: 46px;
  border-radius: 6px;
  border: none;
  background: var(--Grey, #f4f4f4);
  color: var(--Icon-Dark, #34364c);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
._cancelBtn_1qdai_223:disabled {
  opacity: 0.6;
  cursor: default;
}
._submitBtn_1qdai_240 {
  flex: 2;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 6px;
  border: none;
  background: var(--brand-button-gradient);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
._submitBtn_1qdai_240:disabled {
  opacity: 0.6;
  cursor: default;
}
._page_3szfr_2 {
  width: 100%;
  min-height: calc(100vh - 200px);
  background-color: #cf164f;
}
._container_3szfr_8 {
  margin: 0 auto;
  width: 1200px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -165px;
}
._hero_3szfr_19 {
  width: 100%;
  aspect-ratio: 1658/812;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
._cardsGrid_3szfr_28 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 20px;
  margin-bottom: 40px;
}
._cardWrapper_3szfr_36 {
  top: -9px;
  position: relative;
  left: 17px;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
._cardHeader_3szfr_45 {
  display: flex;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-width: 1px;
  background: var(--Grey, #f4f4f4);
  border-bottom: 1px solid var(--Grey-2, #d9d9d9);
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._badge_3szfr_56 {
  width: 60px;
  height: 60px;
}
._badge_3szfr_56 img {
  width: 100%;
}
._cardTitle_3szfr_64 {
  font-weight: 700;
  font-size: 24px;
  height: 52px;
  align-content: end;
}
._cardBody_3szfr_71 {
  height: 230px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-width: 1px;
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-top: 1px solid #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  line-height: 1.2;
  color: #333;
}
._cardBody_3szfr_71 p {
  font-weight: 500;
  font-size: 16px;
  color: var(--Grey-5, #7c7c7c);
  margin-bottom: 10px;
}
._cardBody_3szfr_71 p:last-child {
  margin-bottom: 0;
}
._cardBody_3szfr_71 p span {
  font-weight: 700;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
}
._cardBodyShort_3szfr_99 {
  height: 120px;
}
._highlightBox_3szfr_103 {
  border-width: 1.5px;
  border-radius: 6px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  background: var(--Light-Orange, #ffeddf);
  border: 1.5px solid var(--Orange-3, #f98f1a);
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
}
._ruleList_3szfr_117 {
  margin: 0;
  padding-left: 22px;
}
._ruleList_3szfr_117 li {
  font-weight: 500;
  font-size: 16px;
  color: var(--Grey-5, #7c7c7c);
  line-height: 1.1;
  margin-bottom: 10px;
}
._ruleList_3szfr_117 li span {
  font-weight: 700;
  font-size: 16px;
  color: var(--Icon-Dark, #34364c);
}
._ruleList_3szfr_117 li:last-child {
  margin-bottom: 0;
}
._ruleList_3szfr_117 li::marker {
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
}
._tagRow_3szfr_141 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
._tag_3szfr_141 {
  border-width: 1.5px;
  padding: 5px;
  border-radius: 6px;
  background: var(--Light-Orange, #ffeddf);
  border: 1.5px solid var(--Orange-3, #f98f1a);
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: var(--Icon-Dark, #34364c);
  flex: 1;
}
._ctaButton_3szfr_161 {
  border-width: 2px;
  border-radius: 10px;
  padding-top: 15px;
  padding-right: 100px;
  padding-bottom: 15px;
  padding-left: 100px;
  background:
    radial-gradient(
      88.89% 88.89% at 50% 11.11%,
      #ffd2a3 0%,
      #ff9425 57.26%,
      #ee7e0a 98.78%);
  border: 2px solid var(--Orange-2, #fda13c);
  box-shadow: 0px 1.8px 0px 0px #ca6600;
  font-weight: 700;
  font-size: 38px;
  color: var(--Color, #f9f9f9);
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2509803922);
}
._bottomImage_3szfr_178 {
  width: 970px;
  max-width: 100%;
  height: auto;
  display: block;
}
:where(html:not([data-desktop-view=true])) ._page_3szfr_2 {
  overflow: hidden;
}
:where(html:not([data-desktop-view=true])) ._hero_3szfr_19 {
  background-size: contain;
  min-width: 600px;
  justify-self: center;
}
:where(html:not([data-desktop-view=true])) ._container_3szfr_8 {
  width: 100%;
  padding-inline: 15px;
  margin-bottom: 76px;
  margin-top: -100px;
}
:where(html:not([data-desktop-view=true])) ._badge_3szfr_56 {
  width: 52px;
  height: 52px;
}
:where(html:not([data-desktop-view=true])) ._cardTitle_3szfr_64 {
  font-size: 18px;
}
:where(html:not([data-desktop-view=true])) ._cardBody_3szfr_71 {
  padding: 20px 15px;
  height: auto;
}
:where(html:not([data-desktop-view=true])) ._cardBody_3szfr_71 p {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._cardBody_3szfr_71 p span {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._ruleList_3szfr_117 li {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._ruleList_3szfr_117 li span {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._cardsGrid_3szfr_28 {
  grid-template-columns: 1fr;
  margin-top: 15px;
}
:where(html:not([data-desktop-view=true])) ._ctaButton_3szfr_161 {
  font-size: 22px;
}
:where(html:not([data-desktop-view=true])) ._bottomImage_3szfr_178 {
  width: 691px;
  max-width: unset;
}
._section_12l7h_3 {
  padding: 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-radius: 4px;
  border-width:
    0px,
    1px,
    1px,
    1px;
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._sectionHeader_12l7h_13 {
  font-size: 20px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  margin-bottom: 20px;
}
._sectionBody_12l7h_20 {
  background-color: var(--Color, #f9f9f9);
  border-radius: 4px;
}
._platformTabs_12l7h_26 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 10px;
  border-radius: 4px 4px 0 0;
  background-color: inherit;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._platformTab_12l7h_26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 60px;
  gap: 20px;
  font-size: 18px;
  font-weight: bold;
  color: var(--Icon-Dark, #34364c);
  padding: 15px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  border-radius: 4px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
  transition: color 0.2s;
}
._platformTab_12l7h_26:hover {
  border-color: var(--brand-accent);
}
._platformTabActive_12l7h_59 {
  border-color: var(--brand-accent);
}
._radioCircle_12l7h_63 {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 0.2s, background-color 0.2s;
}
._radioCircleActive_12l7h_76 {
  border-color: var(--brand-accent);
  background-color: var(--brand-accent);
}
._radioCircleActive_12l7h_76::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}
._showcaseContainer_12l7h_93 {
  padding: 20px;
  border-radius: 0 0 4px 4px;
  background-color: inherit;
}
._softwareTypeTabs_12l7h_99 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
._softwareTypeTab_12l7h_99 {
  padding: 10px;
  height: 40px;
  background-color: var(--brand-accent);
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  color: var(--Icon-Dark, #34364c);
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._softwareTypeTabActive_12l7h_121 {
  background: var(--brand-button-gradient);
  color: #fff;
  font-weight: bold;
}
._imageGrid_12l7h_128 {
  display: grid;
  gap: 20px 40px;
  padding: 20px;
  border-radius: 4px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  grid-template-rows: 1fr auto;
}
._imageGridColPC_12l7h_137 {
  grid-template-columns: repeat(2, 1fr);
}
._imageGridColMobile_12l7h_141 {
  grid-template-columns: repeat(4, 1fr);
}
._imageItem_12l7h_145 {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 8px;
  min-width: 0;
  justify-items: center;
}
._imageItem_12l7h_145 img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
}
._imageCaption_12l7h_162 {
  padding: 10px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: var(--Icon-Dark, #34364c);
  text-align: center;
  background-color: var(--Color, #f9f9f9);
  width: 100%;
  align-self: start;
  height: 100%;
}
:where(html:not([data-desktop-view=true])) ._sectionHeader_12l7h_13 {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._softwareTypeTitle_12l7h_179 {
  font-size: 16px;
  font-weight: bold;
  padding: 20px 20px 0 20px;
}
:where(html:not([data-desktop-view=true])) ._platformTabs_12l7h_26 {
  flex-direction: column;
}
:where(html:not([data-desktop-view=true])) ._platformTab_12l7h_26 {
  width: 100%;
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._softwareTypeTab_12l7h_99 {
  font-size: 12px;
}
:where(html:not([data-desktop-view=true])) ._imageGrid_12l7h_128 {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
}
._modal_s9rpc_1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  background: #fff;
  border-radius: 6px;
  padding: 25px 20px;
  height: 410px;
  width: 610px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
}
._closeBtn_s9rpc_21 {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  cursor: pointer;
}
._closeIcon_s9rpc_30 {
  width: 16px;
  height: 16px;
}
._icon_s9rpc_35 {
  width: 90px;
  height: 90px;
  margin-bottom: 16px;
}
._title_s9rpc_41 {
  font-size: 30px;
  font-weight: 700;
  color: var(--Icon-Dark, #34364c);
  margin-bottom: 12px;
}
._message_s9rpc_48 {
  font-size: 16px;
  font-weight: 500;
  color: var(--Grey-5, #7c7c7c);
  max-width: 448px;
  margin-bottom: 30px;
}
._actions_s9rpc_56 {
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: center;
}
._btn_s9rpc_63 {
  padding: 10px 30px;
  height: 50px;
}
._btn_s9rpc_63 span {
  font-size: 20px;
}
:where(html:not([data-desktop-view=true])) ._modal_s9rpc_1 {
  width: 90vw;
}
._page_1risp_2 {
  width: 100%;
  min-height: calc(100vh - 200px);
}
._container_1risp_7 {
  margin: 0 auto;
  padding-block: 20px 100px;
  width: 1200px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._pageTitle_1risp_18 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
._pageTitle_1risp_18 span {
  font-weight: 700;
  font-size: 20px;
  color: var(--Icon-Dark, #34364c);
}
._pageTitleIcon_1risp_32 {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
._cardGrid_1risp_39 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
._card_1risp_39 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  border: 1px solid rgb(255, 255, 255);
  border-top: none;
  box-shadow: 0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.2);
}
._cardBg_1risp_58 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
._cardContent_1risp_68 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._cardTitle_1risp_76 {
  font-size: 20px;
  font-weight: 600;
  color: var(--Icon-Dark, #34364c);
}
._downloadBtn_1risp_82 {
  gap: 10px;
}
._downloadBtn_1risp_82 span {
  font-size: 14px;
  font-weight: 600;
}
._downloadBtn_1risp_82 span img {
  width: 18px;
  height: 18px;
}
._cardBadge_1risp_94 {
  position: absolute;
  top: -17.8px;
  right: 0px;
  z-index: 1;
  width: 130px;
  height: 130px;
  flex-shrink: 0;
}
._badgeCoin_1risp_104 {
  width: inherit;
  height: inherit;
  object-fit: contain;
}
._badgeDiamond_1risp_110 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  object-fit: contain;
}
._badgeStar_1risp_119 {
  position: absolute;
  bottom: 15px;
  right: -5px;
  width: 50px;
  height: auto;
  object-fit: contain;
}
._noticeBannerContainer_1risp_129 {
  gap: 10px;
  padding: 15px 20px;
  background: var(--Miscellaneous-Sidebar-Fill---Selected, rgb(255, 255, 255));
  border: 1px solid rgb(255, 255, 255);
  border-radius: 6px;
  box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.2);
}
._noticeBanner_1risp_129 {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid var(--Miscellaneous-Sidebar-Fill---Selected, #ffffff);
  background-color: var(--Grey, #f4f4f4);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._noticeIcon_1risp_149 {
  height: 24px;
  margin-right: 2px;
}
._noticeLabel_1risp_154 {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #34364c;
  white-space: nowrap;
}
._noticeLabel_1risp_154::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background: #d9d9d9;
}
._noticeMessage_1risp_174 {
  font-size: 14px;
  font-weight: bold;
  color: var(--Grey-5, #7c7c7c);
}
._emptyState_1risp_181 {
  text-align: center;
  padding: 60px 20px;
  font-size: 14px;
  color: #999;
}
:where(html:not([data-desktop-view=true])) ._container_1risp_7 {
  padding: 20px;
  margin-bottom: 76px;
}
:where(html:not([data-desktop-view=true])) ._cardGrid_1risp_39 {
  grid-template-columns: 1fr;
  gap: 20px;
}
:where(html:not([data-desktop-view=true])) ._cardTitle_1risp_76 {
  font-size: 16px;
}
:where(html:not([data-desktop-view=true])) ._cardBadge_1risp_94 {
  position: relative;
  top: 0;
  width: 86px;
  height: 86px;
}
:where(html:not([data-desktop-view=true])) ._badgeDiamond_1risp_110 {
  width: 40px;
  height: 40px;
  right: -8px;
}
:where(html:not([data-desktop-view=true])) ._badgeStar_1risp_119 {
  bottom: 5px;
  right: -18px;
}
:where(html:not([data-desktop-view=true])) ._noticeBanner_1risp_129 {
  background: var(--Yellow1, #fff6df);
  border: 1px solid var(--Yellow4, #ffe7a8);
}
:where(html:not([data-desktop-view=true])) ._noticeLabel_1risp_154 {
  font-size: 14px;
}
:where(html:not([data-desktop-view=true])) ._noticeMessage_1risp_174 {
  font-size: 12px;
}