._accordion_1dfq2_1 {
  padding: 1px;
  width: 100%;
  border-radius: 10px;
  background-color: #15151a;
  border: 1px solid #212127;
  overflow: hidden;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1019607843), 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._header_1dfq2_11 {
  width: 100%;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  background: inherit;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
._headerContent_1dfq2_23 {
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.05px;
  color: #ffffff;
  text-align: left;
}
._icon_1dfq2_33 {
  font-size: 20px;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
._icon_1dfq2_33._rotated_1dfq2_38 {
  transform: rotate(360deg);
}
._content_1dfq2_42 {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}
._content_1dfq2_42._open_1dfq2_47 {
  height: auto;
}
._contentInner_1dfq2_51 {
  color: #909090;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.05px;
  padding: 0 18px 18px;
}
._circleProgressBarWrapper_4142p_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._circleProgressBarWrapperContent_4142p_8 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._avatar_1mmfk_1 {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  object-fit: contain;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
._levelIcon_1mmfk_10 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 16px;
  height: 16px;
}
._overlay_1mmfk_18 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background-color: rgba(33, 33, 39, 0.9490196078);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 100%;
  opacity: 0;
}
._overlay_1mmfk_18:hover {
  opacity: 1;
}
._badge_9erf6_1 {
  display: flex;
  width: 1.25em;
  height: 1.25em;
  justify-content: center;
  align-items: center;
  gap: 0.375em;
  border-radius: 0.3125em;
  overflow: hidden;
  flex-shrink: 0;
}
._badge_9erf6_1 ._img_9erf6_12 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
._badge_9erf6_1 svg {
  width: 0.75em;
  height: 0.75em;
  flex-shrink: 0;
}
._badge_9erf6_1._mod_9erf6_22,
._badge_9erf6_1._default_9erf6_22 {
  background: #00ff6a;
  box-shadow: 0 0.0625em 0 0 #5aff9f inset, 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.25);
}
._badge_9erf6_1._creator_9erf6_26 {
  background: #b64fff;
  box-shadow: 0 0.0625em 0 0 #cd87ff inset, 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.25);
}
._badge_9erf6_1._unearned_9erf6_30 {
  mix-blend-mode: luminosity;
  opacity: 0.25;
}
._roleTooltip_9erf6_35 {
  display: inline-flex;
  align-items: center;
  width: max-content !important;
  height: auto;
  position: relative;
}
._roleTooltipChildren_9erf6_43 {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  position: static;
}
._roleTooltipStyle_9erf6_51 {
  background: #09090b !important;
  border: 1px solid #212127 !important;
  border-radius: 7px !important;
  padding: 4px 6px !important;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  animation: _fadeUp_9erf6_1 0.2s ease forwards;
}
@keyframes _fadeUp_9erf6_1 {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._roleTooltipLabel_9erf6_70 {
  color: #c9c9c9;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  text-transform: capitalize;
}
._button_1u9xt_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  transition:
    color 0.1s ease-in-out,
    background-color 0.1s ease-in-out,
    box-shadow 0.1s ease-in-out,
    scale 0.1s ease-in-out;
  touch-action: manipulation;
}
._buttonprimary_1u9xt_16 {
  background-color: #00ff6a;
  box-shadow: 0px 1px 0px 0px #5aff9f inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._buttonprimary_1u9xt_16 ._gridAnimation_1u9xt_20 {
  color: rgba(13, 13, 16, 0.75);
}
@media (hover: hover) and (pointer: fine) {
  ._buttonprimary_1u9xt_16:hover:not([disabled]) {
    background-color: #32ff87;
    box-shadow: 0px 1px 0px 0px #76ffaf inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
    outline: none;
  }
}
._buttonprimary_1u9xt_16:active:not([disabled]) {
  background-color: #00db5b;
  outline: none;
}
._buttonprimary_1u9xt_16:focus-visible:not([disabled]):not(:active):not(:hover) {
  border: 1px solid #0d0d10;
  outline: 1px solid rgba(0, 255, 106, 0.5019607843);
}
._buttonsecondary_1u9xt_38 {
  background-color: #212127;
  box-shadow: 0px 1px 0px 0px #2a2a31 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._buttonsecondary_1u9xt_38 ._gridAnimation_1u9xt_20 {
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  ._buttonsecondary_1u9xt_38:hover:not([disabled]) {
    background-color: #303038;
    color: #ffffff;
    box-shadow: 0px 1px 0px 0px #3a3a43 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
  }
  ._buttonsecondary_1u9xt_38:hover:not([disabled]) ._icon_1u9xt_51,
  ._buttonsecondary_1u9xt_38:hover:not([disabled]) ._label_1u9xt_52 {
    color: #ffffff;
  }
}
._buttonsecondary_1u9xt_38:active:not([disabled]) {
  background-color: #2a2a31;
}
._buttonsecondary_1u9xt_38:focus-visible:not([disabled]):not(:active):not(:hover) {
  border: 1px solid #0d0d10;
  outline: 1px solid #212127;
}
._button_1u9xt_1:active:not([disabled]) {
  scale: 0.98;
}
._label_1u9xt_52 {
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  white-space: nowrap;
}
._labelprimary_1u9xt_73 {
  color: #0d0d10;
}
._labelsecondary_1u9xt_76 {
  color: #ffffff;
}
._disabled_1u9xt_80 {
  pointer-events: none;
  opacity: 0.5;
}
._pulse_1u9xt_85 {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #00db5b;
  border-radius: 8px;
  animation: _pulseAnimation_1u9xt_1 500ms ease normal forwards 1;
}
@keyframes _pulseAnimation_1u9xt_1 {
  0% {
    opacity: 1;
    transform: scale(1);
    border-radius: 8px;
  }
  100% {
    opacity: 0;
    transform: scaleX(1.06) scaleY(1.35);
    border-radius: 10px;
  }
}
._gridAnimation_1u9xt_20 {
  color: rgba(13, 13, 16, 0.75);
  width: 24px;
  height: 24px;
}
._container_1j5ge_1 {
  position: relative;
}
._menu_1j5ge_5 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #09090b;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  z-index: 9999;
  color: #909090;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}
._pointer_1j5ge_24 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0) rotate(45deg);
  width: 12px;
  height: 12px;
  background:
    linear-gradient(
      -45deg,
      #09090b 50%,
      transparent 50.1%);
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #212127;
  border-bottom-right-radius: 4px;
  z-index: 10000;
}
._menuInner_1j5ge_39 {
  opacity: 0;
  will-change: transform, opacity;
  animation: _buttonPopupMenu_innerSweep_1j5ge_1 250ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes _buttonPopupMenu_innerSweep_1j5ge_1 {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
._default_4so5j_1 {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._clickable_4so5j_9 {
  cursor: pointer;
}
._withDefaultColor_4so5j_13 {
  color: #909090;
}
._inputContainer_2xt73_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._labels_2xt73_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 10px;
  white-space: nowrap;
  color: #909090;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
}
._rightLabel_2xt73_20 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.5;
}
._content_2xt73_27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 44px;
  border: 1px solid #212127;
  border-radius: 9px;
  padding: 5px 14px;
  background-color: rgba(13, 13, 16, 0.5019607843);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2509803922);
}
._content_2xt73_27._error_2xt73_39 {
  border-color: #ff3f3f;
}
._content_2xt73_27:focus-within:not([disabled]) {
  border-color: #3a3a43;
}
._content_2xt73_27._disabled_2xt73_45 {
  opacity: 0.5;
  background-color: #151519;
  cursor: not-allowed;
}
._content_2xt73_27._multilineContent_2xt73_50 {
  height: auto;
  align-items: flex-start;
  padding: 14px;
}
._input_2xt73_1 {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
._input_2xt73_1:focus {
  outline: none;
}
._input_2xt73_1::placeholder {
  color: #909090;
  font-weight: 500;
  opacity: 0.5;
  letter-spacing: -0.44px;
}
._input_2xt73_1:read-only {
  color: #909090;
}
._input_2xt73_1[disabled] {
  cursor: not-allowed;
}
._multiline_2xt73_50 {
  resize: vertical;
}
._buttons_2xt73_85 {
  display: flex;
  gap: 4px;
  margin-right: -9px;
  height: 100%;
}
._button_2xt73_85 {
  height: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  background-color: #292930;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0px 1px 0px 0px #303039 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._button_2xt73_85:hover:not([disabled]) {
  background-color: #303038;
  color: #ffffff;
  box-shadow: 0px 1px 0px 0px #3a3a43 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._button_2xt73_85:active:not([disabled]) {
  background-color: #2a2a31;
  scale: 0.9;
}
._button_2xt73_85[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
._button_2xt73_85:focus-visible:not([disabled]) {
  border: 1px solid #0d0d10;
  outline: 1px solid #212127;
}
._button_2xt73_85._halfInputButton_2xt73_122 {
  width: 40px;
  height: 32px;
}
._button_2xt73_85._doubleInputButton_2xt73_126 {
  width: 34px;
  height: 32px;
}
._button_2xt73_85._maxInputButton_2xt73_130 {
  width: 44px;
  height: 32px;
}
._button_2xt73_85._transparent_2xt73_134 {
  background-color: transparent;
  box-shadow: none;
}
._button_2xt73_85._transparent_2xt73_134:hover:not([disabled]) {
  background-color: transparent;
  box-shadow: none;
}
._button_2xt73_85._primary_2xt73_142 {
  background-color: #00ff6a;
  box-shadow: 0px 1px 0px 0px #5aff9f inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
  color: rgba(13, 13, 16, 0.75);
}
._button_2xt73_85._primary_2xt73_142:hover:not([disabled]) {
  background-color: #32ff87;
  box-shadow: 0px 1px 0px 0px #76ffaf inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
  outline: none;
}
._button_2xt73_85._primary_2xt73_142:active:not([disabled]) {
  background-color: #00db5b;
  outline: none;
}
._button_2xt73_85._primary_2xt73_142:focus-visible:not([disabled]):not(:active):not(:hover) {
  border: 1px solid #0d0d10;
  outline: 1px solid rgba(0, 255, 106, 0.5019607843);
}
._iconButton_2xt73_161 {
  width: 32px;
  padding: 8px;
}
._copiedButton_2xt73_166 {
  background-color: #3a3a43;
  box-shadow: 0px 1px 0px 0px #52525e inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._copiedButton_2xt73_166 svg {
  color: white;
}
._copiedButton_2xt73_166:hover:not([disabled]),
._copiedButton_2xt73_166:active:not([disabled]),
._copiedButton_2xt73_166:focus-visible:not([disabled]) {
  background-color: #3a3a43;
  box-shadow: 0px 1px 0px 0px #52525e inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._errorText_2xt73_178 {
  margin-top: 8px;
  color: #ff3f3f;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: -0.24px;
}
._staticPortal_1trfl_1 {
  position: fixed;
  top: 0;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #121216;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  z-index: 600;
  touch-action: none;
}
._header_1trfl_13 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 6px;
}
._header_1trfl_13 ._title_1trfl_19 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._header_1trfl_13 ._title_1trfl_19 > h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
._header_1trfl_13 ._actions_1trfl_29 {
  display: flex;
  gap: 12px;
}
._fadeWrapper_n2vq3_1 {
  color: #0d0d10;
}
._sideFade_n2vq3_5 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 45px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 10;
  pointer-events: none;
}
._sideFade_n2vq3_5._left_n2vq3_16 {
  left: 0;
  background:
    linear-gradient(
      to right,
      currentColor,
      transparent);
}
._sideFade_n2vq3_5._right_n2vq3_20 {
  right: 0;
  background:
    linear-gradient(
      to left,
      currentColor,
      transparent);
}
._sideFade_n2vq3_5._top_n2vq3_24 {
  bottom: unset;
  left: 0;
  right: 0;
  height: 45px;
  width: auto;
  background:
    linear-gradient(
      to bottom,
      currentColor,
      transparent);
}
._sideFade_n2vq3_5._bottom_n2vq3_32 {
  top: unset;
  left: 0;
  right: 0;
  height: 45px;
  width: auto;
  background:
    linear-gradient(
      to top,
      currentColor,
      transparent);
}
._visible_n2vq3_41 {
  opacity: 1;
}
._adCard_n4arf_1 {
  display: flex;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 1.5em 1.25em;
  border-radius: 10px;
  background-color: #15151a;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 392/220;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  ._adCard_n4arf_1 {
    max-height: unset;
  }
}
._content_n4arf_19 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
._status_n4arf_26 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0em 0.6em;
  border-radius: 6px;
  border: 1px solid #212127;
  background-color: #15151a;
  margin-bottom: 0.85em;
  color: #909090;
  font-size: 0.8125em;
  font-weight: 500;
  line-height: 110%;
  height: 1.75em;
}
._headerText_n4arf_42 {
  color: #fff;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0.375em;
}
._description_n4arf_50 {
  color: #909090;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 140%;
}
._button_n4arf_57 {
  width: max-content;
  height: 2.5em;
  margin-top: 0.75em;
  font-size: inherit;
}
._button_n4arf_57 span {
  font-size: 0.875em;
}
._image_n4arf_67 {
  height: 100%;
  width: auto;
  object-fit: cover;
  aspect-ratio: 138/170;
}
._adCards_h07er_1 {
  position: relative;
}
._adCards_h07er_1:hover ._arrowButton_h07er_4 {
  opacity: 1;
  pointer-events: auto;
}
._adCards_h07er_1:hover ._arrowButton_h07er_4._left_h07er_8 {
  transform: translateX(-12px) rotate(-90deg);
}
._adCards_h07er_1:hover ._arrowButton_h07er_4._right_h07er_11 {
  transform: translateX(12px) rotate(90deg);
}
._adCardsContainer_h07er_15 {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
._skeletonCard_h07er_25 {
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 392/220;
  border-radius: 10px;
  max-height: 220px;
}
._viewport_h07er_33 {
  width: 100%;
}
._track_h07er_37 {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._slide_h07er_48 {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: max-content;
}
._arrowButton_h07er_4 {
  position: absolute;
  top: calc(50% - 24px);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
._arrowButton_h07er_4 svg {
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 1280px) {
  ._arrowButton_h07er_4 svg {
    width: 16px;
    height: 16px;
  }
}
._arrowButton_h07er_4:hover svg {
  color: white;
}
._arrowButton_h07er_4._left_h07er_8 {
  left: -24px;
  transform: translateX(0%) rotate(-90deg);
}
._arrowButton_h07er_4._right_h07er_11 {
  right: -24px;
  transform: translateX(0%) rotate(90deg);
}
@media screen and (min-width: 1280px) {
  ._arrowButton_h07er_4._left_h07er_8 {
    left: -32px;
  }
  ._arrowButton_h07er_4._right_h07er_11 {
    right: -32px;
  }
}
._table_8hffw_1 tr {
  animation: _enterRow_8hffw_1 0.3s cubic-bezier(0.07, 0.96, 0.36, 1) normal forwards 1;
}
@keyframes _enterRow_8hffw_1 {
  from {
    transform: scale(0.85);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@media (min-width: 661px) {
  ._table_8hffw_1 td:nth-child(1),
  ._table_8hffw_1 td:nth-child(2) {
    max-width: 23.0769230769%;
  }
}
@media (max-width: 660px) {
  ._mobile_8hffw_22 tr td {
    display: none;
  }
  ._mobile_8hffw_22 tr td:first-child,
  ._mobile_8hffw_22 tr td:last-child {
    display: table-cell;
  }
}
._rowBase_8hffw_30 {
  height: 54px;
  cursor: pointer;
}
._rowDefault_8hffw_35 {
  background-color: transparent !important;
  box-shadow: unset !important;
}
._rowStyled_8hffw_40 {
  background-color: #15151a !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) !important;
}
._placeImage_8hffw_45 {
  width: 22px !important;
  height: 22px !important;
}
._gameName_8hffw_50 {
  text-transform: capitalize;
}
._gameName_8hffw_50 svg {
  width: 16px;
  height: 16px;
}
._hideLabel_8hffw_58 {
  display: none;
}
@media screen and (min-width: 640px) {
  ._hideLabel_8hffw_58 {
    display: flex;
  }
}
._placeCell_8hffw_67 ._labelClassName_8hffw_67 {
  width: 40px;
  max-width: 40px;
}
@media screen and (min-width: 640px) {
  ._placeCell_8hffw_67 ._labelClassName_8hffw_67 {
    width: 100px;
    max-width: 100px;
  }
}
._cellUsername_8hffw_78 ._labelClassName_8hffw_67 {
  width: 50px;
  max-width: 50px;
}
@media screen and (min-width: 640px) {
  ._cellUsername_8hffw_78 ._labelClassName_8hffw_67 {
    width: 100px;
    max-width: 100px;
  }
}
._labelClassName_8hffw_67 {
  width: 100px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
@media screen and (min-width: 640px) {
  ._labelClassName_8hffw_67 {
    width: 125px;
    max-width: 125px;
  }
}
._cellWager_8hffw_104 span:last-child,
._cellPayout_8hffw_105 span:last-child {
  width: 60px;
}
@media screen and (min-width: 640px) {
  ._cellWager_8hffw_104 span:last-child,
  ._cellPayout_8hffw_105 span:last-child {
    width: 100px;
  }
}
._wagerTooltipWrapper_8hffw_115 {
  display: inline-flex;
}
._wagerTooltipChildren_8hffw_119 {
  display: inline-flex;
}
._wagerTooltip_8hffw_115 {
  min-width: 180px;
  padding: 10px 12px !important;
  border-radius: 7px !important;
  border: 1px solid #212127 !important;
  background: #09090b !important;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02) !important;
  animation: _enterTooltip_8hffw_1 0.3s ease-out;
}
@keyframes _enterTooltip_8hffw_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._wagerTooltipContent_8hffw_143 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._wagerTooltipGroup_8hffw_149 {
  display: flex;
  flex-direction: column;
}
._wagerTooltipGroup_8hffw_149 ._wagerTooltipRow_8hffw_153 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._wagerTooltipGroup_8hffw_149 ._wagerTooltipRow_8hffw_153 > span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.28px;
}
._wagerTooltipGroup_8hffw_149 > span {
  color: #909090;
  font-size: 13px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.26px;
  margin-top: 6px;
}
._wagerTooltipDivider_8hffw_174 {
  width: 100%;
  height: 1px;
  background: #212127;
  margin: 6px 0;
}
._wagerTooltipIcon_8hffw_181 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._activeRace_1w42v_1 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 18px;
  min-width: 320px;
  max-width: 389px;
  flex: 1 0 0;
  border-radius: 10px;
  background-color: #15151a;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
._borderGradient_1w42v_17 {
  position: relative;
}
._borderGradient_1w42v_17::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 10px;
  z-index: -10;
  background:
    linear-gradient(
      to bottom,
      var(--race-color),
      #15151a);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
._header_1w42v_32 {
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 1 0 0;
}
._header_1w42v_32 ._headerContent_1w42v_38 {
  display: flex;
  align-items: center;
  gap: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 70px);
}
._header_1w42v_32 ._headerTitle_1w42v_47 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-variant-numeric: lining-nums;
  width: calc(100% - 70px);
}
._header_1w42v_32 ._headerTitle_1w42v_47 > h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.36px;
}
._header_1w42v_32 ._headerTitle_1w42v_47 > p {
  color: #909090;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._raceCountdown_1w42v_72 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 99px;
  background:
    linear-gradient(
      180deg,
      #0d0d10 0%,
      #121216 100%);
}
._infoButton_1w42v_81 {
  width: 38px;
  height: 38px;
  margin-left: auto;
}
._infoButton_1w42v_81 svg {
  width: 16px;
  height: 16px;
}
._betFeed_83lnd_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
._header_83lnd_11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
._headerRight_83lnd_18 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-align: center;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}
._headerRight_83lnd_18 ._privateButton_83lnd_29 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px;
  border-radius: 8px;
  background-color: #212127;
  box-shadow: 0px 1px 0px 0px #2a2a31 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  color: #fff;
  text-align: center;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
  height: 40px;
  opacity: 0.5;
}
._headerRight_83lnd_18 ._privateButton_83lnd_29._checked_83lnd_48 {
  opacity: 1;
}
._headerRight_83lnd_18 ._dropdownContent_83lnd_51 {
  width: 60px;
}
._headerRight_83lnd_18 ._privateTooltip_83lnd_54 {
  font-size: 12px;
  padding: 12px;
  margin-bottom: -4px;
  animation: _enterTooltip_83lnd_1 0.3s ease normal forwards 1;
}
._headerRight_83lnd_18 ._privateTooltip_83lnd_54 > div {
  width: 12px;
  height: 12px;
}
@keyframes _enterTooltip_83lnd_1 {
  from {
    opacity: 0;
    transform: translate(-50%, 4px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0px);
  }
}
@media (max-width: 880px) {
  ._headerRight_83lnd_18 {
    display: none;
  }
}
._affiliateRacesContainer_83lnd_80 {
  position: relative;
}
._affiliateRacesContainer_83lnd_80 ._affiliateRaces_83lnd_80 {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1px;
}
._tabBarSkeleton_83lnd_91 {
  width: 460px;
  height: 50px;
}
._privateButtonSkeleton_83lnd_96 {
  width: 110px;
  height: 38px;
}
._dropdownSkeleton_83lnd_101 {
  width: 65px;
  height: 40px;
}
._betPanel_1iduh_1 {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  gap: 22px;
  height: 100%;
  width: 100%;
  padding: 20px;
  scrollbar-width: none;
  border-radius: 10px 0 0 0;
}
@container main-container (width > 900px) {
  ._betPanel_1iduh_1 {
    flex-direction: column;
    max-width: 310px;
    max-height: 726px;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
._betPanel_1iduh_1._theaterMode_1iduh_21 {
  border-radius: 0px;
}
._tab_1iduh_25 {
  margin-bottom: 6px;
}
._tabBarWrapper_1iduh_29 {
  position: relative;
}
._tabNewMark_1iduh_33 {
  position: absolute;
  top: -1px;
  width: 28px;
}
._tabNewMark_1iduh_33._leftMark_1iduh_38 {
  left: calc(50% - 27px);
}
._tabNewMark_1iduh_33._rightMark_1iduh_41 {
  right: -1px;
}
._content_mm4ly_1 {
  display: flex;
  align-items: center;
  gap: 18px;
}
._content_mm4ly_1 ._buttonBack_mm4ly_6 {
  width: 34px;
  height: 34px;
  padding: 11px;
  border-radius: 7px;
}
._content_mm4ly_1 ._buttonBack_mm4ly_6 svg {
  transform: rotate(-90deg);
}
._content_mm4ly_1 ._title_mm4ly_15 {
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.52px;
}
._skeletonButtonBack_mm4ly_25 {
  width: 34px;
  height: 34px;
  border-radius: 8px;
}
._skeletonTitle_mm4ly_31 {
  width: 142px;
  height: 26px;
  border-radius: 8px;
}
._cardList_glrew_1 {
  position: relative;
  height: 100%;
}
._grid_glrew_6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
@container (min-width: 511px) {
  ._grid_glrew_6 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container (min-width: 684px) {
  ._grid_glrew_6 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@container (min-width: 857px) {
  ._grid_glrew_6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@container (min-width: 1030px) {
  ._grid_glrew_6 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@container (min-width: 1180px) {
  ._grid_glrew_6 {
    grid-template-columns: repeat(8, 1fr);
  }
}
._loadingSpinner_glrew_37 {
  position: relative !important;
  height: max-content !important;
  width: 100%;
}
._emptyList_glrew_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 803px;
  color: #909090;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.28px;
}
._card_bl42p_1 {
  width: calc((100dvw - 62px - 18px) / 3);
}
@media (min-width: 573px) {
  ._card_bl42p_1 {
    width: calc((100dvw - 62px - 27px) / 4);
  }
}
@media (min-width: 746px) {
  ._card_bl42p_1 {
    width: calc((100dvw - 62px - 36px) / 5);
  }
}
@media (min-width: 768px) {
  ._card_bl42p_1 {
    width: calc((100dvw - 172px - 36px) / (5 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 947px) {
  ._card_bl42p_1 {
    width: calc((100dvw - 172px - 45px) / (6 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1120px) {
  ._card_bl42p_1 {
    width: calc((100dvw - 172px - 54px) / (7 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1293px) {
  ._card_bl42p_1 {
    width: calc((100dvw - 172px - 63px) / (8 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1372px) {
  ._card_bl42p_1 {
    width: calc(1137px / (8 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1150px) {
  ._card_bl42p_1._sidebarExpanded_bl42p_41 {
    width: calc((100dvw - 382px - 36px) / (5 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1157px) {
  ._card_bl42p_1._sidebarExpanded_bl42p_41 {
    width: calc((100dvw - 382px - 45px) / (6 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1340px) {
  ._card_bl42p_1._sidebarExpanded_bl42p_41 {
    width: calc((100dvw - 382px - 54px) / (7 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1503px) {
  ._card_bl42p_1._sidebarExpanded_bl42p_41 {
    width: calc((100dvw - 382px - 63px) / (8 - var(--show-half-card) * 0.5));
  }
}
@media (min-width: 1582px) {
  ._card_bl42p_1._sidebarExpanded_bl42p_41 {
    width: calc(1137px / (8 - var(--show-half-card) * 0.5));
  }
}
._emptySkeleton_bl42p_66 {
  cursor: default !important;
}
._emptySkeleton_bl42p_66:hover {
  transform: none !important;
  filter: none !important;
}
._settings_117qa_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._content_117qa_7 {
  display: flex;
  align-items: center;
  gap: 14px;
}
._buttonViewAllProviders_117qa_13 {
  height: 40px;
}
._label_117qa_17 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #909090;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  white-space: nowrap;
}
._providersDropdownContainer_117qa_29 {
  width: 270px;
  height: 260px;
}
._providersDropdownContainerMobile_117qa_33 {
  left: 120px;
}
._sortDropdownContainerMobile_117qa_37 {
  left: unset;
  right: -88px;
}
._providerItem_117qa_42 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
._providerItem_117qa_42:hover {
  color: white;
}
._providerItem_117qa_42 ._count_117qa_54 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #212127;
  background: #15151a;
  height: 17px;
  font-size: 13px;
  font-weight: 500;
}
._providerItem_117qa_42._checked_117qa_67 > span:first-child {
  color: #fff;
}
._sortContent_117qa_71 {
  width: 140px;
}
._loadMore_1g2zy_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
._buttonLoadWrapper_1g2zy_8 {
  position: relative;
  height: 0px;
  animation: _enterWrapper_1g2zy_1 0.5s ease normal forwards;
  will-change: height;
}
@keyframes _enterWrapper_1g2zy_1 {
  0% {
    opacity: 0;
    height: 0px;
  }
  100% {
    opacity: 1;
    height: 40px;
  }
}
._buttonLoadMore_1g2zy_25 {
  width: 164px;
  height: 40px;
  animation: _enterButton_1g2zy_1 0.5s ease normal forwards;
}
@keyframes _enterButton_1g2zy_1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
._label_1g2zy_39 {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.28px;
  color: #909090;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
._label_1g2zy_39 ._displayed_1g2zy_48 {
  color: white;
}
._displaySkeleton_1g2zy_52 {
  width: 152px;
  height: 17px;
  border-radius: 8px;
}
._explore_10lno_1 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  container: explore-container/inline-size;
}
._searchBar_10lno_8 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._searchInputContent_10lno_14 {
  background-color: #0d0d10;
}
._chartBlock_1mktx_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._infoBlockWrapper_1mktx_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background-color: rgba(33, 33, 39, 0.5019607843);
  padding: 18px;
  border-radius: 8px;
}
._divider_1mktx_18 {
  width: 100%;
  height: 1px;
  background-color: #121216;
}
._chartAndStatsWrapper_1mktx_24 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: 8px;
  overflow: hidden;
}
._chartWrapper_1mktx_32 {
  position: relative;
  width: 328px;
  height: 260px;
  background-color: rgba(33, 33, 39, 0.5019607843);
}
._chartWrapper_1mktx_32 canvas {
  cursor: crosshair;
  width: 100% !important;
  height: 100% !important;
}
._statsBlockWrapper_1mktx_44 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1px;
}
._tooltip_1mktx_51 {
  position: absolute;
  background-color: #1a1d29;
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 1;
  font-size: 12px;
  font-family: monospace;
  white-space: nowrap;
}
._tooltip_1mktx_51._positive_1mktx_62 {
  color: #00ff6a;
}
._tooltip_1mktx_51._negative_1mktx_65 {
  color: #ff3f3f;
}
._infoBlock_1glsc_1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
._label_1glsc_8 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.032px;
  color: var(--color-grey);
  -webkit-user-select: none;
  user-select: none;
}
._content_1glsc_17 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._value_1glsc_23 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.032px;
  color: var(--color-white);
  -webkit-user-select: none;
  user-select: none;
}
._negative_1glsc_32 {
  color: var(--color-red);
}
._positive_1glsc_36 {
  color: var(--color-green);
}
._statsBlock_1z0wh_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 13.5px 18px;
  background-color: rgba(33, 33, 39, 0.5019607843);
  width: 100%;
}
._label_1z0wh_11 {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #909090;
  line-height: 16.8px;
  letter-spacing: -0.032px;
}
._value_1z0wh_20 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
  letter-spacing: -0.032px;
  color: #ff3f3f;
}
._wins_1z0wh_29 {
  color: #00ff6a;
}
._root_fcvpx_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._chartWrapperSizing_fcvpx_7 {
  width: 100%;
  max-width: 100%;
  height: min(200px, 36vh);
  min-height: 140px;
}
._chartWrapperSizing_fcvpx_7 canvas {
  width: 100% !important;
}
._bottomStats_fcvpx_17 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
._statCell_fcvpx_23 {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: rgba(33, 33, 39, 0.5019607843);
}
._statsBlockPlain_fcvpx_30 {
  padding: 0;
  background-color: transparent;
}
._liveStatsInline_p03x0_1 {
  flex-shrink: 0;
  width: 100%;
  padding: 10px;
  background-color: #15151a;
}
._toolbar_p03x0_8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 10px 10px;
}
._title_p03x0_16 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
._titleIcon_p03x0_23 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}
._titleText_p03x0_29 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._actions_p03x0_40 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
}
._iconButton_p03x0_47 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--color-text-secondary);
  cursor: pointer;
}
._iconButton_p03x0_47:hover {
  color: var(--color-text-primary);
  background-color: rgba(255, 255, 255, 0.06);
}
._toolbarIcon_p03x0_63 {
  width: 18px;
  height: 18px;
}
._gameSelectWrapper_p03x0_68 {
  flex-shrink: 0;
}
._gameSelectButton_p03x0_72 {
  min-width: 34px;
  padding: 0 !important;
  border: none !important;
  border-radius: 6px;
  background: transparent !important;
  box-shadow: none !important;
}
._gameSelectButton_p03x0_72:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}
._gameSelectInner_p03x0_84 {
  justify-content: center;
  gap: 0;
  padding: 6px 8px !important;
}
._gameSelectInner_p03x0_84 > p {
  line-height: 14px;
}
._gameSelectLabelHidden_p03x0_93 {
  display: none !important;
}
._gameSelectMenu_p03x0_97 {
  left: auto !important;
  right: 0 !important;
  width: max-content !important;
  min-width: 200px;
  max-width: min(280px, 85vw);
}
._settingsMenuItem_jd0je_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
}
._settingsMenuItem_jd0je_1:hover ._settingsMenuItemIcon_jd0je_8,
._settingsMenuItem_jd0je_1:hover ._settingsMenuItemLabel_jd0je_9 {
  color: #fff;
}
._activeItem_jd0je_13 ._settingsMenuItemLabel_jd0je_9 {
  color: #fff;
}
._activeItem_jd0je_13 ._settingsMenuItemIcon_jd0je_8 {
  color: #00ff6a;
}
._activeItem_jd0je_13:hover ._settingsMenuItemIcon_jd0je_8 {
  color: #00ff6a;
}
._settingsMenuItemLabel_jd0je_9 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.032px;
  color: #909090;
}
._modal_kw9bq_1 {
  width: 100%;
  max-width: 640px;
}
._devider_kw9bq_6 {
  width: 100%;
  height: 1px;
  background-color: #212127;
}
._rules_kw9bq_12 {
  display: flex;
  flex-direction: column;
  margin-top: 28px;
  border-radius: 9px;
  border: 1px solid #212127;
  background: rgba(33, 33, 39, 0.33);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  padding: 0 18px;
}
._rule_kw9bq_12 {
  padding: 18px 0;
  border-bottom: 1px solid #212127;
  color: #909090;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
}
._rule_kw9bq_12:last-child {
  border-bottom: none;
}
._modal_qg48l_1 {
  max-width: 640px;
  width: 100%;
}
._modalContent_qg48l_6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
._devider_qg48l_13 {
  width: 100%;
  height: 1px;
  background-color: #212127;
}
._hotkeysContainer_qg48l_19 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  background: rgba(33, 33, 39, 0.3294117647);
  border-radius: 9px;
  border: 1px solid #212127;
  padding: 18px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._hotkey_qg48l_19 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
._hotkeyLabel_qg48l_38 {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #909090;
}
._hotkeyKey_qg48l_46 {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #ffffff;
  padding: 11px 14px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922), 0px 1px 0px 0px #2a2a31 inset;
  border-radius: 7px;
  background-color: #212127;
}
._checkboxLabel_qg48l_58 {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #ffffff;
}
._cautionContainer_qg48l_65 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px;
  border: 1px dashed #383842;
  border-radius: 9px;
  background-color: rgba(33, 33, 39, 0.1490196078);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._cautionHeader_qg48l_76 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._cautionTitle_qg48l_82 {
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.32px;
  color: #ffffff;
}
._cautionText_qg48l_90 {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.32px;
  color: #909090;
}
._gameControl_1hk0o_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 66px;
  padding: 22px;
  border-radius: 0px 0px 10px 10px;
  border-top: 1px solid var(--color-border-primary);
  background-color: #121216;
}
._gameControl_1hk0o_1._isTheater_1hk0o_12 {
  border-radius: 0px;
}
._controls_1hk0o_16 {
  display: flex;
  gap: 16px;
  align-items: center;
}
._controls_1hk0o_16 ._button_1hk0o_21 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
._controls_1hk0o_16 ._button_1hk0o_21 ._icon_1hk0o_28 {
  color: var(--color-grey);
}
._controls_1hk0o_16 ._button_1hk0o_21 ._icon_1hk0o_28:hover {
  color: var(--color-white);
}
._controls_1hk0o_16 ._favouriteBurst_1hk0o_34 {
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--color-red);
  border-radius: 100%;
  top: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  pointer-events: none;
}
._controls_1hk0o_16 ._favouriteBurst_1hk0o_34._activeFavourite_1hk0o_46 {
  animation: _burstAnimation_1hk0o_1 0.6s forwards normal;
}
@keyframes _burstAnimation_1hk0o_1 {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
._controls_1hk0o_16 ._activeIcon_1hk0o_59 {
  color: var(--color-green) !important;
}
._controls_1hk0o_16 ._activeIcon_1hk0o_59:hover {
  color: var(--color-green) !important;
}
._controls_1hk0o_16 ._activeFavourite_1hk0o_46 {
  color: var(--color-red) !important;
  animation: _pulseAnimation_1hk0o_1 333ms ease forwards normal;
}
._controls_1hk0o_16 ._activeFavourite_1hk0o_46:hover {
  color: var(--color-red) !important;
}
@keyframes _pulseAnimation_1hk0o_1 {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  30% {
    transform: scale(1.2);
    filter: brightness(1.25);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}
._controls_1hk0o_16 ._buttonSettings_1hk0o_86 {
  height: unset;
  padding: unset;
  border-radius: unset;
  background-color: unset;
  box-shadow: none;
}
._controls_1hk0o_16 ._buttonSettings_1hk0o_86:hover {
  background-color: unset;
  box-shadow: none;
}
._controls_1hk0o_16 ._buttonSettings_1hk0o_86:hover ._settingsMenuIcon_1hk0o_97 {
  color: var(--color-white);
}
._controls_1hk0o_16 ._settingsMenu_1hk0o_97 {
  width: 152px;
}
._controls_1hk0o_16 ._settingsMenuShiftedRight_1hk0o_103 {
  left: 65px;
}
._controls_1hk0o_16 ._settingsMenuIcon_1hk0o_97 {
  transform: scale(1.25);
}
._logo_1hk0o_110 {
  fill: #717172;
  opacity: 0.5;
  width: 100%;
  max-width: 97px;
}
._logo_1hk0o_110._icon_1hk0o_28 {
  width: max-content;
}
._logo_1hk0o_110._icon_1hk0o_28 svg {
  width: 22px;
}
._funRealPlay_1hk0o_123 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 600;
}
._funRealPlay_1hk0o_123 ._active_1hk0o_46 {
  color: var(--color-white);
}
._currency_1hk0o_135 {
  background-color: transparent !important;
  box-shadow: none !important;
}
._gamePlayerContainer_yr8oe_1 {
  position: relative;
  width: 100%;
  border: 1px solid var(--color-border-primary);
  border-radius: 10px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  container: game-player-container/inline-size;
}
._pipWrapper_yr8oe_10 {
  height: 100%;
}
._pipContainer_yr8oe_14 {
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
}
._pipContainer_yr8oe_14 ._game_yr8oe_1 {
  height: 100%;
}
._pipContainer_yr8oe_14 ._content_yr8oe_23 {
  height: max-content;
}
._fullscreenContainer_yr8oe_27 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 540;
  width: 100%;
  height: 100%;
}
._fullscreenContainer_yr8oe_27 ._gamePlayerContainer_yr8oe_1 {
  height: 100%;
  border: none;
  border-radius: 0px;
}
._theaterContainer_yr8oe_41 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  max-width: 100%;
  height: calc(100dvh - 76px);
  display: flex;
  flex-direction: column;
  aspect-ratio: 16/9;
  border-radius: 0px;
  border-top: none;
  border-bottom: none;
}
._theaterContainer_yr8oe_41 ._panel_yr8oe_56 {
  border-radius: 0px;
}
._theaterContainer_yr8oe_41 iframe {
  border-radius: 0px;
}
._theaterExpander_yr8oe_63 {
  height: calc(100dvh - 126px);
}
._content_yr8oe_23 {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
}
@container main-container (width > 900px) {
  ._content_yr8oe_23 {
    flex-direction: row;
    align-items: stretch;
    overflow: auto;
  }
}
._panel_yr8oe_56 {
  width: 100%;
  background-color: #15151a;
  border-top: 1px solid var(--color-border-primary);
  overflow: visible;
}
@container main-container (width > 900px) {
  ._panel_yr8oe_56 {
    min-height: 630px;
    max-width: 310px;
    border-top: 0;
    border-right: 1px solid var(--color-border-primary);
    border-radius: 10px 0 0 0;
  }
}
._game_yr8oe_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 10px 10px 0 0;
  background-color: #111114;
  overflow: visible;
}
@container main-container (width > 900px) {
  ._game_yr8oe_1 {
    max-width: 890px;
    border-radius: 0 10px 0 0;
  }
}
._gameTheaterMode_yr8oe_113 {
  height: 100%;
  border-radius: 0px;
}
@container main-container (width > 900px) {
  ._gameTheaterMode_yr8oe_113 {
    max-width: none;
  }
}
._card_mcyje_1 {
  display: flex;
  flex: 0 0 auto;
  width: 192.5px;
  padding: 14px;
  align-items: center;
  gap: 14px;
  border-radius: 9px;
  background: #212127;
  box-shadow: 0 1.182px 0 0 #2a2a31 inset, 0 2.364px 2.364px 0 rgba(0, 0, 0, 0.25);
  transition:
    transform 0.2s,
    background-color 0.2s,
    box-shadow 0.2s,
    color 0.2s,
    opacity 0.2s;
}
._card_mcyje_1:hover {
  transform: translateY(-6px);
  background-color: #26262c;
  box-shadow: 0 1.182px 0 0 #303037 inset, 0 2.364px 2.364px 0 rgba(0, 0, 0, 0.25);
}
._card_mcyje_1._faded_mcyje_18 {
  opacity: 0.5;
}
._iconWrapper_mcyje_22 {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 7px 6.5px 7px 7.5px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 25px;
  background:
    linear-gradient(
      180deg,
      rgba(13, 13, 16, 0.6) 0%,
      rgba(13, 13, 16, 0.2) 100%);
  box-shadow: 0 0.909px 1.818px 0 rgba(0, 0, 0, 0.1607843137) inset;
}
._icon_mcyje_22 {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
._label_mcyje_41 {
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
}
._card_10hd6_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  height: 78px;
  width: 187px;
  scroll-snap-align: start;
  border-radius: 7px;
  border-radius: 9px;
  background: #212127;
  box-shadow: 0 1.182px 0 0 #2a2a31 inset, 0 2.364px 2.364px 0 rgba(0, 0, 0, 0.25);
  transition:
    transform 0.2s,
    background-color 0.2s,
    box-shadow 0.2s,
    color 0.2s,
    opacity 0.2s;
}
._card_10hd6_1:hover {
  transform: translateY(-6px);
  background-color: #26262c;
  box-shadow: 0 1.182px 0 0 #303037 inset, 0 2.364px 2.364px 0 rgba(0, 0, 0, 0.25);
}
._card_10hd6_1._active_10hd6_20 {
  background-color: rgba(33, 33, 39, 0.9);
  color: #ffffff;
  box-shadow: 0px 1px 0px 0px rgba(58, 58, 67, 0.5) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._card_10hd6_1 > img {
  height: 100%;
}
._card_10hd6_1 ._providerIcon_10hd6_28 {
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
}
._card_10hd6_1 ._providerIcon_10hd6_28 svg {
  width: 100%;
  height: 100%;
}
._card_10hd6_1 ._providerIcon_10hd6_28._faded_10hd6_37 {
  opacity: 0.5;
}
._card_10hd6_1 ._degenIcon_10hd6_40 {
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20id='degen-logo'%20xmlns='http://www.w3.org/2000/svg'%20width='108'%20height='16'%20viewBox='0%200%20108%2016'%20fill='none'%20preserveAspectRatio='xMinYMin%20meet'%3e%3cpath%20d='M107.85%204.49593V16H104.203V5.0973C104.203%204.29808%20103.555%203.64725%20102.756%203.64725H91.4989V16H87.8516V0H103.354C105.833%200%20107.85%202.01497%20107.85%204.49333V4.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M47.6121%203.64725V12.3554H60.3189V9.82493H54.2558V6.17768H63.9636V16H48.4608C45.9824%2016%2043.9649%2013.9824%2043.9649%2011.5041V4.49593C43.9649%202.01757%2045.9824%200%2048.4608%200H63.9636V3.64465H47.6121V3.64725Z'%20fill='currentColor'/%3e%3cpath%20d='M19.9987%204.49593V11.5041C19.9987%2013.9824%2017.9811%2016%2015.5028%2016H0V6.17768H3.64465V12.3554H14.904C15.7006%2012.3554%2016.3514%2011.7045%2016.3514%2010.9053V5.0973C16.3514%204.29808%2015.7006%203.64725%2014.904%203.64725H0V0H15.5028C17.9811%200%2019.9987%202.01757%2019.9987%204.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M69.592%203.64726V6.17768H82.0332V9.82493H69.592V12.3554H85.9434V16H69.7482C67.6499%2016%2065.9447%2014.2948%2065.9447%2012.1992V3.80346C65.9447%201.70778%2067.6499%200.00260925%2069.7482%200.00260925H85.9434V3.64726H69.592Z'%20fill='currentColor'/%3e%3cpath%20d='M25.6453%203.64726V6.17768H38.0866V9.82493H25.6453V12.3554H41.9968V16H25.8015C23.7033%2016%2021.9981%2014.2948%2021.9981%2012.1992V3.80346C21.9981%201.70778%2023.7033%200.00260925%2025.8015%200.00260925H41.9968V3.64726H25.6453Z'%20fill='currentColor'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20id='degen-logo'%20xmlns='http://www.w3.org/2000/svg'%20width='108'%20height='16'%20viewBox='0%200%20108%2016'%20fill='none'%20preserveAspectRatio='xMinYMin%20meet'%3e%3cpath%20d='M107.85%204.49593V16H104.203V5.0973C104.203%204.29808%20103.555%203.64725%20102.756%203.64725H91.4989V16H87.8516V0H103.354C105.833%200%20107.85%202.01497%20107.85%204.49333V4.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M47.6121%203.64725V12.3554H60.3189V9.82493H54.2558V6.17768H63.9636V16H48.4608C45.9824%2016%2043.9649%2013.9824%2043.9649%2011.5041V4.49593C43.9649%202.01757%2045.9824%200%2048.4608%200H63.9636V3.64465H47.6121V3.64725Z'%20fill='currentColor'/%3e%3cpath%20d='M19.9987%204.49593V11.5041C19.9987%2013.9824%2017.9811%2016%2015.5028%2016H0V6.17768H3.64465V12.3554H14.904C15.7006%2012.3554%2016.3514%2011.7045%2016.3514%2010.9053V5.0973C16.3514%204.29808%2015.7006%203.64725%2014.904%203.64725H0V0H15.5028C17.9811%200%2019.9987%202.01757%2019.9987%204.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M69.592%203.64726V6.17768H82.0332V9.82493H69.592V12.3554H85.9434V16H69.7482C67.6499%2016%2065.9447%2014.2948%2065.9447%2012.1992V3.80346C65.9447%201.70778%2067.6499%200.00260925%2069.7482%200.00260925H85.9434V3.64726H69.592Z'%20fill='currentColor'/%3e%3cpath%20d='M25.6453%203.64726V6.17768H38.0866V9.82493H25.6453V12.3554H41.9968V16H25.8015C23.7033%2016%2021.9981%2014.2948%2021.9981%2012.1992V3.80346C21.9981%201.70778%2023.7033%200.00260925%2025.8015%200.00260925H41.9968V3.64726H25.6453Z'%20fill='currentColor'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
  padding: 16px 32px;
}
._raceCountdown_riw0b_1 {
  border-radius: 8px;
  background-color: #121216;
  width: 100%;
}
._raceCountdownContent_riw0b_7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._timerContainer_riw0b_14 {
  position: absolute;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
._timerContainer_riw0b_14 ._timerValue_riw0b_22 {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: -0.032px;
}
._timerContainer_riw0b_14 ._timerLabel_riw0b_28 {
  font-size: 13px;
  font-weight: 500;
  color: #909090;
}
._fallback_15pcm_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 14px;
  text-align: center;
  width: 100%;
  height: 100%;
  color: white;
  background:
    linear-gradient(
      180deg,
      #17171c,
      #25252b);
  line-height: 120%;
  gap: 10px;
  text-transform: uppercase;
  border-radius: 8px;
  animation: _fadeIn_15pcm_1 0.2s ease;
}
._fallback_15pcm_1 ._logo_15pcm_18 {
  width: 64px;
  height: 64px;
  margin: auto 0;
  opacity: 0.1;
}
._fallback_15pcm_1 ._logo_15pcm_18 svg {
  width: 100%;
  height: 100%;
}
._fallback_15pcm_1 ._fallbackName_15pcm_28 {
  font-size: 20px;
  font-weight: 600;
}
._fallback_15pcm_1 ._fallbackProviderName_15pcm_32 {
  font-size: 8px;
  font-weight: 400;
  opacity: 0.75;
}
._slotImageWrapper_15pcm_38 {
  width: inherit;
  height: inherit;
}
._slotImage_15pcm_38 {
  width: inherit;
  height: inherit;
  object-fit: cover;
}
._loaded_15pcm_49 {
  animation: _fadeIn_15pcm_1 0.3s ease forwards normal;
}
._skeleton_15pcm_53 {
  width: 100%;
  height: 100%;
  z-index: 10;
}
@keyframes _fadeIn_15pcm_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._username_oljbl_1 {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
._image_oljbl_8 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._label_oljbl_14 {
  color: var(--color-grey);
  font-variant-numeric: lining-nums proportional-nums;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  white-space: nowrap;
}
._accented_oljbl_24 {
  color: var(--color-white);
  font-weight: 600;
  cursor: pointer;
}
._admin_oljbl_30 {
  color: var(--color-red);
}
._moderator_oljbl_34 {
  color: var(--color-green);
}
._badgeIcon_oljbl_38 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._rank_oljbl_44 {
  flex-shrink: 0;
}
._rank_oljbl_44 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
._card_yv39h_1 {
  position: relative;
  max-width: 164px;
  max-height: 224px;
  height: 100%;
  flex: 0 0 auto;
  border-radius: 8px;
  background-color: #121216;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  scroll-snap-align: start;
  aspect-ratio: 164/224;
  will-change: transform, opacity;
}
._card_yv39h_1 > img {
  width: inherit;
  height: inherit;
}
._card_yv39h_1:hover {
  transform: translateY(-6px);
  filter: brightness(1.2);
}
._card_yv39h_1:hover ._pip_yv39h_25 {
  opacity: 1;
}
._betaBadge_yv39h_29 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(0, 255, 106, 0.15);
  border: 1px solid rgba(0, 255, 106, 0.3);
  color: #00ff6a;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 2;
  pointer-events: none;
}
._restricted_yv39h_46 {
  pointer-events: none;
  cursor: not-allowed;
}
._restricted_yv39h_46:hover {
  transform: none;
}
._restricted_yv39h_46 img {
  mix-blend-mode: luminosity;
  opacity: 0.8;
}
._restrictedCover_yv39h_58 {
  position: absolute;
  top: -1%;
  left: 0;
  width: 100%;
  height: 101%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 12px;
  background-color: rgba(18, 18, 22, 0.85);
  color: #fff;
  text-align: center;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
}
._faded_yv39h_79 {
  opacity: 0.25;
}
._pip_yv39h_25 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  display: none;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  z-index: 10;
  opacity: 0;
  border-radius: 7px;
  background: #212127;
  box-shadow: 0 1px 0 0 #2a2a31 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  transition:
    background 333ms,
    box-shadow 333ms,
    opacity 333ms;
}
._pip_yv39h_25 svg {
  width: 16px;
  height: 16px;
  color: #909090;
  transition: color 333ms;
}
._pip_yv39h_25:hover {
  color: #ffffff;
  background: #303038;
  box-shadow: 0 1px 0 0 #3a3a43 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._pip_yv39h_25:hover svg {
  color: #ffffff;
}
@media screen and (min-width: 500px) {
  ._pip_yv39h_25 {
    display: flex;
  }
}
._container_1eqr3_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._header_1eqr3_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._titleWrapper_1eqr3_13 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._titleWrapper_1eqr3_13 svg {
  width: 20px;
  height: 20px;
}
._titleWrapper_1eqr3_13:hover {
  cursor: pointer;
}
._titleWrapper_1eqr3_13:hover svg {
  color: #fff;
}
._title_1eqr3_13 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  white-space: nowrap;
}
._buttons_1eqr3_37 {
  display: flex;
  gap: 6px;
}
._buttons_1eqr3_37 ._button_1eqr3_37 {
  height: 34px;
  width: 34px;
  border-radius: 7px;
}
._buttons_1eqr3_37 ._button_1eqr3_37 ._arrowLeft_1eqr3_46 {
  transform: rotate(-90deg);
}
._buttons_1eqr3_37 ._button_1eqr3_37 ._arrowRight_1eqr3_49 {
  transform: rotate(90deg);
}
._contentWrapper_1eqr3_53 {
  position: relative;
}
._content_1eqr3_53 {
  display: flex;
  gap: 9px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  padding-top: 10px;
}
._content_1eqr3_53 ::-webkit-scrollbar {
  display: none;
}
._rightShadow_1eqr3_70::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 74px;
  height: 100%;
  background:
    linear-gradient(
      270deg,
      #0d0d10 0%,
      rgba(13, 13, 16, 0) 100%);
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
._hideRightShadow_1eqr3_83::before {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
._iconSkeleton_1eqr3_88 {
  width: 18px;
  height: 18px;
}
._titleSkeleton_1eqr3_93 {
  width: 130px;
  height: 18px;
  border-radius: 6px;
}
._buttonSkeleton_1eqr3_99 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}
._container_fr9t4_1 {
  display: flex;
  flex-direction: column;
}
._content_fr9t4_6 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._checkbox_fr9t4_12 {
  position: relative;
  width: 14px;
  height: 14px;
  outline: none;
  border: none;
  border-radius: 20px;
}
._checkbox_fr9t4_12:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border: 1px solid #212127;
  color: white;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #09090b;
  border-radius: 4px;
  cursor: pointer;
}
._checkbox_fr9t4_12:checked:before {
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.02881%200.75H11.9712C12.7091%200.749991%2013.3181%200.749982%2013.8142%200.790517C14.3294%200.83261%2014.8031%200.922957%2015.248%201.14965C15.9379%201.50118%2016.4988%202.06211%2016.8503%202.75204C17.077%203.19693%2017.1674%203.67057%2017.2095%204.18583C17.25%204.68192%2017.25%205.29091%2017.25%206.02879V11.9712C17.25%2012.7091%2017.25%2013.3181%2017.2095%2013.8142C17.1674%2014.3294%2017.077%2014.8031%2016.8503%2015.248C16.4988%2015.9379%2015.9379%2016.4988%2015.248%2016.8503C14.8031%2017.077%2014.3294%2017.1674%2013.8142%2017.2095C13.3181%2017.25%2012.7091%2017.25%2011.9712%2017.25H6.02879C5.29091%2017.25%204.68192%2017.25%204.18583%2017.2095C3.67057%2017.1674%203.19693%2017.077%202.75204%2016.8503C2.06211%2016.4988%201.50118%2015.9379%201.14965%2015.248C0.922957%2014.8031%200.83261%2014.3294%200.790517%2013.8142C0.749982%2013.3181%200.749991%2012.7091%200.75%2011.9712V6.0288C0.749991%205.29092%200.749982%204.68191%200.790517%204.18583C0.83261%203.67057%200.922957%203.19693%201.14965%202.75204C1.50118%202.06211%202.06211%201.50118%202.75204%201.14965C3.19693%200.922957%203.67057%200.83261%204.18583%200.790517C4.68191%200.749982%205.29094%200.749991%206.02881%200.75ZM12.8536%207.58568C13.2115%207.22772%2013.2115%206.64731%2012.8536%206.28933C12.4955%205.93135%2011.9152%205.93135%2011.5572%206.28933L8.0804%209.76615L6.89521%208.58099C6.53723%208.22303%205.95683%208.22303%205.59886%208.58099C5.24087%208.93895%205.24087%209.51938%205.59886%209.87734L7.43223%2011.7107C7.79018%2012.0686%208.37053%2012.0686%208.72858%2011.7107L12.8536%207.58568Z'%20fill='white'/%3e%3c/svg%3e");
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
._label_fr9t4_43 {
  color: #909090;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
._error_fr9t4_52 ._checkbox_fr9t4_12:before {
  border-color: #ff3f3f;
}
._errorMessage_fr9t4_56 {
  margin-top: 8px;
  color: #ff3f3f;
  font-size: 12px;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: -0.02em;
}
._tooltipWrapper_vq4cd_1 {
  position: relative;
  display: inline-block;
  cursor: help;
}
._tooltipWrapper_vq4cd_1._anchorRight_vq4cd_6 ._tooltip_vq4cd_1 {
  left: auto;
  right: -4px;
  transform: none;
  animation: _sideAnimation_vq4cd_1 333ms ease forwards;
}
._tooltipWrapper_vq4cd_1._anchorRight_vq4cd_6 ._tooltipArrow_vq4cd_12 {
  left: auto;
  right: 16px;
}
._tooltipWrapper_vq4cd_1._anchorLeft_vq4cd_16 ._tooltip_vq4cd_1 {
  left: -4px;
  transform: none;
  animation: _sideAnimation_vq4cd_1 333ms ease forwards;
}
._tooltipWrapper_vq4cd_1._anchorLeft_vq4cd_16 ._tooltipArrow_vq4cd_12 {
  left: 16px;
}
@keyframes _sideAnimation_vq4cd_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._children_vq4cd_35 {
  display: inline-block;
}
._tooltip_vq4cd_1 {
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  opacity: 0;
  padding: 10px 14px;
  background-color: #15151a;
  border: 1px solid #212127;
  border-radius: 8px;
  box-shadow: 0px 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431), 0px 12px 12px -2px rgba(0, 0, 0, 0.0588235294);
  z-index: 1000;
  white-space: nowrap;
  pointer-events: none;
  animation: _centerAnimation_vq4cd_1 333ms ease forwards;
}
@keyframes _centerAnimation_vq4cd_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
._tooltipContent_vq4cd_66 {
  font-size: 13px;
  font-weight: 500;
  color: #e4e4e7;
  line-height: 1.4;
}
._tooltipArrow_vq4cd_12 {
  position: absolute;
  top: calc(100% - 5px);
  left: 50%;
  transform: translateX(-50%) translateY(-1px);
  width: 12px;
  height: 12px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-bottom-right-radius: 2px;
  border-style: solid;
  border-color: #212127;
  background-color: #15151a;
  transform: translateX(-50%) rotate(45deg);
  z-index: 1001;
}
@media (max-width: 768px) {
  ._tooltip_vq4cd_1 {
    font-size: 12px;
    padding: 8px 12px;
    max-width: 200px;
    white-space: normal;
    word-wrap: break-word;
  }
  ._tooltipArrow_vq4cd_12 {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 480px) {
  ._tooltip_vq4cd_1 {
    left: auto;
    right: 0;
    transform: none;
  }
  ._tooltipArrow_vq4cd_12 {
    left: auto;
    right: 16px;
    transform: rotate(45deg);
  }
}
._draggable_1fc10_1 {
  position: fixed;
  top: 0;
  z-index: 600;
  touch-action: none;
}
._window_1fc10_8 {
  width: 100%;
  height: 100%;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #121216;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  animation: _enterWindow_1fc10_1 0.2s ease normal forwards;
}
@keyframes _enterWindow_1fc10_1 {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
._window_1fc10_8._exitWindow_1fc10_28 {
  animation: _exitWindow_1fc10_28 0.2s ease normal forwards;
}
@keyframes _exitWindow_1fc10_28 {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}
._edge_1fc10_42 {
  position: absolute;
  width: 6px;
  height: 6px;
}
._edge_1fc10_42._top_1fc10_47 {
  top: 0;
  left: 6px;
  width: calc(100% - 12px);
  cursor: ns-resize;
}
._edge_1fc10_42._topLeft_1fc10_53 {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
._edge_1fc10_42._topRight_1fc10_58 {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
._edge_1fc10_42._bottom_1fc10_63 {
  bottom: 0;
  left: 6px;
  width: calc(100% - 12px);
  cursor: ns-resize;
}
._edge_1fc10_42._bottomLeft_1fc10_69 {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
._edge_1fc10_42._bottomRight_1fc10_74 {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
._edge_1fc10_42._left_1fc10_79 {
  top: 6px;
  left: 0;
  height: calc(100% - 12px);
  cursor: ew-resize;
}
._edge_1fc10_42._right_1fc10_85 {
  top: 6px;
  right: 0;
  height: calc(100% - 12px);
  cursor: ew-resize;
}
._header_1fc10_92 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 6px;
  cursor: move;
}
._header_1fc10_92 ._title_1fc10_99 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._header_1fc10_92 ._title_1fc10_99 > h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
._header_1fc10_92 ._actions_1fc10_109 {
  display: flex;
  gap: 12px;
}
._header_1fc10_92 ._actions_1fc10_109 svg:hover {
  color: white;
}
._dropdown_1oa5c_1 {
  position: relative;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
}
._button_1oa5c_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 40px;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #212127;
  box-shadow: 0px 1px 0px 0px #2a2a31 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  line-height: 120%;
  white-space: nowrap;
}
._button_1oa5c_8._selected_1oa5c_24 {
  background-color: #3a3a43;
  box-shadow: 0px 1px 0px 0px #52525e inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
._buttonRightIcon_1oa5c_29 {
  transform: rotate(180deg);
}
._buttonRightIcon_1oa5c_29._up_1oa5c_32 {
  transform: rotate(0deg);
}
._itemsContainer_1oa5c_36 {
  --align-x: -50%;
  position: absolute;
  top: calc(100% + 9px);
  left: 50%;
  transform: translateX(var(--align-x));
  transform-origin: top center;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: max-content;
  max-height: 400px;
  overflow-y: auto;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #09090b;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  z-index: 9999;
  opacity: 0;
  animation: _dropdownFade_1oa5c_1 200ms ease forwards;
}
._itemsContainer_1oa5c_36._left_1oa5c_59 {
  left: 0;
  --align-x: 0%;
}
._itemsContainer_1oa5c_36._right_1oa5c_63 {
  left: 100%;
  --align-x: -100%;
}
@keyframes _dropdownFade_1oa5c_1 {
  from {
    opacity: 0;
    transform: translateX(var(--align-x)) translateY(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateX(var(--align-x)) translateY(0) scale(1);
  }
}
._searchInputContainer_1oa5c_78 {
  height: 38px;
  padding: 0px 8px;
}
._searchInputContent_1oa5c_83 {
  border: none;
  padding: 0;
  background-color: transparent;
}
._checkbox_1oa5c_89 {
  width: 100%;
}
._item_1oa5c_36 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  color: #909090;
}
._multiItem_1oa5c_101 {
  height: 38px;
  width: 100%;
}
._singleItem_1oa5c_106 {
  gap: 8px;
  border-radius: 7px;
  cursor: pointer;
  line-height: 100%;
}
._singleItem_1oa5c_106:hover,
._singleItem_1oa5c_106._selected_1oa5c_24 {
  color: #fff;
  background-color: #212127;
}
._buttonClearAll_1oa5c_117 {
  width: 100%;
  padding: 6px;
  border-radius: 6px;
  color: #909090;
  height: 38px;
  cursor: pointer;
}
._buttonClearAll_1oa5c_117:hover {
  background-color: #212127;
  color: white;
}
._container_1dbuo_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px;
  min-height: 400px;
}
@media screen and (min-width: 768px) {
  ._container_1dbuo_1 {
    min-height: 500px;
    height: 60vh;
    padding: 32px;
  }
}
._content_1dbuo_17 {
  max-width: 600px;
  width: 100%;
}
._icon_1dbuo_22 {
  width: 200px;
  height: 200px;
  margin: auto;
}
._title_1dbuo_28 {
  margin-top: -24px;
  margin-bottom: 8px;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.72px;
}
@media screen and (min-width: 768px) {
  ._title_1dbuo_28 {
    font-size: 24px;
  }
}
._message_1dbuo_43 {
  margin-bottom: 32px;
  color: #909090;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
}
._errorDetails_1dbuo_53 {
  margin-bottom: 32px;
  text-align: left;
}
._errorDetails_1dbuo_53 summary {
  cursor: pointer;
  font-weight: 500;
  color: #909090;
  margin-bottom: 8px;
}
._errorDetails_1dbuo_53 summary:hover {
  color: #ffffff;
}
._errorStack_1dbuo_67 {
  background: #1a1a1a;
  border: 1px solid #333333;
  border-radius: 8px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.4;
  color: #909090;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
._actions_1dbuo_80 {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  ._actions_1dbuo_80 {
    flex-direction: row;
    align-items: start;
  }
}
._actions_1dbuo_80 ._updating_1dbuo_94 {
  font-size: 14px;
  font-weight: 500;
  color: #909090;
}
._refreshButton_1dbuo_100 {
  min-width: 120px;
}
._loadingSpinner_d0iuw_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
}
._spinner_d0iuw_9 {
  border-radius: 50%;
  border: 2px solid #212127;
  border-top-color: #00ff6a;
  animation: _spin_d0iuw_9 1s linear infinite;
}
._small_d0iuw_16 {
  width: 20px;
  height: 20px;
}
._medium_d0iuw_21 {
  width: 32px;
  height: 32px;
}
._large_d0iuw_26 {
  width: 48px;
  height: 48px;
}
@keyframes _spin_d0iuw_9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loadingContainer_1tjne_1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
._loadingSpinner_1tjne_10 {
  width: 20px;
  height: 20px;
  border: 2px solid #00FF6A;
  border-top: 2px solid #0D0D10;
  border-radius: 50%;
  animation: _spin_1tjne_1 1s linear infinite;
}
@keyframes _spin_1tjne_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._modalOverlay_fo6s2_1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 70px 16px;
  box-sizing: border-box;
  z-index: 550;
}
@media screen and (min-width: 640px) {
  ._modalOverlay_fo6s2_1 {
    padding: 70px 30px;
  }
}
._modalBackdrop_fo6s2_18 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(10, 10, 13, 0.8);
  z-index: -1;
  animation: _modalFadeIn_fo6s2_1 200ms ease forwards;
  width: 100%;
  height: 100%;
}
@keyframes _modalFadeIn_fo6s2_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modalBackdropNoAnimation_fo6s2_36 {
  animation: none;
}
._modal_fo6s2_1 {
  display: flex;
  flex-direction: column;
  padding: 22px;
  width: 100%;
  max-height: 100%;
  border-radius: 10px;
  border: 1px solid var(--color-border-primary);
  background-color: #121216;
  overflow: hidden;
  animation: _modalEnter_fo6s2_1 200ms ease forwards 100ms;
  opacity: 0;
}
@keyframes _modalEnter_fo6s2_1 {
  from {
    transform: translateY(-12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._header_fo6s2_64 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
._header_fo6s2_64 ._headerLeft_fo6s2_69 {
  display: flex;
  gap: 8px;
}
._header_fo6s2_64 ._headerLeft_fo6s2_69 ._title_fo6s2_73 {
  color: #f5f7fa;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
._header_fo6s2_64 ._buttonClose_fo6s2_79 {
  z-index: 10;
  cursor: pointer;
}
._content_fo6s2_84 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
._loading_fo6s2_90 {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
._preLoadScreen_17j8b_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  width: 100dvw;
  background-color: #0d0d10;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
._progressBarContainer_65gk0_1 {
  width: 100%;
  background-color: #121216;
  border-radius: 10px;
  padding: 2px;
  overflow: hidden;
}
._medium_65gk0_9 {
  height: 14px;
}
._small_65gk0_13 {
  height: 10px;
}
._progressBar_65gk0_1 {
  height: 100%;
  border-radius: 10px;
  transition: width 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
._shine_65gk0_25 {
  width: 50px;
  height: 100px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: skew(-50deg);
  animation: _shine_65gk0_25 10s infinite forwards normal;
  filter: blur(24px);
  mix-blend-mode: hard-light;
}
@keyframes _shine_65gk0_25 {
  0% {
    left: -200px;
  }
  30%, 100% {
    left: calc(100% + 200px);
  }
}
._container_1p2tz_1 {
  --range-height: 8;
  --thumb-size: 12;
  --background-height: 4;
  --before-item-z-index: -1;
  --fill-color: #4caf50;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._labelRow_1p2tz_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._label_1p2tz_12 {
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  color: #909090;
}
._rightLabel_1p2tz_26 {
  opacity: 0.5;
}
._rangeContainer_1p2tz_30 {
  display: flex;
  align-items: center;
  gap: 12px;
  transition: opacity 0.2s ease-in-out;
}
._rangeContainer_1p2tz_30._disabled_1p2tz_36 {
  pointer-events: none;
  opacity: 0.5;
}
._rangeValue_1p2tz_41 {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.032px;
  color: #ffffff;
}
._range_1p2tz_30 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: calc(var(--range-height) * 1px);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background-image:
    linear-gradient(
      to right,
      var(--fill-color) 0%,
      var(--fill-color) 98%,
      transparent 98%,
      transparent 100%);
  background-size: 50% calc(var(--background-height) * 1px);
  background-position: 4px center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}
._range_1p2tz_30::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: calc(var(--thumb-size) * 1px);
  height: calc(var(--thumb-size) * 1px);
  background: #ffffff;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  z-index: 3;
}
._range_1p2tz_30::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
._range_1p2tz_30::-moz-range-thumb {
  width: calc(var(--thumb-size) * 1px);
  height: calc(var(--thumb-size) * 1px);
  background: #ffffff;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  z-index: 3;
}
._range_1p2tz_30::-moz-range-thumb:hover {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
._range_1p2tz_30:focus {
  outline: none;
}
._range_1p2tz_30::-moz-range-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
._range_1p2tz_30::before {
  content: "";
  display: block;
  width: calc(var(--background-height) * 1px);
  height: calc(var(--background-height) * 1px);
  background: var(--fill-color);
  border-radius: 50%;
  position: absolute;
  z-index: var(--before-item-z-index);
  left: calc(var(--range-height) / var(--background-height) * 1px);
  top: calc(var(--range-height) / var(--background-height) * 1px);
}
._wrapper_gggtd_1 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  position: relative;
}
._label_gggtd_8 {
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  color: #909090;
}
._labelRow_gggtd_15 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
}
._selectAndDropdown_gggtd_23 {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 9px;
  cursor: pointer;
  background: #212127;
  box-shadow: 0 1px 0 0 #2a2a31 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._selectAndDropdown_gggtd_23:focus-visible:not([disabled]) {
  background: #3a3a43;
  box-shadow: 0 1px 0 0 #52525e inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  outline: none;
}
._selectAndDropdownDark_gggtd_38 {
  border-radius: 9px;
  border: 1px solid #212127;
  background: rgba(13, 13, 16, 0.5);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._selectAndDropdownSecondary_gggtd_45 {
  border-color: transparent;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922), 0px 1px 0px 0px #2a2a31 inset;
  background-color: #212127;
}
._selectAndDropdownSecondary_gggtd_45 > ._optionsGroup_gggtd_50 {
  background-color: #212127;
}
._optionGroupPortal_gggtd_54 {
  position: absolute;
  z-index: 1000;
}
._disabled_gggtd_59 {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: #151519;
  border: 1px solid #212127;
  box-shadow: none;
}
._activeTop_gggtd_67 {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}
._select_gggtd_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  -webkit-user-select: none;
  user-select: none;
  gap: 5px;
}
._selectedLabel_gggtd_82 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.32px;
  color: #ffffff;
  margin-left: 2px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._icon_gggtd_98 {
  color: #909090;
  z-index: 2;
  transform: rotate(180deg);
  transition: transform 160ms ease;
  margin-left: auto;
}
._rightIcon_gggtd_106 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #909090;
}
._rightIcon_gggtd_106 svg {
  transition: color 150ms ease;
  cursor: pointer;
}
._rightIcon_gggtd_106:hover svg {
  color: white;
}
._iconUp_gggtd_121 {
  transform: rotate(0);
}
._optionsGroup_gggtd_50 {
  position: absolute;
  left: -1px;
  right: -1px;
  max-height: 150px;
  padding: 6px;
  border: 1px solid #212127;
  background-color: #09090b;
  overflow-y: auto;
  z-index: 9999;
  transition: max-height 150ms ease;
  will-change: transform, opacity;
  margin-top: 6px;
}
@media screen and (min-height: 600px) {
  ._optionsGroup_gggtd_50 {
    max-height: 250px;
  }
}
._optionsGroupTop_gggtd_145 {
  bottom: 100%;
  border-radius: 9px;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2509803922);
  transform-origin: bottom center;
  animation: _dropdown-enter-top_gggtd_1 150ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
._optionsGroupBottom_gggtd_153 {
  top: 100%;
  border-radius: 8px;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  transform-origin: top center;
  animation: _dropdown-enter-bottom_gggtd_1 150ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
._option_gggtd_50 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  padding: 10px;
  min-height: 36px;
  border-radius: 7px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: #909090;
  text-align: left;
}
._option_gggtd_50:not(:last-child) {
  margin-bottom: 4px;
}
._option_gggtd_50:active {
  scale: 0.98;
}
._option_gggtd_50._selected_gggtd_82,
._option_gggtd_50:hover {
  color: white;
  background-color: #212127;
  -webkit-user-select: none;
  user-select: none;
}
._option_gggtd_50:focus-visible:not([disabled]) {
  background-color: #212127;
  border: 1px solid #0d0d10;
  outline: 1px solid #212127;
}
._optionSecondary_gggtd_192 {
  background-color: #212127;
}
._optionSecondary_gggtd_192._selected_gggtd_82,
._optionSecondary_gggtd_192:hover {
  background-color: #3a3a43;
}
._optionSecondary_gggtd_192:focus-visible:not([disabled]) {
  background-color: #3a3a43;
}
._labelIcon_gggtd_202 {
  width: 16px;
  height: 16px;
}
@keyframes _dropdown-enter-bottom_gggtd_1 {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _dropdown-enter-top_gggtd_1 {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._searchWrapper_gggtd_227 {
  position: relative;
  top: 0;
  z-index: 10;
}
._searchWrapper_gggtd_227 ._searchIcon_gggtd_232 {
  position: absolute;
  top: calc(50% - 2px);
  left: 8px;
  transform: translateY(-50%);
  color: #909090;
}
._searchInput_gggtd_240 {
  width: 100%;
  padding: 8px 10px;
  padding-left: 32px;
  border-radius: 7px;
  background-color: #09090b;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  height: 38px;
  margin-bottom: 4px;
}
._searchInput_gggtd_240::placeholder {
  color: #909090;
  opacity: 0.5;
}
._separator_szgig_1 {
  height: 1px;
  width: 100%;
  background-color: #212127;
}
._vertical_szgig_7 {
  width: 1px;
  height: 50px;
}
._tabBar_1dcm4_1 {
  display: flex;
  align-items: center;
  position: relative;
}
._tabBar_1dcm4_1._horizontal_1dcm4_6 {
  gap: 6px;
  padding: 4px;
  border-radius: 10px;
  background-color: #121216;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
._tabBar_1dcm4_1._vertical_1dcm4_16 {
  flex-direction: column;
  gap: 10px;
}
._tabBar_1dcm4_1._mounted_1dcm4_20 ._indicator_1dcm4_20 {
  transition:
    transform 200ms ease,
    width 200ms ease,
    height 200ms ease;
}
._tabButton_1dcm4_24 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 42px;
  padding: 12px 16px;
  border: 0;
  background: transparent;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
._tabButton_1dcm4_24 ._icon_1dcm4_37 {
  width: 16px;
  height: 16px;
}
._tabButton_1dcm4_24 ._rightIcon_1dcm4_41 {
  width: 16px;
  height: 16px;
  margin-left: auto;
  opacity: 0.5;
}
._tabButton_1dcm4_24 ._tabName_1dcm4_47 {
  color: #909090;
  text-align: center;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  white-space: nowrap;
}
._tabButton_1dcm4_24:hover {
  opacity: 1;
}
._tabButton_1dcm4_24:hover ._tabName_1dcm4_47 {
  color: #fff;
}
._tabButton_1dcm4_24:focus-visible:not([disabled]) {
  border: 1px solid #0d0d10;
  outline: 1px solid #212127;
}
._tabButton_1dcm4_24._selected_1dcm4_66 {
  opacity: 1;
}
._tabButton_1dcm4_24._selected_1dcm4_66 ._tabName_1dcm4_47 {
  color: #fff;
}
._tabButton_1dcm4_24._vertical_1dcm4_16 {
  justify-content: flex-start;
  width: 100%;
  gap: 8px;
  opacity: 1;
}
._indicator_1dcm4_20 {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 8px;
  background-color: #212127;
  box-shadow: 0px 1px 0px 0px #2a2a31 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  z-index: 0;
  transform: translate(0, 0);
}
._container_abvt7_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: rgba(13, 13, 16, 0.5);
  padding: 4px;
  border-radius: 50px;
  overflow: auto;
}
._horizontal_abvt7_13 {
  justify-content: start;
  flex-direction: row;
  height: 46px;
  flex-shrink: 0;
}
._vertical_abvt7_20 {
  flex-direction: column;
  width: 46px;
  height: auto;
}
._button_abvt7_26 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  padding: 12px 14px;
  flex: 1;
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: #909090;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  white-space: nowrap;
}
._horizontal_abvt7_13 ._button_abvt7_26 {
  height: 100%;
}
._vertical_abvt7_20 ._button_abvt7_26 {
  width: 100%;
}
._button_abvt7_26:focus-visible:not([disabled]) {
  outline: none;
  background-color: rgba(33, 33, 39, 0.5019607843);
}
._button_abvt7_26:hover {
  color: #fff;
}
._selected_abvt7_57 {
  color: #fff;
}
._selected_abvt7_57:focus-visible:not([disabled]) {
  border: 1px solid #0d0d10;
  outline: 1px solid #212127;
}
._indicator_abvt7_65 {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 50px;
  background-color: #212127;
  box-shadow: 0px 1px 0px 0px #2a2a31 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  z-index: 0;
  transform: translate(0, 0);
  transition:
    transform 200ms ease,
    width 200ms ease,
    height 200ms ease;
}
._row_h6bhp_1 {
  width: 100%;
  height: 54px;
}
._cell_1ox7k_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 18px;
  color: #909090;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 660px) {
  ._cell_1ox7k_1 {
    padding: 16px 10px;
  }
}
._accented_1ox7k_18 {
  color: #fff;
  font-weight: 600;
}
._clickable_1ox7k_23 {
  cursor: pointer;
}
._editable_1ox7k_27 {
  padding: 5px 6px;
}
._leftImage_1ox7k_31 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._input_1ox7k_37 {
  height: 40px;
}
._tableContainer_h36n4_1 {
  overflow-x: auto;
}
._table_h36n4_1 {
  width: 100%;
  min-width: max-content;
  border-collapse: separate;
  border-spacing: 0;
}
._table_h36n4_1 td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
._table_h36n4_1 td:first-child > div {
  padding-left: 16px;
}
._table_h36n4_1 td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
._table_h36n4_1 td:last-child > div {
  padding-right: 16px;
}
._tableHeader_h36n4_26 > tr div {
  align-items: flex-start;
  height: 29px;
  padding: 0 18px;
}
@media (max-width: 660px) {
  ._tableHeader_h36n4_26 > tr div {
    padding: 0 10px;
  }
}
._tableBody_h36n4_37 > tr:nth-child(odd) {
  background-color: #15151a;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
._tableHeaderSkeleton_h36n4_42 {
  width: 100%;
  height: 14px !important;
  margin-bottom: 15px;
  border-radius: 6px;
}
._tableRowSkeleton_h36n4_49 {
  width: 100%;
  height: 54px;
  border-radius: 10px;
}
._tableRowSkeleton_h36n4_49:nth-child(even) {
  background: none;
}
._tableEmpty_h36n4_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 569px;
  color: #909090;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.28px;
}
._skeletonTableRow_h36n4_72 {
  background-color: transparent !important;
}
._tableHeaderRow_h36n4_76 {
  height: auto;
}
._toggleWrapper_b6whc_1 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
._toggleWrapper_b6whc_1._small_b6whc_7 ._toggle_b6whc_1 {
  width: 36px;
  height: 20px;
}
._toggleWrapper_b6whc_1._medium_b6whc_11 ._toggle_b6whc_1 {
  width: 44px;
  height: 24px;
}
._toggleWrapper_b6whc_1._large_b6whc_15 ._toggle_b6whc_1 {
  width: 56px;
  height: 30px;
}
._toggleWrapper_b6whc_1:hover ._toggleInput_b6whc_19:not(:disabled) + ._toggle_b6whc_1 {
  background-color: rgb(13, 13, 16);
}
._toggleWrapper_b6whc_1:hover ._toggleInput_b6whc_19:checked:not(:disabled) + ._toggle_b6whc_1 {
  background-color: #32ff87;
}
._toggleInput_b6whc_19 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
._toggleInput_b6whc_19:checked + ._toggle_b6whc_1 {
  background-color: #00ff6a;
  border: 1px solid #00ff6a;
}
._toggleInput_b6whc_19:checked + ._toggle_b6whc_1::after {
  transform: translateX(100%);
  background-color: #121216;
}
._toggleInput_b6whc_19:disabled + ._toggle_b6whc_1 {
  opacity: 0.5;
  cursor: not-allowed;
}
._toggleInput_b6whc_19:focus-visible + ._toggle_b6whc_1 {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
._toggle_b6whc_1 {
  position: relative;
  display: inline-block;
  background-color: rgba(13, 13, 16, 0.75);
  border: 1px solid #212127;
  border-radius: 34px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in-out;
}
._toggle_b6whc_1::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(50% - 2px);
  height: auto;
  aspect-ratio: 1/1;
  background-color: #3a3a43;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
._tooltipWrapper_t58h3_1 {
  width: 100%;
  height: 100%;
  position: relative;
}
._children_t58h3_7 {
  width: 100%;
  height: 100%;
  position: relative;
}
._openWithHover_t58h3_13:hover > ._tooltipArrow_t58h3_13 {
  opacity: 1;
  z-index: 2;
}
._openWithHover_t58h3_13:hover + ._tooltip_t58h3_1 {
  opacity: 1;
  z-index: 1;
}
._tooltip_t58h3_1 {
  position: absolute;
  opacity: 0;
  padding: 16px;
  background-color: #15151a;
  border: 1px solid #212127;
  border-radius: 8px;
  box-shadow: 0px 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431), 0px 12px 12px -2px rgba(0, 0, 0, 0.0588235294);
  z-index: -1;
  white-space: nowrap;
  transition: all 150ms ease-in-out;
}
._tooltipArrow_t58h3_13 {
  position: absolute;
  left: 50%;
  width: 15px;
  height: 15px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-bottom-right-radius: 3px;
  border-style: solid;
  border-color: #212127;
  background-color: #15151a;
  z-index: -1;
}
._showTooltip_t58h3_49 {
  opacity: 1;
  z-index: 1;
}
._top_t58h3_54 {
  bottom: calc(100% + 18px);
}
._topArrow_t58h3_58 {
  top: calc(100% - 7px);
  transform: translateX(-50%) rotate(45deg);
}
._bottom_t58h3_63 {
  top: calc(100% + 18px);
}
._bottomArrow_t58h3_67 {
  bottom: calc(100% - 7px);
  transform: translateX(-50%) rotate(-135deg);
}
._center_t58h3_72 {
  left: 50%;
  transform: translateY(0px) translateX(-50%);
}
._center_t58h3_72._showTooltip_t58h3_49 {
  transform: translateY(-6px) translateX(-50%);
}
._left_t58h3_80 {
  right: 0;
  transform: translateY(0px);
}
._left_t58h3_80._showTooltip_t58h3_49 {
  transform: translateY(-6px);
}
._right_t58h3_88 {
  left: 0;
  transform: translateY(0px);
}
._right_t58h3_88._showTooltip_t58h3_49 {
  transform: translateY(-6px);
}
._portalTooltip_t58h3_96 {
  z-index: 9999;
}
._portalTooltip_t58h3_96._showTooltip_t58h3_49 {
  z-index: 9999;
}
._skeleton_1xte7_1 {
  position: relative;
  overflow: hidden;
  background: rgba(30, 30, 35, 0.25);
  box-shadow: none;
}
._skeleton_1xte7_1._text_1xte7_7 {
  border-radius: 24px;
}
._skeleton_1xte7_1._circle_1xte7_10 {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
._textSkeleton_1xte7_16 {
  display: flex;
  flex-direction: column;
}
._logoWrapper_1xte7_21 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 20%;
  height: auto;
  max-width: 150px;
  pointer-events: none;
  aspect-ratio: 108/16;
}
._logoWrapper_1xte7_21._icon_1xte7_31 {
  aspect-ratio: 1/1;
  max-width: 32px;
}
._logoWrapper_1xte7_21._icon_1xte7_31 ._logoMask_1xte7_35 {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0197%203.89775V8.10266C12.0197%209.58964%2010.8071%2010.8002%209.31758%2010.8002H0V4.9068H2.19053V8.61344H8.9577C9.4365%208.61344%209.82764%208.2229%209.82764%207.74338V4.25858C9.82764%203.77904%209.4365%203.38855%208.9577%203.38855H0V1.2002H9.31758C10.8071%201.2002%2012.0197%202.41074%2012.0197%203.89775Z'%20fill='currentColor'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0197%203.89775V8.10266C12.0197%209.58964%2010.8071%2010.8002%209.31758%2010.8002H0V4.9068H2.19053V8.61344H8.9577C9.4365%208.61344%209.82764%208.2229%209.82764%207.74338V4.25858C9.82764%203.77904%209.4365%203.38855%208.9577%203.38855H0V1.2002H9.31758C10.8071%201.2002%2012.0197%202.41074%2012.0197%203.89775Z'%20fill='currentColor'/%3e%3c/svg%3e");
  aspect-ratio: 1/1;
}
._logo_1xte7_21 {
  width: 100%;
  height: 100%;
  color: rgb(24, 24, 28);
  filter: drop-shadow(0px -1px 0px rgba(52, 52, 60, 0.5)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
}
._logo_1xte7_21 svg {
  width: 100%;
  height: 100%;
}
._logoMask_1xte7_35 {
  position: absolute;
  width: 100%;
  height: auto;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20id='degen-logo'%20xmlns='http://www.w3.org/2000/svg'%20width='108'%20height='16'%20viewBox='0%200%20108%2016'%20fill='none'%20preserveAspectRatio='xMinYMin%20meet'%3e%3cpath%20d='M107.85%204.49593V16H104.203V5.0973C104.203%204.29808%20103.555%203.64725%20102.756%203.64725H91.4989V16H87.8516V0H103.354C105.833%200%20107.85%202.01497%20107.85%204.49333V4.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M47.6121%203.64725V12.3554H60.3189V9.82493H54.2558V6.17768H63.9636V16H48.4608C45.9824%2016%2043.9649%2013.9824%2043.9649%2011.5041V4.49593C43.9649%202.01757%2045.9824%200%2048.4608%200H63.9636V3.64465H47.6121V3.64725Z'%20fill='currentColor'/%3e%3cpath%20d='M19.9987%204.49593V11.5041C19.9987%2013.9824%2017.9811%2016%2015.5028%2016H0V6.17768H3.64465V12.3554H14.904C15.7006%2012.3554%2016.3514%2011.7045%2016.3514%2010.9053V5.0973C16.3514%204.29808%2015.7006%203.64725%2014.904%203.64725H0V0H15.5028C17.9811%200%2019.9987%202.01757%2019.9987%204.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M69.592%203.64726V6.17768H82.0332V9.82493H69.592V12.3554H85.9434V16H69.7482C67.6499%2016%2065.9447%2014.2948%2065.9447%2012.1992V3.80346C65.9447%201.70778%2067.6499%200.00260925%2069.7482%200.00260925H85.9434V3.64726H69.592Z'%20fill='currentColor'/%3e%3cpath%20d='M25.6453%203.64726V6.17768H38.0866V9.82493H25.6453V12.3554H41.9968V16H25.8015C23.7033%2016%2021.9981%2014.2948%2021.9981%2012.1992V3.80346C21.9981%201.70778%2023.7033%200.00260925%2025.8015%200.00260925H41.9968V3.64726H25.6453Z'%20fill='currentColor'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20id='degen-logo'%20xmlns='http://www.w3.org/2000/svg'%20width='108'%20height='16'%20viewBox='0%200%20108%2016'%20fill='none'%20preserveAspectRatio='xMinYMin%20meet'%3e%3cpath%20d='M107.85%204.49593V16H104.203V5.0973C104.203%204.29808%20103.555%203.64725%20102.756%203.64725H91.4989V16H87.8516V0H103.354C105.833%200%20107.85%202.01497%20107.85%204.49333V4.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M47.6121%203.64725V12.3554H60.3189V9.82493H54.2558V6.17768H63.9636V16H48.4608C45.9824%2016%2043.9649%2013.9824%2043.9649%2011.5041V4.49593C43.9649%202.01757%2045.9824%200%2048.4608%200H63.9636V3.64465H47.6121V3.64725Z'%20fill='currentColor'/%3e%3cpath%20d='M19.9987%204.49593V11.5041C19.9987%2013.9824%2017.9811%2016%2015.5028%2016H0V6.17768H3.64465V12.3554H14.904C15.7006%2012.3554%2016.3514%2011.7045%2016.3514%2010.9053V5.0973C16.3514%204.29808%2015.7006%203.64725%2014.904%203.64725H0V0H15.5028C17.9811%200%2019.9987%202.01757%2019.9987%204.49593Z'%20fill='currentColor'/%3e%3cpath%20d='M69.592%203.64726V6.17768H82.0332V9.82493H69.592V12.3554H85.9434V16H69.7482C67.6499%2016%2065.9447%2014.2948%2065.9447%2012.1992V3.80346C65.9447%201.70778%2067.6499%200.00260925%2069.7482%200.00260925H85.9434V3.64726H69.592Z'%20fill='currentColor'/%3e%3cpath%20d='M25.6453%203.64726V6.17768H38.0866V9.82493H25.6453V12.3554H41.9968V16H25.8015C23.7033%2016%2021.9981%2014.2948%2021.9981%2012.1992V3.80346C21.9981%201.70778%2023.7033%200.00260925%2025.8015%200.00260925H41.9968V3.64726H25.6453Z'%20fill='currentColor'/%3e%3c/svg%3e");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  aspect-ratio: 108/16;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
._logoMask_1xte7_35::after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  height: 100%;
  width: 50%;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.025),
      transparent);
  animation: _loading_1xte7_1 1.5s infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._logoMask_1xte7_35::after {
    background: rgba(255, 255, 255, 0.01);
    animation: _loading-reduced_1xte7_1 1.5s infinite;
  }
}
._shimmer_1xte7_77 {
  position: absolute;
  top: 0;
  left: -50%;
  height: 100%;
  width: 50%;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.025),
      transparent);
  animation: _loading_1xte7_1 1.5s infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._shimmer_1xte7_77 {
    background: rgba(255, 255, 255, 0.01);
    animation: _loading-reduced_1xte7_1 1.5s infinite;
  }
}
@keyframes _loading_1xte7_1 {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
@keyframes _loading-reduced_1xte7_1 {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
._pageLoader_1mtx0_1 {
  opacity: 0.1;
}
._sidebarGroup_14r1p_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0px 9.5px;
}
._sidebarGroupOpened_14r1p_8 {
  padding: 0px 12px;
}
._groupTitle_14r1p_12 {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #909090;
  padding: 8px 12px;
}
._separator_14r1p_22 {
  margin: 12px 0px 8px;
}
._sidebarItem_1syzg_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #909090;
  position: relative;
  padding: 12px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
}
._sidebarItem_1syzg_1[data-active=true] {
  color: var(--sidebar-item-active-color);
}
._sidebarItem_1syzg_1[data-active=true]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -12px;
  border-radius: 2px;
  width: 2px;
  height: 100%;
  background-color: var(--sidebar-item-active-color);
}
._sidebarItem_1syzg_1:hover:not([data-active=true]) {
  color: var(--sidebar-item-active-color);
}
._sidebarItem_1syzg_1:active {
  scale: 0.98;
}
._sidebarItemContent_1syzg_33 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._sidebarItemLabel_1syzg_39 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #ffffff;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
._sidebarItemIcon_1syzg_49 {
  width: 18px;
  height: 18px;
}
._sidebarItemIcon_1syzg_49 svg {
  width: 18px;
  height: 18px;
}
._sidebarItemDataCount_1syzg_58 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  height: 24px;
  letter-spacing: -0.28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #909090;
  padding: 7px 10px;
  border-radius: 25px;
  background:
    linear-gradient(
      180deg,
      #0d0d10 0%,
      rgba(13, 13, 16, 0.75) 100%);
}
._sidebar_1sscg_1 {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #121216;
  transition: width 0.2s ease;
}
@media screen and (min-width: 768px) {
  ._sidebar_1sscg_1 {
    overflow: visible;
    max-width: 270px;
    border-right: 1px solid #212127;
  }
}
._sidebarClosed_1sscg_20 {
  width: 0px;
}
@media screen and (min-width: 768px) {
  ._sidebarClosed_1sscg_20 {
    width: 60px;
  }
}
._sidebarClosed_1sscg_20 ._itemsWrapper_1sscg_28 {
  max-width: 60px;
  align-items: center;
  padding: 0px;
}
._sidebarHeader_1sscg_34 {
  padding: 18px 22px;
  display: flex;
  gap: 22px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #212127;
  min-height: 76px;
  height: 76px;
  overflow: hidden;
}
._sidebarCloseIcon_1sscg_46 {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #909090;
}
._sidebarOpenIcon_1sscg_52 {
  transform: rotateY(180deg);
}
._inputContainer_1sscg_56 {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #212127;
  background-color: rgba(13, 13, 16, 0.2509803922);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2509803922);
  padding: 4px 12px;
  border-radius: 9px;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: border-color 0.2s ease;
}
._inputContainer_1sscg_56:hover {
  border-color: #303037;
}
._inputContainer_1sscg_56:active {
  scale: 0.98;
}
._inputContent_1sscg_79 {
  background-color: rgba(13, 13, 16, 0.2509803922);
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
._inputPlaceholder_1sscg_87 {
  font-size: 14px;
  color: #606060;
  font-weight: 400;
}
._inputIcon_1sscg_93 {
  color: #909090;
  width: 16px;
  height: 16px;
}
._infoChip_1sscg_99 {
  width: 22px;
  height: 22px;
  border: 1px solid #212127;
  color: #909090;
  padding: 4px 6px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #909090;
  cursor: pointer;
}
._sidebarContent_1sscg_113 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  padding: 8px 0px;
  scrollbar-width: none;
}
._itemsWrapper_1sscg_28 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 12px;
}
._tabBarWrapperOpened_1sscg_129 {
  padding: 0px 7px;
}
._tabBar_1sscg_129 {
  flex: 1;
  width: 100%;
  min-width: 0;
  background-color: #0d0d10;
}
@media screen and (min-width: 768px) {
  ._tabBar_1sscg_129 {
    width: min-content;
  }
}
._tabBarItem_1sscg_145 {
  padding: 10px;
  aspect-ratio: 1/1;
}
._tabBarItemOpened_1sscg_150 {
  padding: 11px 21px;
  aspect-ratio: auto;
}
._tabBarItemSelected_1sscg_155 {
  color: #000000 !important;
}
._tabBarIndicator_1sscg_159 {
  background-color: var(--sidebar-item-active-color);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  border-top: 1px solid var(--sidebar-item-shadow-color);
}
._tabBarIndicator_1sscg_159::after {
  content: "";
  position: absolute;
  transform: rotate(15deg);
  top: -7px;
  left: -24px;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  background:
    linear-gradient(
      170deg,
      #0f0f13 7.48%,
      rgba(15, 15, 19, 0) 94.92%);
}
._tabBarIndicatorOpened_1sscg_177::after {
  top: -150%;
  left: -55%;
  height: 250%;
}
@media screen and (min-width: 768px) {
  ._tabBarIndicatorOpened_1sscg_177::after {
    top: -12px;
    left: -52px;
    height: 100%;
  }
}
._tabBarIndicatorHidden_1sscg_190 {
  display: none;
}
._separator_1sscg_194 {
  flex-shrink: 0;
  width: calc(100% - 20px);
  margin: 12px auto;
}
._sidebarAccordion_14svc_1 {
  display: flex;
  flex-direction: column;
  height: min-content;
  gap: 0px;
  transition: gap 0.1s ease-in-out;
}
._sidebarAccordionOpened_14svc_9 {
  gap: 4px;
}
._sidebarAccordionHeader_14svc_13 {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 8px 10px 8px 12px;
  cursor: pointer;
  min-height: 46px;
  border-radius: 8px;
}
._sidebarAccordionHeader_14svc_13:hover ._sidebarAccordionIcon_14svc_23 {
  color: var(--sidebar-item-active-color);
}
._sidebarAccordionHeader_14svc_13:hover ._sidebarAccordionButton_14svc_26 svg {
  color: white;
}
._sidebarAccordionHeaderContentOpened_14svc_30 ._sidebarAccordionIcon_14svc_23 {
  color: var(--sidebar-item-active-color);
}
._sidebarAccordionHeaderHasActiveChild_14svc_34 ._sidebarAccordionIcon_14svc_23 {
  color: var(--sidebar-item-active-color);
}
._sidebarAccordionHeaderContent_14svc_30 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._sidebarAccordionLabel_14svc_44 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.32px;
  color: #ffffff;
  -webkit-user-select: none;
  user-select: none;
  justify-self: left;
}
._sidebarAccordionIcon_14svc_23 {
  color: #909090;
  width: 20px;
  height: 20px;
}
._sidebarAccordionButton_14svc_26 {
  width: 24px;
  height: 24px;
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
}
._sidebarAccordionButton_14svc_26:hover:not([disabled]) {
  background-color: transparent;
  box-shadow: none;
}
._sidebarAccordionChevron_14svc_73 {
  color: #909090;
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}
._sidebarAccordionChevronOpen_14svc_79 {
  transform: rotate(0deg);
}
._sidebarAccordionContent_14svc_83 {
  height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._sidebarAccordionContentOpened_14svc_91 {
  height: 100%;
  transition: height 0.1s ease-in-out;
}
._sidebarClosedAccordion_14svc_96 {
  height: 100%;
}
._sidebarItemFound_14svc_100 {
  background-color: #25272f;
}
._sidebarAccordionContentInner_14svc_104 {
  will-change: transform;
  animation: none;
  position: relative;
  padding-left: 32px;
}
._sidebarAccordionContentInner_14svc_104::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #212127;
  border-radius: 1px;
}
._sidebarAccordionContentInnerClosed_14svc_121 {
  padding-left: 0;
}
._sidebarAccordionContentInnerClosed_14svc_121::before {
  display: none;
}
._sidebarAccordionContentOpened_14svc_91 ._sidebarAccordionContentInner_14svc_104 {
  animation: _sidebarAccordion_innerDown_14svc_1 250ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@keyframes _sidebarAccordion_innerDown_14svc_1 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
._tooltip_1lco0_1 {
  position: fixed;
  padding: 8px 6px;
  border-radius: 7px;
  border: 1px solid #212127;
  background: #09090b;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  color: #909090;
  text-align: center;
  font-variant-numeric: lining-nums;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.28px;
  white-space: nowrap;
  z-index: 999999;
  pointer-events: none;
  transform: translateY(-50%);
}
._dropdown_jwq9n_1 {
  position: absolute;
  top: calc(100% + 6px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
  background-color: #09090b;
  border: 1px solid #212127;
  border-radius: 9px;
  padding: 6px;
  z-index: 500;
  will-change: transform, opacity;
  animation: _dropdownEnter_jwq9n_1 200ms ease forwards;
  width: calc(100% + 48px);
  min-width: unset;
  left: 50%;
}
@media screen and (min-width: 768px) {
  ._dropdown_jwq9n_1 {
    width: calc(100% + 2px);
    min-width: min-content;
  }
}
@keyframes _dropdownEnter_jwq9n_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}
._dropdownItem_jwq9n_36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 7px;
  padding: 10px;
  gap: 10px;
  cursor: pointer;
}
._dropdownItem_jwq9n_36:hover {
  background-color: #212127;
}
._dropdownItem_jwq9n_36:hover ._dropdownItemValue_jwq9n_48 {
  color: #ffffff;
}
._active_jwq9n_52 {
  background-color: #212127;
}
._dropdownItemContent_jwq9n_56 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 60px;
}
._dropdownItemLabel_jwq9n_63 {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}
._dropdownItemValue_jwq9n_48 {
  font-size: 14px;
  font-weight: 500;
  color: #909090;
}
._divider_jwq9n_75 {
  width: calc(100% - 20px);
  margin: 6px auto;
  height: 1px;
  background-color: #212127;
}
._settings_jwq9n_82 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 38px;
  padding: 10px;
  cursor: pointer;
}
._settings_jwq9n_82 ._settingsLabel_jwq9n_92 {
  color: #909090;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 600;
}
._settings_jwq9n_82:hover > span {
  color: #fff;
}
._settings_jwq9n_82:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
._settings_jwq9n_82:disabled:hover > span {
  color: #909090;
}
._wallet_171gq_1 {
  position: relative;
  border: 1px solid #212127;
  padding: 4px;
  border-radius: 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  min-width: 0;
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  ._wallet_171gq_1 {
    margin-left: 0;
  }
}
._balanceWrapper_171gq_20 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-left: 10px;
  min-width: 0;
  cursor: pointer;
}
._cryptoIcon_171gq_30 {
  transform: scale(1.0666666667);
}
._inPlay_171gq_34 {
  color: #fff;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
._chevron_171gq_42 {
  color: #717172;
}
._chevronOpen_171gq_46 {
  transform: rotate(180deg);
}
._balance_171gq_20 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
._balanceValue_171gq_58 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  flex-shrink: 1;
}
._walletButton_171gq_70 {
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 768px) {
  ._walletButton_171gq_70 {
    width: 91px;
  }
}
._walletIcon_171gq_80 {
  color: #0d0d10;
}
._walletLabel_171gq_84 {
  display: none;
}
@media screen and (min-width: 768px) {
  ._walletLabel_171gq_84 {
    display: block;
  }
}
._userMenu_vtfjc_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._profile_vtfjc_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 8px;
}
._profile_vtfjc_7:hover ._chevron_vtfjc_16 {
  opacity: 1;
}
._profileDisabled_vtfjc_20 {
  cursor: default;
  pointer-events: none;
}
._profileDisabled_vtfjc_20:hover ._chevron_vtfjc_16 {
  opacity: 0.5;
}
._profileInfo_vtfjc_28 {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  overflow: hidden;
}
._profileInfoText_vtfjc_36 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  overflow: hidden;
}
._username_vtfjc_44 {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.32px;
  vertical-align: middle;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
._userLevel_vtfjc_57 {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #909090;
}
._chevron_vtfjc_16 {
  color: #909090;
  transform: rotate(90deg);
  opacity: 0.5;
}
._divider_vtfjc_72 {
  position: relative;
  width: 100%;
  height: 1px;
  padding: 0 6px;
}
._divider_vtfjc_72::before {
  content: "";
  width: calc(100% - 20px);
  height: 1px;
  background-color: #212127;
  position: absolute;
  top: 50%;
  left: 10px;
}
._menuItems_vtfjc_88 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._menuItem_vtfjc_88 {
  display: flex;
  height: 38px;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 10px;
}
._menuItem_vtfjc_88:hover {
  background-color: #212127;
}
._menuItem_vtfjc_88:hover ._menuItemLabel_vtfjc_107 {
  color: #ffffff;
}
._menuItemLabel_vtfjc_107 {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.22px;
  white-space: nowrap;
  color: #909090;
}
._baseIconClassName_vtfjc_121 svg {
  width: 16px;
  height: 16px;
}
._logoutIcon_vtfjc_126 {
  transform: rotate(90deg);
}
._notificationPortal_vtfjc_130 {
  z-index: 340;
  border-radius: 8px;
  border: 1px solid #212127;
  background: #09090b;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  animation: _portalAnimation_vtfjc_1 200ms;
}
._notificationItemWrapper_k46sk_1 {
  opacity: 0;
  animation: _enterNotification_k46sk_1 0.3s ease forwards;
  height: max-content;
}
@keyframes _enterNotification_k46sk_1 {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._notificationItem_k46sk_1 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px;
  background: rgba(33, 33, 39, 0.25);
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  transition: opacity 0.2s ease;
  min-height: 108px;
  max-height: 120px;
  height: max-content;
}
@media screen and (min-width: 500px) {
  ._notificationItem_k46sk_1 {
    max-height: unset;
  }
}
._notificationItem_k46sk_1:hover {
  background: #212127;
}
._notificationItem_k46sk_1:active {
  background: #212127;
  scale: 0.98;
}
._notificationItem_k46sk_1._read_k46sk_43 {
  opacity: 0.5;
}
._notificationItem_k46sk_1._read_k46sk_43 ._title_k46sk_46,
._notificationItem_k46sk_1._read_k46sk_43 ._description_k46sk_47 {
  color: #606060;
}
._notificationItem_k46sk_1._unread_k46sk_50 {
  opacity: 1;
  background: rgba(33, 33, 39, 0.25);
}
._notificationItem_k46sk_1._unread_k46sk_50:hover {
  background: #212127;
}
._unreadIndicator_k46sk_58 {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3b82f6;
  box-shadow: 0 0 6px #3b82f6;
}
._icon_k46sk_70 {
  align-self: flex-start;
}
._icon_k46sk_70 svg {
  width: 18px;
  height: 18px;
}
._content_k46sk_78 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: -webkit-fill-available;
}
._contentHeader_k46sk_86 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._title_k46sk_46 {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #ffffff;
}
._description_k46sk_47 {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.28px;
  color: #909090;
  display: flex;
  align-items: center;
  gap: 4px;
}
._senderInfo_k46sk_111,
._sendValue_k46sk_112 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: white;
  font-weight: 600;
}
._sendValue_k46sk_112 {
  margin-left: 2px;
}
._levelImage_k46sk_124 {
  width: 14px;
  height: 14px;
}
._cryptoIcon_k46sk_129 svg {
  width: 14px;
  height: 14px;
}
._usernameLink_k46sk_134 {
  background: none;
  border: none;
  padding: 1px 0;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  transition: opacity 0.2s ease;
  max-width: 75px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._usernameLink_k46sk_134:hover {
  opacity: 0.7;
}
._footer_k46sk_152 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
._link_k46sk_160 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  background-color: #15151a;
  border-radius: 4px;
  border: 1px solid #212127;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
._linkText_k46sk_172 {
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #909090;
}
._time_k46sk_180 {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.28px;
  color: #909090;
  justify-self: flex-end;
  opacity: 0.5;
}
._notifications_15qs5_1 {
  width: 400px;
  height: 562px;
  max-height: 562px;
  border-radius: 8px;
  box-shadow: 0px 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431), 0px 12px 12px -2px rgba(0, 0, 0, 0.0588235294);
  display: flex;
  flex-direction: column;
  z-index: 400;
}
._header_15qs5_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
._headerContent_15qs5_19 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._title_15qs5_25 {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #ffffff;
  -webkit-user-select: none;
  user-select: none;
}
._notificationsList_15qs5_34 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  overflow-y: auto;
}
._markAllAsRead_15qs5_42 {
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
._markAllAsReadButton_15qs5_48,
._showReadButton_15qs5_49 {
  width: min-content;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #909090;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
._markAllAsReadButton_15qs5_48._showReadButton_15qs5_49,
._showReadButton_15qs5_49._showReadButton_15qs5_49 {
  opacity: 0.5;
  margin-left: auto;
}
._markAllAsReadButton_15qs5_48:hover,
._showReadButton_15qs5_49:hover {
  color: #ffffff;
}
._markAllAsReadButton_15qs5_48:active,
._showReadButton_15qs5_49:active {
  scale: 0.98;
}
._noNotifications_2ik67_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  height: 100%;
  padding: 8px 14px 14px;
}
._icon_2ik67_11 {
  opacity: 0.5;
}
._content_2ik67_15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
._title_2ik67_22 {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #ffffff;
}
._description_2ik67_30 {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.28px;
  color: #909090;
}
._container_1yfxv_1 {
  display: flex;
  gap: 16px;
  align-items: center;
}
._userInfoAndActions_1yfxv_7 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
._buttons_1yfxv_14 {
  display: none;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  position: relative;
}
@media screen and (min-width: 768px) {
  ._buttons_1yfxv_14 {
    display: flex;
  }
}
._bellButton_1yfxv_27,
._giftButton_1yfxv_28 {
  position: relative;
  cursor: pointer;
}
._bellBadge_1yfxv_33,
._giftBadge_1yfxv_34 {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff3f3f;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  animation: _updateBadge_1yfxv_1 600ms cubic-bezier(0.05, 1.66, 0.32, 1.06) normal forwards 1;
  opacity: 0;
}
@keyframes _updateBadge_1yfxv_1 {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
._buttonIcon_1yfxv_66 {
  color: #909090;
  width: 20px;
  height: 20px;
  transform: scale(1.25);
}
._buttonIcon_1yfxv_66:hover {
  color: #ffffff;
}
._divider_1yfxv_76 {
  display: none;
  border-left: 1px solid #212127;
  height: 20px;
}
@media screen and (min-width: 768px) {
  ._divider_1yfxv_76 {
    display: block;
  }
}
._notificationPortal_1yfxv_87 {
  z-index: 340;
  border-radius: 8px;
  border: 1px solid #212127;
  background: #09090b;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  animation: _portalAnimation_1yfxv_1 200ms;
}
._userMenuButton_1yfxv_96 {
  cursor: pointer;
}
._userMenu_1yfxv_96 {
  background-color: #09090b;
  border: 1px solid #212127;
  padding: 6px;
  max-width: 232px;
  width: 232px;
  z-index: 340;
  animation: _portalAnimation_1yfxv_1 200ms;
}
@keyframes _portalAnimation_1yfxv_1 {
  from {
    margin-top: -6px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
._waitlistContent_bh3ia_1 {
  display: flex;
  align-items: center;
  gap: 14px;
}
._usersCount_bh3ia_7 > p {
  color: #fff;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.28px;
}
._usersCount_bh3ia_7 > p:nth-child(2) {
  color: #909090;
  font-size: 12px;
  font-weight: 500;
  margin-top: 6px;
}
._progressWrapper_bh3ia_22 {
  position: relative;
}
._lockIcon_bh3ia_26 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #00ff6a;
  width: 14px;
  height: 14px;
}
:root {
  --header-height: 76px;
}
._header_dh1y6_5 {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: var(--header-height, 76px);
  background-color: #0d0d10;
  border-bottom: 1px solid #212127;
  z-index: 330;
  padding: 0 16px;
}
@media screen and (min-width: 768px) {
  ._header_dh1y6_5 {
    padding: 0 55px;
  }
}
._headerWrapper_dh1y6_24 {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 1200px;
  width: 100%;
  min-width: 0;
}
._content_dh1y6_33 {
  display: flex;
}
._content_dh1y6_33:nth-of-type(2) {
  justify-content: center;
  margin-left: auto;
}
._content_dh1y6_33:nth-of-type(3) {
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  ._content_dh1y6_33 {
    flex: 1;
  }
}
._wallet_dh1y6_49 {
  margin-right: auto;
  justify-self: flex-end;
}
._logoIcon_dh1y6_54 {
  fill: #fff;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
._logoIcon_dh1y6_54 svg {
  width: 100%;
  max-width: 142px;
  height: auto;
}
._logoImg_dh1y6_65 {
  max-width: 50px;
  width: 100%;
  height: auto;
}
._authButtons_dh1y6_71 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._authButtons_dh1y6_71 button {
  height: 40px;
}
._footer_1p7ue_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 30px 75px;
  background-color: #0f0f13;
  border-top: 1px solid #212127;
  margin-bottom: 56px;
  container: footer/inline-size;
}
@media screen and (min-width: 640px) {
  ._footer_1p7ue_1 {
    padding: 50px;
  }
}
@media screen and (min-width: 768px) {
  ._footer_1p7ue_1 {
    margin-bottom: 0;
  }
}
._wrapper_1p7ue_23 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  height: 100%;
  max-width: 1200px;
}
._footerHeader_1p7ue_32 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: space-between;
  align-items: start;
}
@media screen and (min-width: 640px) {
  ._footerHeader_1p7ue_32 {
    gap: 0;
    flex-direction: row;
    align-items: center;
  }
}
._logoWrapper_1p7ue_47 {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 22px;
}
._logo_1p7ue_47 {
  fill: #fff;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
._logo_1p7ue_47 svg {
  width: auto;
  height: 16px;
}
._logoDescription_1p7ue_64 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #909090;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}
._logoDescription_1p7ue_64 [data-anj-seal-id=e2249c0e-5cbb-4bec-a001-62ccce77907e] > * {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
}
._socialMediaWrapper_1p7ue_82 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._socialMediaIcon_1p7ue_89 {
  width: 22px;
  height: 22px;
  color: #909090;
  cursor: pointer;
}
._socialMediaIcon_1p7ue_89:hover {
  color: #ffffff;
}
._divider_1p7ue_99 {
  height: 1px;
  background-color: #212127;
}
._footerLanguage_1p7ue_104 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: unset;
}
@container footer (width >1024px) {
  ._footerLanguage_1p7ue_104 {
    align-items: flex-end;
  }
}
._footerMenu_1p7ue_116 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, auto);
  row-gap: 30px;
  column-gap: 5px;
}
@container footer (width > 640px) {
  ._footerMenu_1p7ue_116 {
    grid-template-columns: repeat(3, auto);
  }
}
@container footer (width >1024px) {
  ._footerMenu_1p7ue_116 {
    display: flex;
    justify-content: space-between;
    gap: 60px;
  }
}
._footerMenuColumn_1p7ue_136 {
  display: flex;
  flex-direction: column;
}
._footerMenuTitle_1p7ue_141 {
  font-weight: 700;
  font-size: 15px;
  color: #ffffff;
  line-height: 15px;
  margin-bottom: 16px;
  white-space: nowrap;
}
._footerMenuItem_1p7ue_150 {
  font-weight: 500;
  font-size: 13px;
  color: #909090;
  line-height: 28px;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
._footerMenuItem_1p7ue_150:hover {
  color: #ffffff;
}
._footerMenuItem_1p7ue_150:where(button) {
  border: none;
  background: none;
  padding: 0;
  text-align: left;
  font-family: inherit;
}
._cryptoAndConvertor_1p7ue_170 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  row-gap: 20px;
  width: 100%;
}
@container footer (width > 900px) {
  ._cryptoAndConvertor_1p7ue_170 {
    gap: 10px;
    flex-direction: row;
  }
}
._crypto_1p7ue_170 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  width: 100%;
}
@container footer (width > 400px) {
  ._crypto_1p7ue_170 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 500px;
    gap: 26px;
  }
}
@container footer (width > 900px) {
  ._crypto_1p7ue_170 {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
  }
}
._cryptoItem_1p7ue_208 {
  display: flex;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
}
._cryptoLabel_1p7ue_216 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #909090;
}
._convertor_1p7ue_223 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #909090;
  white-space: nowrap;
}
._bottom_1p7ue_231 {
  display: flex;
  flex-direction: column;
  gap: 22px;
  font-weight: 500;
  font-size: 14px;
  color: #909090;
}
._bottom_1p7ue_231 > p {
  line-height: 20px;
}
:root {
  --mobile-menu-height: 74px;
}
._mobileMenu_p5eek_5 {
  width: 100%;
  height: var(--mobile-menu-height, 74px);
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #121216;
  border-top: 1px solid #212127;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  z-index: 50;
}
@media screen and (min-width: 768px) {
  ._mobileMenu_p5eek_5 {
    display: none;
  }
}
._mobileMenu_p5eek_5 ._button_p5eek_25 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
}
._mobileMenu_p5eek_5 ._button_p5eek_25 ._label_p5eek_33 {
  color: #909090;
  text-align: center;
  font-variant-numeric: lining-nums;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
}
._mobileMenu_p5eek_5 ._active_p5eek_41 ._icon_p5eek_41 {
  color: var(--sidebar-item-active-color, #00ff6a);
}
._mobileMenu_p5eek_5 ._active_p5eek_41 ._label_p5eek_33 {
  color: #fff;
}
._mobileMenu_p5eek_5 [data-icon=three-bars] ._icon_p5eek_41 {
  transform: scale(1.0526315789);
}
._mobileMenu_p5eek_5 [data-icon="sports/basketball"] ._icon_p5eek_41 {
  transform: scale(1.1111111111);
}
._mobileMenu_p5eek_5 [data-icon="casino/slot-machine"] ._icon_p5eek_41 {
  transform: scale(1.1111111111);
}
._mobileMenu_p5eek_5 [data-icon=gift] ._icon_p5eek_41 {
  transform: scale(1.25);
}
._mobileMenu_p5eek_5 [data-icon=search] ._icon_p5eek_41 {
  transform: scale(1.25);
}
._mobileMenu_p5eek_5 [data-icon=chat] ._icon_p5eek_41 {
  transform: scale(1.0526315789);
}
._main_ed4r6_1 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 1200px;
  padding: 10px 0 100px;
  container: main-container/inline-size;
}
@media screen and (min-width: 400px) {
  ._main_ed4r6_1 {
    padding: 24px 0 100px;
  }
}
@media screen and (min-width: 1024px) {
  ._main_ed4r6_1 {
    padding: 30px 0 100px;
  }
}
._reply_ib6qq_1 ._emoji_ib6qq_1 {
  width: 18px;
  height: 18px;
  margin-inline: 2px;
}
._username_ib6qq_7 {
  padding: 2px 0;
  margin-right: 2px;
  gap: 6px;
}
._username_ib6qq_7 ._userLevel_ib6qq_12 {
  width: 18px;
  height: 18px;
}
._emoji_ib6qq_1 {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
._at_ib6qq_23 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 4px 6px;
  border-radius: 8px;
  border: 1px solid var(--Base-Base-2, #212127);
  background: #111115;
  color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.26px;
  cursor: pointer;
  transition: background 0.2s ease;
}
._at_ib6qq_23:hover {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid #27272e;
}
._at_ib6qq_23._atUser_ib6qq_44 {
  color: #00ff6a;
}
._plate_ib6qq_48 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 7px;
  border-radius: 8px;
  border: 1px solid #212127;
  background: #111115;
  width: fit-content;
  height: 24px;
  cursor: pointer;
  color: #c9c9c9;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.14px;
  transition: background 0.2s ease;
}
._plate_ib6qq_48:hover {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid #27272e;
}
._plate_ib6qq_48._role_ib6qq_72 {
  margin-right: 6px;
}
._betId_ib6qq_76 {
  color: white;
  font-weight: 600;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 0;
  text-transform: lowercase;
}
._roleIcon_ib6qq_87 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 4px;
  margin-right: 6px;
  flex-shrink: 0;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  color: black;
}
._roleIcon_ib6qq_87._roleIconLegend_ib6qq_102 {
  border-radius: 5px;
  background: var(--Gold, #ffdc1e);
  box-shadow: 0 1px 0 0 #ffed8c inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._roleIcon_ib6qq_87._roleIconAdmin_ib6qq_107 {
  border-radius: 5px;
  background: #ff3f3f;
  box-shadow: 0 1px 0 0 #ff6464 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._roleIcon_ib6qq_87._roleIconModerator_ib6qq_112 {
  border-radius: 5px;
  background: #00ff6a;
  box-shadow: 0 1px 0 0 #5aff9f inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._roleIconImage_ib6qq_118 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  object-position: center;
}
._roleTooltip_ib6qq_127 {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  position: relative;
  padding: 2px 0;
}
._roleTooltipChildren_ib6qq_136 {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  position: static;
}
._roleTooltipStyle_ib6qq_144 {
  padding: 10px 18px;
  background-color: #000000;
  border: 1px solid #333333;
  border-radius: 10px;
  box-shadow: none;
  color: #ffffff;
  white-space: nowrap;
  max-width: 250px;
}
._tip_ib6qq_155 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 11px;
  border-radius: 8px;
  border: 1px solid #212127;
  background: #111115;
  margin-top: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 36px;
  color: #c9c9c9;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.14px;
  white-space: nowrap;
}
._tip_ib6qq_155 ._tipContent_ib6qq_175 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  overflow: hidden;
}
._tip_ib6qq_155 ._tipBlock_ib6qq_182 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._tip_ib6qq_155 ._tipBlock_ib6qq_182 ._highlighted_ib6qq_187 {
  color: var(--color-white);
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}
._tip_ib6qq_155 ._tippedUsername_ib6qq_194 {
  gap: 6px;
  width: 100%;
  overflow: hidden;
}
._tip_ib6qq_155 ._tippedUsername_ib6qq_194 span {
  overflow: hidden;
  text-overflow: ellipsis;
}
._rain_ib6qq_204 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border-radius: 8px;
  border: 1px solid #212127;
  background: #111115;
  margin-top: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 36px;
  color: #c9c9c9;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.14px;
  white-space: nowrap;
}
._rainContent_ib6qq_225 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._rainAmount_ib6qq_231 {
  color: var(--color-white);
  font-weight: 600;
}
._rainActions_ib6qq_236 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
._rainButton_ib6qq_243 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 24px;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid #212127;
  background: #111115;
  cursor: pointer;
  color: #c9c9c9;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  transition: background 0.2s ease;
}
._rainButton_ib6qq_243:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid #27272e;
}
._rainButton_ib6qq_243:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._rainInput_ib6qq_269 {
  width: 90px;
  height: 24px;
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid #212127;
  background: #111115;
  color: #fff;
  font-size: 14px;
}
._text_ib6qq_280 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  word-break: break-word;
}
._banner_1cjfj_1 {
  position: relative;
  animation: _enterBanner_1cjfj_1 333ms ease 1 normal forwards;
  z-index: 10;
  width: 100%;
}
@keyframes _enterBanner_1cjfj_1 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
._actions_1cjfj_18 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
._bannerContent_1cjfj_25 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 18px 16px 14px;
  border-radius: 9px;
  border: 1px solid #212127;
  background-color: #15151a;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  font-variant-numeric: lining-nums;
  overflow: hidden;
  cursor: pointer;
  max-height: 300px;
  transition:
    border 0.2s,
    background-color 0.2s,
    max-height 0.3s;
}
._bannerContent_1cjfj_25:hover {
  border: 1px solid #26262c;
  background-color: #18181e;
}
._bannerContent_1cjfj_25:hover ._arrow_1cjfj_45 {
  color: white;
}
._bannerContent_1cjfj_25._closed_1cjfj_48 {
  max-height: 57px;
}
._bannerContent_1cjfj_25._closed_1cjfj_48 ._bannerMessage_1cjfj_51 {
  opacity: 0;
  transform: translateY(-10px);
}
._bannerContent_1cjfj_25._closed_1cjfj_48 ._arrow_1cjfj_45 {
  transform: rotate(180deg);
}
._bannerMessage_1cjfj_51 {
  line-height: 140%;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
._bannerMessage_1cjfj_51 span {
  color: #fff;
  font-variant-numeric: lining-nums;
  font-size: 15px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.3px;
}
._header_1cjfj_72 {
  display: flex;
  justify-content: space-between;
}
._header_1cjfj_72 ._userBlock_1cjfj_76 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._header_1cjfj_72 ._userBlock_1cjfj_76 > span {
  color: #909090;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.28px;
}
._header_1cjfj_72 ._userBlock_1cjfj_76 img {
  width: 12.707px;
  height: 12.707px;
  flex-shrink: 0;
}
._header_1cjfj_72 ._userBlock_1cjfj_76 > h4 {
  margin-left: 2px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
}
._header_1cjfj_72 ._close_1cjfj_48,
._header_1cjfj_72 ._arrow_1cjfj_45 {
  width: 16px;
  height: 16px;
  transition: color 0.2s;
}
._header_1cjfj_72 ._close_1cjfj_48:hover,
._header_1cjfj_72 ._arrow_1cjfj_45:hover {
  color: white;
}
._fadeBlock_1cjfj_112 {
  width: 100%;
  height: 76px;
  background:
    linear-gradient(
      180deg,
      #121216 15%,
      rgba(18, 18, 22, 0) 100%);
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: -35px;
}
._coverBlock_1cjfj_122 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 41px);
  z-index: 6;
  background: #121216;
  pointer-events: none;
}
._roleIcon_1cjfj_133 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 4px;
  margin-right: 2px;
  margin-left: 8px;
  flex-shrink: 0;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  color: black;
}
._roleIcon_1cjfj_133._roleIconLegend_1cjfj_149 {
  border-radius: 5px;
  background: var(--Gold, #ffdc1e);
  box-shadow: 0 1px 0 0 #ffed8c inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._roleIcon_1cjfj_133._roleIconAdmin_1cjfj_154 {
  border-radius: 5px;
  background: #ff3f3f;
  box-shadow: 0 1px 0 0 #ff6464 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._roleIcon_1cjfj_133._roleIconModerator_1cjfj_159 {
  border-radius: 5px;
  background: #00ff6a;
  box-shadow: 0 1px 0 0 #5aff9f inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._menu_fm0do_1 {
  position: absolute;
  display: flex;
  gap: 6px;
  padding: 6px 9px;
  border-radius: 28px;
  border: 1px solid #212127;
  background-color: #111115;
  height: 28px;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  z-index: 9999;
  top: -14px;
  right: 22px;
  animation: _enterMenu_fm0do_1 0.2s ease;
}
@keyframes _enterMenu_fm0do_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._menuItem_fm0do_25 {
  display: flex;
  align-items: center;
  border: none;
  cursor: pointer;
  color: var(--color-grey);
}
._menuItem_fm0do_25 svg {
  transition: color 0.2s ease;
}
._menuItem_fm0do_25:hover svg {
  color: white;
}
._menuItem_fm0do_25:active svg {
  color: white;
}
._icon_fm0do_42 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--color-grey);
}
._chatRain_12fl4_1 {
  position: absolute;
  z-index: 11;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px;
  border: 1px solid #1c1c21;
  background: #15151a;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
  opacity: 0;
  pointer-events: none;
  width: 100%;
  transition: opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1), transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transform: translateY(-131px);
}
._chatRain_12fl4_1._visible_12fl4_17 {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
._rainIcon_12fl4_23 {
  position: relative;
  width: 42px;
  height: 40px;
}
._cloud_12fl4_29 {
  position: absolute;
  left: 4px;
  top: 18px;
  width: 44px;
  height: 22px;
  border-radius: 999px;
  background: #f7fbff;
}
._cloud_12fl4_29::before,
._cloud_12fl4_29::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #f7fbff;
}
._cloud_12fl4_29::before {
  left: 5px;
  top: -12px;
  width: 24px;
  height: 24px;
}
._cloud_12fl4_29::after {
  right: 5px;
  top: -8px;
  width: 19px;
  height: 19px;
}
._drop_12fl4_57 {
  position: absolute;
  width: 5px;
  height: 9px;
  border-radius: 999px;
  background: #1bdcff;
  transform: rotate(18deg);
}
._dropOne_12fl4_66 {
  left: 13px;
  bottom: 2px;
}
._dropTwo_12fl4_71 {
  left: 27px;
  bottom: 0;
}
._dropThree_12fl4_76 {
  right: 9px;
  bottom: 4px;
}
._main_12fl4_81 {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
}
._top_12fl4_89 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 4px 0;
}
._title_12fl4_96 {
  color: var(--Misc-White, #fff);
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 8px;
}
._amount_12fl4_104 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--Misc-White, #fff);
  font-size: 16px;
  font-weight: 600;
  line-height: 115%;
}
._currencyBadge_12fl4_114 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #00ff6a;
  color: #0b1710;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}
._join_12fl4_128 {
  flex: 0 0 auto;
  width: 53px;
  height: 36px;
  min-width: 53px;
  padding: 0 12px;
  margin-left: auto;
}
._join_12fl4_128._joined_12fl4_136 {
  width: auto;
}
._join_12fl4_128 span {
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
}
._progress_12fl4_146 {
  position: relative;
  padding: 1px;
  height: 8px;
}
._meta_12fl4_152 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  color: #8f8f94;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
._host_12fl4_164 {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 6px;
  color: var(--Grey-500, #909090);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
._host_12fl4_164 ._username_12fl4_174 {
  color: var(--Misc-White, #fff);
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
._hostBadge_12fl4_181 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #0f4dff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}
._hostBadge_12fl4_181::before {
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-top-color: rgba(255, 255, 255, 0.45);
  border-left-color: rgba(255, 255, 255, 0.45);
  transform: rotate(45deg);
}
._stats_12fl4_202 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
._stats_12fl4_202 span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--Grey-500, #909090);
  font-variant-numeric: lining-nums tabular-nums;
  font-family: "Work Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
._stats_12fl4_202 svg {
  width: 16px;
  height: 16px;
}
._mobile_12fl4_225 {
  top: 10px;
  right: 10px;
  left: 10px;
  min-height: 144px;
  padding: 18px;
}
._mobile_12fl4_225 ._rainIcon_12fl4_23 {
  flex-basis: 42px;
  height: 42px;
}
._mobile_12fl4_225 ._cloud_12fl4_29 {
  left: 2px;
  top: 15px;
  width: 35px;
  height: 18px;
}
._mobile_12fl4_225 ._cloud_12fl4_29::before {
  width: 20px;
  height: 20px;
}
._mobile_12fl4_225 ._cloud_12fl4_29::after {
  width: 16px;
  height: 16px;
}
._mobile_12fl4_225 ._title_12fl4_96,
._mobile_12fl4_225 ._host_12fl4_164 strong {
  font-size: 15px;
}
._mobile_12fl4_225 ._amount_12fl4_104 {
  font-size: 19px;
}
._mobile_12fl4_225 ._meta_12fl4_152,
._mobile_12fl4_225 ._stats_12fl4_202 span {
  font-size: 14px;
}
._closeButton_12fl4_262 {
  background: transparent;
  box-shadow: none;
  margin-left: auto;
  padding: 0;
}
._closeButton_12fl4_262:hover {
  color: white;
  background: transparent !important;
  box-shadow: none !important;
}
._messages_1rkkj_1 {
  position: relative;
  flex: 1 1 auto;
  overflow-y: auto;
  opacity: 0;
  animation: _fadeIn_1rkkj_1 0.3s ease normal forwards 0.1s;
}
@keyframes _fadeIn_1rkkj_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._messagesScroll_1rkkj_17 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
._messagesScroll_1rkkj_17._isLoading_1rkkj_27 {
  pointer-events: none;
}
._messagesScroll_1rkkj_17 ._bottomMessage_1rkkj_30 {
  padding-top: 16px;
}
._bannerContainer_1rkkj_34 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: max-content;
  z-index: 8;
  transform: translateY(0px);
  transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
._bannerContainer_1rkkj_34._rainVisible_1rkkj_44 {
  pointer-events: all;
  transform: translateY(140px);
}
._messageFade_1rkkj_49 {
  width: 100%;
  height: 90px;
  background:
    linear-gradient(
      180deg,
      #121216 0%,
      rgba(18, 18, 22, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
}
._message_1rkkj_1 {
  padding: 8px 22px;
  color: #c9c9c9;
  font-variant-numeric: lining-nums;
  line-height: 120%;
  vertical-align: bottom;
  animation: _enterMessage_1rkkj_1 0.3s ease normal forwards;
  position: relative;
}
@keyframes _enterMessage_1rkkj_1 {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
._message_1rkkj_1:first-child {
  margin-top: auto;
}
._message_1rkkj_1:last-child {
  margin-bottom: 24px;
}
._message_1rkkj_1 ._username_1rkkj_85 {
  height: 20px;
  margin-right: 2px;
  gap: 6px;
}
._message_1rkkj_1 ._username_1rkkj_85 ._userRank_1rkkj_90 {
  width: 18px;
  height: 18px;
  padding: 1px;
}
._message_1rkkj_1 ._username_1rkkj_85 ._userBadge_1rkkj_95 {
  margin-top: -1px;
}
._message_1rkkj_1 ._roleIcon_1rkkj_98 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 4px;
  flex-shrink: 0;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  color: black;
}
._message_1rkkj_1 ._roleIcon_1rkkj_98._noTooltipIcon_1rkkj_112 {
  margin-right: 6px;
}
._message_1rkkj_1 ._roleIcon_1rkkj_98._roleIconLegend_1rkkj_115 {
  border-radius: 5px;
  background: var(--Gold, #ffdc1e);
  box-shadow: 0 1px 0 0 #ffed8c inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._message_1rkkj_1 ._roleIcon_1rkkj_98._roleIconAdmin_1rkkj_120 {
  border-radius: 5px;
  background: #ff3f3f;
  box-shadow: 0 1px 0 0 #ff6464 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._message_1rkkj_1 ._roleIcon_1rkkj_98._roleIconModerator_1rkkj_125 {
  border-radius: 5px;
  background: #00ff6a;
  box-shadow: 0 1px 0 0 #5aff9f inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._message_1rkkj_1 ._roleIconImage_1rkkj_130 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  object-position: center;
}
._message_1rkkj_1 ._roleTooltip_1rkkj_138 {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  position: relative;
  margin-right: 6px;
  bottom: -1px;
}
._message_1rkkj_1 ._roleTooltipChildren_1rkkj_147 {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  position: static;
}
._message_1rkkj_1 ._roleTooltipStyle_1rkkj_154 {
  padding: 10px 18px;
  background-color: #000000;
  border: 1px solid #333333;
  border-radius: 10px;
  box-shadow: none;
  color: #ffffff;
  white-space: nowrap;
  max-width: 250px;
}
._message_1rkkj_1 ._text_1rkkj_164 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  word-break: break-all;
}
._message_1rkkj_1 ._replyingMessage_1rkkj_170 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  width: 100%;
}
._message_1rkkj_1 ._replyingMessage_1rkkj_170 p {
  color: #c9c9c9;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._message_1rkkj_1 ._replyingMessage_1rkkj_170 p ._replyUsername_1rkkj_188 {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.13px;
}
._banner_1rkkj_34 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 22px;
}
._button_1rkkj_204 {
  position: absolute;
  bottom: 21px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(10px);
  width: 296px;
  height: 38px;
  padding: 12px;
  transition: all 0.2s ease;
  pointer-events: none;
}
._button_1rkkj_204:hover {
  background-color: #3a3a43;
  box-shadow: 0px 1px 0px 0px #52525e inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
._button_1rkkj_204._visible_1rkkj_220 {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
._roleTooltipStyle_1rkkj_154 {
  background: #09090b;
  border: 1px solid #212127;
  border-radius: 7px;
  padding: 4px 6px;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  animation: _fadeUp_1rkkj_1 0.2s ease forwards;
}
@keyframes _fadeUp_1rkkj_1 {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._roleTooltipLabel_1rkkj_245 {
  color: #c9c9c9;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}
._skeletonMessage_1rkkj_252 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding: 0 22px;
}
._skeletonMessage_1rkkj_252:last-child {
  margin-bottom: 22px;
}
._skeletonMessage_1rkkj_252 ._row_1rkkj_262 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: -2px;
}
._skeletonMessage_1rkkj_252 ._skeletonCircle_1rkkj_268 {
  width: 18px;
  height: 18px;
}
._skeletonMessage_1rkkj_252 ._skeletonText_1rkkj_272 {
  height: 12px;
  width: 100%;
  border-radius: 12px;
}
._selected_1rkkj_278 {
  position: relative;
}
._selected_1rkkj_278::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      #212127 0%,
      #121216 100%);
  z-index: -1;
  animation: _enterBackground_1rkkj_1 0.3s ease normal forwards;
}
@keyframes _enterBackground_1rkkj_1 {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
._highlight_1rkkj_303 {
  position: relative;
}
._highlight_1rkkj_303::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      #212127 0%,
      #121216 100%);
  z-index: -1;
  animation: _fadeOut_1rkkj_1 0.3s ease normal forwards 1s;
}
@keyframes _fadeOut_1rkkj_1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
._adminBackground_1rkkj_326 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      rgba(255, 63, 63, 0.1607843137) 0%,
      rgba(18, 18, 22, 0.1607843137) 100%);
  border-left: 1px solid #ff3f3f;
  z-index: -1;
}
._emojiPicker_291jh_1 {
  display: flex;
  width: 303px;
  height: 303px;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  transform: translateY(10px) translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
._emojiPicker_291jh_1._open_291jh_11 {
  pointer-events: all;
  transform: translateY(0) translateX(-50%);
  opacity: 1;
}
._categories_291jh_17 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px;
  background-color: #0f0f12;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #212127;
  border-right: 0px;
  width: 41px;
}
._categories_291jh_17 > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
._categories_291jh_17 > button:hover,
._categories_291jh_17 > button._selected_291jh_36 {
  border-radius: 6px;
  background-color: #212127;
}
._categories_291jh_17 img {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._picker_291jh_46 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  height: inherit;
  padding: 6px;
  border-radius: 0px 8px 8px 0px;
  border: 1px solid #212127;
  background-color: #09090b;
  overflow-y: scroll;
  position: relative;
  left: -2px;
}
._picker_291jh_46 > button {
  width: 38px;
  height: 38px;
  cursor: pointer;
}
._picker_291jh_46 > button:hover {
  border-radius: 6px;
  background-color: #212127;
}
._picker_291jh_46 img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._shortcuts_5twv1_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 296px;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #09090b;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  transform: translateY(0px) translateX(-50%) !important;
}
._shortcut_5twv1_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
  font-variant-numeric: lining-nums;
  font-size: 14px;
}
._shortcut_5twv1_1 > p {
  color: #fff;
  font-weight: 600;
}
._shortcut_5twv1_1 > span {
  color: #909090;
  font-weight: 500;
}
._shortcut_5twv1_1:hover {
  border-radius: 6px;
  background-color: #212127;
}
._userList_vecrw_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 296px;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #09090b;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.06), 0 10px 10px -0.5px rgba(0, 0, 0, 0.02);
}
._userItem_vecrw_13 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 10px;
  border-radius: 7px;
}
._userItem_vecrw_13 > h4 {
  color: #fff;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 600;
}
._userItem_vecrw_13 ._icon_vecrw_27 {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}
._userItem_vecrw_13:hover {
  background-color: #212127;
}
._loading_vecrw_36 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  overflow: hidden;
  gap: 8px;
  color: #c9c9c9;
  font-size: 14px;
}
._spinner_vecrw_47 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
._badges_vecrw_55 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._chatRules_1owqh_1 {
  width: calc(100% - 48px);
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #09090b;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  transform: translateY(10px) translateX(-50%);
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  bottom: 64px !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
._chatRules_1owqh_1._open_1owqh_15 {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0) translateX(-50%);
}
@media screen and (min-width: 640px) {
  ._chatRules_1owqh_1 {
    width: 296px;
    bottom: 134px !important;
  }
}
._chatRules_1owqh_1 ._header_1owqh_26 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  margin-bottom: 6px;
}
@media screen and (min-width: 640px) {
  ._chatRules_1owqh_1 ._header_1owqh_26 {
    margin-bottom: 12px;
  }
}
._chatRules_1owqh_1 ._header_1owqh_26 > h2 {
  color: #fff;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-weight: 600;
}
._chatRules_1owqh_1 > ol {
  padding-inline: 14px 4px;
  margin-inline: 16px 6px;
}
._chatRules_1owqh_1 > ol li {
  color: #909090;
  font-variant-numeric: lining-nums;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 12px;
}
@media screen and (min-width: 640px) {
  ._chatRules_1owqh_1 > ol li {
    font-size: 14px;
    margin-bottom: 18px;
  }
}
._chatRules_1owqh_1 > button {
  margin: 4px 10px 10px 10px;
  width: calc(100% - 20px);
  height: 38px;
}
@media screen and (min-width: 640px) {
  ._chatRules_1owqh_1 > button {
    height: 40px;
  }
}
._chatRules_1owqh_1 > button span {
  font-size: 12px;
}
@media screen and (min-width: 640px) {
  ._chatRules_1owqh_1 > button span {
    font-size: inherit;
  }
}
._createRain_7dh4s_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: calc(100% - 48px);
  max-width: 292px;
  padding: 16px;
  border-radius: 8px;
  background-color: #09090b;
  border: 1px solid #212127;
  box-shadow: 0px 12px 12px -2px rgba(0, 0, 0, 0.06), 0px 10px 10px -0.5px rgba(0, 0, 0, 0.02);
  transform: translateY(10px) translateX(-50%);
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  bottom: 64px !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
._createRain_7dh4s_1._open_7dh4s_19 {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0) translateX(-50%);
}
@media screen and (min-width: 640px) {
  ._createRain_7dh4s_1 {
    width: 296px;
    bottom: 132px !important;
  }
}
._header_7dh4s_31 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._header_7dh4s_31 h2 {
  margin: 0;
  color: var(--Misc-White, #fff);
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
._rainIcon_7dh4s_44 {
  width: 16px;
  height: 16px;
}
._rainContent_7dh4s_49 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._amountInput_7dh4s_55 {
  width: 100%;
}
._createButton_7dh4s_59 {
  width: 100%;
  height: 40px;
}
._createButton_7dh4s_59 span {
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.28px;
}
._minimum_7dh4s_70 {
  color: var(--Grey-500, #909090);
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
}
._mutedMessage_1s6dx_1 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: var(--color-grey);
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.26px;
}
._mutedMessage_1s6dx_1 ._mutedHeader_1s6dx_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._mutedMessage_1s6dx_1 ._mutedTitle_1s6dx_17 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._mutedMessage_1s6dx_1 ._mutedTitle_1s6dx_17 > h4 {
  color: var(--color-white);
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.28px;
}
._mutedMessage_1s6dx_1 > p {
  font-size: 13px;
  font-weight: 500;
}
._wrapper_gdvzn_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._plaque_gdvzn_7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  border: 1px solid #212127;
  background: #0f0f13;
  border-radius: 10px;
  padding: 10px 14px;
}
._plaqueIcon_gdvzn_18 {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
._plaqueIcon_gdvzn_18 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
._plaqueText_gdvzn_29 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._plaqueTitle_gdvzn_37 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
._plaqueSubtitle_gdvzn_43 {
  font-size: 12px;
  color: #909090;
}
._plaqueApplyBtn_gdvzn_48 {
  flex-shrink: 0;
}
._plaqueBtn_gdvzn_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border: none;
  border-radius: 6px;
  background-color: #292930;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 1px 0 0 #303039 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.2509803922);
}
._plaqueBtn_gdvzn_52:hover {
  background-color: #303038;
  color: #fff;
  box-shadow: 0 1px 0 0 #3a3a43 inset, 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
._plaqueBtn_gdvzn_52:active {
  background-color: #2a2a31;
  scale: 0.98;
}
._plaqueBtn_gdvzn_52:focus-visible {
  border: 1px solid #0d0d10;
  outline: 1px solid #212127;
}
._card_gdvzn_80 {
  border: 1px solid #212127;
  background: #0f0f13;
  border-radius: 10px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._header_gdvzn_90 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._header_gdvzn_90 h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
._unapplied_gdvzn_102 {
  color: #9dd8ff;
}
._pending_deposit_gdvzn_106 {
  color: #ffd966;
}
._active_gdvzn_110 {
  color: #66e1a5;
}
._grid_gdvzn_114 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
._grid_gdvzn_114 div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._grid_gdvzn_114 span {
  color: #909090;
  font-size: 12px;
}
._grid_gdvzn_114 strong {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
._hint_gdvzn_134 {
  margin: 0;
  font-size: 12px;
  color: #c6c6ce;
}
._progressBlock_gdvzn_140 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._progressRow_gdvzn_146 {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
._progressRow_gdvzn_146 span {
  color: #909090;
}
._progressRow_gdvzn_146 strong {
  color: #fff;
}
._progressBar_gdvzn_158 {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: #1c1c21;
  overflow: hidden;
}
._progressFill_gdvzn_166 {
  height: 100%;
  border-radius: 999px;
  background: #00d084;
}
._progressMeta_gdvzn_172 {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #8f8f96;
}
._applyButton_gdvzn_179 {
  margin-top: 4px;
}
._chat_39lj2_1 {
  position: sticky;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  border-left: 1px solid #212127;
  background-color: var(--color-surface-secondary);
  z-index: 320;
  max-width: 0px;
  transition: max-width 0.2s ease;
  will-change: max-width;
}
._chat_39lj2_1._isOpen_39lj2_14 {
  right: 0px;
  max-width: 340px;
}
._chatContent_39lj2_19 {
  display: flex;
  flex-direction: column;
  width: 340px;
  height: 100%;
  background-color: var(--color-surface-secondary);
}
._mobile_39lj2_27 {
  position: fixed;
  top: 76px;
  height: calc(100dvh - 76px - 74px);
  max-width: 100vw;
  right: -100vw;
  transition: right 0.2s ease, max-width 0.2s ease;
}
._mobile_39lj2_27._isOpen_39lj2_14 {
  max-width: 100vw;
  right: 0;
}
._mobile_39lj2_27 ._chatContent_39lj2_19 {
  width: 100%;
}
._header_39lj2_43 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  height: 76px;
  padding: 16px 24px;
  border-bottom: 1px solid #212125;
}
._header_39lj2_43 ._language_39lj2_52 {
  background-color: transparent;
  box-shadow: none;
  padding: 8px 0;
  height: fit-content;
  font-size: 14px;
}
._header_39lj2_43 ._language_39lj2_52 svg {
  width: 18px;
  height: 18px;
}
._header_39lj2_43 ._roomSkeleton_39lj2_63 {
  width: 82px;
  height: 24px;
  border-radius: 8px;
}
._header_39lj2_43 ._buttonClose_39lj2_68 {
  cursor: pointer;
}
._footer_39lj2_72 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: max-content;
  padding: 20px 24px;
  border-top: 1px solid #212127;
  background-color: #15151a;
}
._footer_39lj2_72 ._emojiSmile_39lj2_82 {
  color: #909090;
  transition: color 0.2s ease;
}
._footer_39lj2_72 ._emojiSmile_39lj2_82:hover {
  color: #fff;
}
._footer_39lj2_72 ._bottom_39lj2_89 {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}
._footer_39lj2_72 ._status_39lj2_94 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.28px;
}
._footer_39lj2_72 ._status_39lj2_94 ._onlineDot_39lj2_104 {
  color: #00ff6a;
}
._footer_39lj2_72 ._buttons_39lj2_107 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
}
._footer_39lj2_72 ._button_39lj2_68 {
  height: 16px;
}
._footer_39lj2_72 ._buttonSettings_39lj2_117 {
  color: #909090;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.28px;
  transition: color 0.2s ease;
  cursor: pointer;
}
._footer_39lj2_72 ._buttonSettings_39lj2_117:hover {
  color: white;
}
._footer_39lj2_72 ._characterCount_39lj2_129 {
  color: #909090;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.28px;
  opacity: 0.5;
}
._languageItemsContainer_39lj2_139 svg {
  width: 18px;
  height: 18px;
}
._inputButton_39lj2_144 {
  padding: 0px;
}
._popup_39lj2_148 {
  position: absolute;
  left: 50%;
  transform: translateY(10px) translateX(-50%);
  bottom: 134px;
}
._lockProgress_39lj2_155 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 18px;
}
._lockProgress_39lj2_155 p {
  color: #909090;
  font-variant-numeric: lining-nums;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.26px;
}
._lockProgress_39lj2_155 ._progressBar_39lj2_169 {
  height: 10px;
}
._lockHeader_39lj2_173 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._lockHeader_39lj2_173 ._lockTitle_39lj2_178 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._lockHeader_39lj2_173 ._lockTitle_39lj2_178 svg {
  width: 16px;
  height: 16px;
  color: #909090;
}
._lockHeader_39lj2_173 ._lockTitle_39lj2_178 h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.28px;
}
._separator_39lj2_196 {
  background: #212127;
}
._replyingContainer_39lj2_200 {
  height: 0px;
  transition: height 0.3s ease;
}
._replyingContainer_39lj2_200._withReply_39lj2_204 {
  height: 30px;
}
._replyingTo_39lj2_208 {
  display: flex;
  align-items: center;
  animation: _fadeIn_39lj2_1 0.3s ease forwards 0.15s;
  opacity: 0;
}
@keyframes _fadeIn_39lj2_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._replyingTo_39lj2_208 ._cancel_39lj2_222 {
  cursor: pointer;
  transition: color 0.3s ease;
}
._replyingTo_39lj2_208 ._cancel_39lj2_222:hover {
  color: white;
}
._replyingTo_39lj2_208 ._replyingInfo_39lj2_229 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: auto;
}
._replyingTo_39lj2_208 ._replyingInfo_39lj2_229 ._replyingText_39lj2_235 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #c9c9c9;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.13px;
}
._replyingTo_39lj2_208 ._replyingInfo_39lj2_229 ._replyingText_39lj2_235 p {
  color: #fff;
  font-weight: 600;
  line-height: 120%;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._replyingTo_39lj2_208 ._replyingInfo_39lj2_229 svg {
  transform-origin: bottom right;
  animation: _enterArrow_39lj2_1 0.3s ease forwards 0.15s;
}
@keyframes _enterArrow_39lj2_1 {
  from {
    transform: translateX(-5px);
  }
  to {
    transform: translateX(0);
  }
}
._cookies_14azt_1 {
  position: fixed;
  bottom: calc(1.25rem + 74px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 2.4rem);
  max-width: 690px;
  height: max-content;
  padding: 8px 12px 8px 16px;
  border-radius: 8px;
  border: 1px solid #212127;
  background-color: #121216;
  box-shadow: 0 12px 12px -2px rgba(0, 0, 0, 0.0588235294), 0 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431);
  color: #fff;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  ._cookies_14azt_1 {
    height: 52px;
    padding: 6px 6px 6px 16px;
    bottom: 1.25rem;
  }
}
._content_14azt_28 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 10px;
}
._content_14azt_28 > h4 {
  color: #fff;
  font-variant-numeric: lining-nums;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (min-width: 640px) {
  ._content_14azt_28 > h4 {
    font-size: 14px;
  }
}
._content_14azt_28 ._button_14azt_46 {
  height: 40px;
}
._content_14azt_28:first-child {
  margin-left: 0;
}
._content_14azt_28:first-child svg {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
@media screen and (min-width: 640px) {
  ._content_14azt_28:first-child svg {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 768px) {
  ._content_14azt_28:first-child svg {
    margin-right: 0px;
  }
}
._reasonBlock_nsmm9_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 26px;
  padding: 26px;
  border-radius: 10px;
  background-color: #121216;
  border: 1px solid #212127;
  width: 100%;
  max-width: 720px;
}
._reasonBlockImage_nsmm9_14 {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
._textBlock_nsmm9_20 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._title_nsmm9_26 {
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.44px;
  color: #FFFFFF;
}
._reason_nsmm9_1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #FFFFFF;
}
._reasonLabel_nsmm9_42 {
  color: #909090;
}
._accountAvailableAgain_nsmm9_46 {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #909090;
}
._logoutButton_nsmm9_54 {
  width: fit-content;
}
._logoutButtonIcon_nsmm9_58 {
  transform: rotate(90deg);
}
._helpBlock_fnnbh_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 26px;
  padding: 26px;
  border-radius: 10px;
  border: 1px solid #212127;
  width: 100%;
  max-width: 720px;
}
._textBlock_fnnbh_13 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._title_fnnbh_19 {
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.44px;
  color: #ffffff;
}
._contactUs_fnnbh_27 {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #ffffff;
}
._contactUsLabel_fnnbh_35 {
  color: #909090;
}
._helpBlockLinks_fnnbh_39 {
  display: flex;
  gap: 12px;
}
._icon_fnnbh_44 {
  width: 22px;
  height: 22px;
}
._helpBlockLink_fnnbh_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 12px 14px;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  background-color: #212127;
  box-shadow: 0px 1px 0px 0px #2a2a31 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._helpBlockLink_fnnbh_39:hover:not([disabled]) {
  background-color: #303038;
  color: #ffffff;
  box-shadow: 0px 1px 0px 0px #3a3a43 inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
._helpBlockLink_fnnbh_39:hover:not([disabled]) ._icon_fnnbh_44 {
  color: #ffffff;
}
._helpBlockLink_fnnbh_39:active:not([disabled]) {
  background-color: #2a2a31;
}
._helpBlockLink_fnnbh_39:focus-visible:not([disabled]):not(:active):not(:hover) {
  border: 1px solid #0d0d10;
  outline: 1px solid #212127;
}
._banned_1u6bw_1 {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
._bannedContent_1u6bw_7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 47px;
  padding-block: 150px;
}
._snackbar_2ut7m_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 360px;
  width: 100%;
  padding: 8px 12px 12px 12px;
  border-radius: 8px;
  background-color: #121216;
  border: 1px solid #212127;
  box-shadow: 0px 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431), 0px 12px 12px -2px rgba(0, 0, 0, 0.0588235294);
  animation: _slideIn_2ut7m_1 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
._snackbar_2ut7m_1._removing_2ut7m_15 {
  transform: translateX(100%);
  opacity: 0;
}
@keyframes _slideIn_2ut7m_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._content_2ut7m_30 {
  display: flex;
  gap: 12px;
}
._content_2ut7m_30 ._contentText_2ut7m_34 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  font-variant-numeric: lining-nums tabular-nums;
}
._content_2ut7m_30 ._contentText_2ut7m_34 > h2 {
  color: var(--color-white);
  font-size: 15px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.3px;
}
._content_2ut7m_30 ._contentText_2ut7m_34 > p {
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.28px;
}
._content_2ut7m_30 ._closeButton_2ut7m_55 {
  align-self: flex-start;
  cursor: pointer;
}
._reloadButton_2ut7m_60 {
  width: 100%;
  height: 40px;
}
._reloadButton_2ut7m_60 ._buttonContent_2ut7m_64 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: white;
  font-weight: 500;
}
._snackbar_1bt9v_1 {
  max-width: 360px;
  width: 360px;
  min-height: 72px;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #121216;
  border: 1px solid #212127;
  box-shadow: 0px 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431), 0px 12px 12px -2px rgba(0, 0, 0, 0.0588235294);
  animation: _slideIn_1bt9v_1 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
._snackbar_1bt9v_1._removing_1bt9v_16 {
  transform: translateX(100%);
  opacity: 0;
}
@keyframes _slideIn_1bt9v_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._container_1bt9v_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._progressBar_1bt9v_38 {
  width: 36px;
  min-width: 36px;
  height: 100%;
  min-height: 56px;
  background-color: rgba(13, 13, 16, 0.5019607843);
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
._progressBarInner_1bt9v_52 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  animation-name: _verticalFillDecrease_1bt9v_1;
  animation-timing-function: linear;
  animation-duration: 10s;
}
._progressBarInner_1bt9v_52._success_1bt9v_62 {
  background-color: rgba(0, 255, 106, 0.1490196078);
}
._progressBarInner_1bt9v_52._error_1bt9v_65 {
  background-color: rgba(255, 63, 63, 0.1490196078);
}
._progressBarInner_1bt9v_52._warning_1bt9v_68 {
  background-color: rgba(255, 165, 63, 0.1490196078);
}
._progressBarInner_1bt9v_52._info_1bt9v_71 {
  background-color: rgba(81, 130, 255, 0.1490196078);
}
._progressBarInner_1bt9v_52._loading_1bt9v_74 {
  background-color: rgba(255, 165, 63, 0.1490196078);
}
._progressBarInner_1bt9v_52._add_1bt9v_77 {
  background-color: rgba(0, 255, 106, 0.1490196078);
}
@keyframes _verticalFillDecrease_1bt9v_1 {
  0% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
._progressBarIcon_1bt9v_89._success_1bt9v_62 {
  color: #00ff6a;
}
._progressBarIcon_1bt9v_89._error_1bt9v_65 {
  color: #ff3f3f;
}
._progressBarIcon_1bt9v_89._warning_1bt9v_68 {
  color: #ffa53f;
}
._progressBarIcon_1bt9v_89._info_1bt9v_71 {
  color: #5182ff;
}
._progressBarIcon_1bt9v_89._loading_1bt9v_74 {
  color: #ffa53f;
}
._progressBarIcon_1bt9v_89._add_1bt9v_77 {
  color: #00ff6a;
}
._message_1bt9v_108 {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.32px;
  color: #909090;
}
._snackbar_c5ibj_1 {
  max-width: 360px;
  width: 360px;
  min-height: 72px;
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #121216;
  border: 1px solid #212127;
  box-shadow: 0px 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431), 0px 12px 12px -2px rgba(0, 0, 0, 0.0588235294);
  animation: _slideIn_c5ibj_1 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
._snackbar_c5ibj_1._removing_c5ibj_17 {
  transform: translateX(100%);
  opacity: 0;
}
@keyframes _slideIn_c5ibj_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._content_c5ibj_32 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
}
._title_c5ibj_39 {
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.28px;
  color: #fff;
}
._message_c5ibj_48 {
  color: #909090;
  font-variant-numeric: lining-nums;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.28px;
  line-height: 130%;
}
._snackbar_5n7r4_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 360px;
  width: 100%;
  padding: 8px 12px 12px 12px;
  border-radius: 8px;
  background-color: #121216;
  border: 1px solid #212127;
  box-shadow: 0px 10px 10px -0.5px rgba(0, 0, 0, 0.0196078431), 0px 12px 12px -2px rgba(0, 0, 0, 0.0588235294);
  animation: _slideIn_5n7r4_1 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
._snackbar_5n7r4_1._removing_5n7r4_15 {
  transform: translateX(100%);
  opacity: 0;
}
@keyframes _slideIn_5n7r4_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._content_5n7r4_30 {
  display: flex;
  gap: 12px;
}
._content_5n7r4_30 ._flagImage_5n7r4_34 {
  width: 38px;
  height: 38px;
  aspect-ratio: 1/1;
  object-fit: contain;
  align-self: center;
}
._content_5n7r4_30 ._contentText_5n7r4_41 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  font-variant-numeric: lining-nums tabular-nums;
}
._content_5n7r4_30 ._contentText_5n7r4_41 > h2 {
  color: var(--color-white);
  font-size: 15px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.3px;
}
._content_5n7r4_30 ._contentText_5n7r4_41 > p {
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.28px;
}
._content_5n7r4_30 ._closeButton_5n7r4_62 {
  align-self: flex-start;
  cursor: pointer;
}
._viewRaceButton_5n7r4_67 {
  width: 100%;
  height: 40px;
}
._snackbarContainer_1pfjw_1 {
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}
._pip_1jsfa_1 {
  width: 420px;
  height: 250px;
}
._content_1jsfa_6 {
  height: calc(100% - 44px);
  width: 100%;
  overflow-y: auto;
  position: relative;
  container: container/inline-size;
  border-radius: 8px;
}
._content_1jsfa_6._houseGame_1jsfa_14 {
  height: calc(100% - 50px);
  border-radius: 0 0 10px 10px;
}
._iframe_1jsfa_19 {
  width: 100%;
  height: 100%;
}
._overlay_1jsfa_24 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: unset;
  gap: 22px;
  background-color: hsla(240, 10%, 8%, 0.89);
  z-index: 1;
  padding: 12px;
}
@container container (width > 500px) {
  ._overlay_1jsfa_24 {
    justify-content: center;
    flex-direction: column;
    padding: 24px;
  }
}
._houseGameWindow_1jsfa_43 {
  padding: 0px;
}
._houseGameWindow_1jsfa_43 header {
  padding: 16px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-border-primary);
}
._gameImage_1jsfa_52 {
  width: auto;
  height: 100%;
  min-width: 44px;
  border-radius: 8px;
  max-height: 200px;
  aspect-ratio: 112/154;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
._gameImage_1jsfa_52 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._gameImage_1jsfa_52 p {
  display: none;
}
@container container (width < 330px) {
  ._gameImage_1jsfa_52 {
    width: auto;
    height: 100%;
  }
}
@container container (width < 450px) {
  ._gameImage_1jsfa_52 {
    font-size: 14px;
    max-height: 170px;
  }
}
@container container (width > 500px) {
  ._gameImage_1jsfa_52 {
    flex-shrink: unset;
    height: auto;
  }
}
._gameDetails_1jsfa_90 {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-grow: 1;
}
@container container (width > 500px) {
  ._gameDetails_1jsfa_90 {
    align-items: center;
    flex-grow: unset;
    flex-shrink: 0;
  }
}
@container container (width < 330px) {
  ._gameDetails_1jsfa_90 {
    width: calc(100% - 100px);
  }
  ._gameDetails_1jsfa_90 ._gameName_1jsfa_107 {
    font-size: 14px;
  }
  ._gameDetails_1jsfa_90 ._providerName_1jsfa_110 {
    font-size: 13px;
  }
}
._providerName_1jsfa_110 {
  color: #909090;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  margin-top: 10px;
}
._gameName_1jsfa_107 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._balanceText_1jsfa_133 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}
._balanceText_1jsfa_133 ._displayedIn_1jsfa_140 {
  display: none;
}
@container container (width > 500px) {
  ._balanceText_1jsfa_133 ._displayedIn_1jsfa_140 {
    display: block;
  }
}
._balanceText_1jsfa_133 span:first-of-type {
  color: var(--color-grey);
  font-weight: 500;
}
._balanceText_1jsfa_133 span:last-of-type {
  color: var(--color-white);
  font-weight: 600;
}
._currencyDropdownItems_1jsfa_157 {
  max-height: 150px;
  overflow-y: auto;
}
._currency_1jsfa_157 {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px;
}
._currency_1jsfa_157 span:last-child svg {
  color: #909090;
  height: 14px;
  width: 14px;
}
._buttons_1jsfa_173 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
@container container (width < 430px) {
  ._buttons_1jsfa_173 {
    margin-top: 0px;
  }
  ._buttons_1jsfa_173 ._button_1jsfa_173 {
    height: 38px;
    gap: 6px;
    padding: 6px 10px;
  }
  ._buttons_1jsfa_173 ._button_1jsfa_173 span {
    font-size: 14px;
  }
  ._buttons_1jsfa_173 ._button_1jsfa_173 svg {
    width: 14px;
    height: 14px;
  }
}
@container container (width < 380px) {
  ._buttons_1jsfa_173 {
    margin-top: 0px;
  }
  ._buttons_1jsfa_173 ._button_1jsfa_173 {
    min-width: 60px;
    height: 32px;
    gap: 4px;
  }
  ._buttons_1jsfa_173 ._button_1jsfa_173 span {
    font-size: 12px;
  }
  ._buttons_1jsfa_173 ._button_1jsfa_173 svg {
    width: 12px;
    height: 12px;
  }
  ._buttons_1jsfa_173 ._button_1jsfa_173 ._playText_1jsfa_213 {
    display: none;
  }
}
._button_1jsfa_173 {
  padding: 8px 14px;
  font-size: 12px;
  min-width: 90px;
  max-height: 38px;
}
._realPlayButtonIcon_1jsfa_225 {
  color: #0d0d10;
}
._funPlayButtonIcon_1jsfa_229 {
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.1019607843));
}
._accordion_116q6_1 {
  background-color: rgba(33, 33, 39, 0.5019607843);
  border: none;
  box-shadow: none;
}
._accordionHeader_116q6_7 {
  background: none;
}
._accordionContent_116q6_11 {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
._raceBlockHeader_116q6_17 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._raceBlockHeaderTitle_116q6_23 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.032px;
  color: #ffffff;
}
._raceCountdownWrapper_116q6_31 {
  position: relative;
  margin-top: 4px;
}
._raceCountdownWrapper_116q6_31 ._raceCountdown_116q6_31 {
  height: 147px;
  padding: 20px 18px;
}
._positionBlock_116q6_40 {
  position: absolute;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding-inline: 20px;
  width: 100%;
  font-size: 14px;
  letter-spacing: -0.032px;
}
._positionBlock_116q6_40 ._positionTitle_116q6_52 {
  font-weight: 500;
  color: #909090;
}
._positionBlock_116q6_40 ._positionValue_116q6_56 {
  font-weight: 600;
  color: #ffffff;
}
._infoBlockWrapper_116q6_61 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
._divider_116q6_67 {
  width: 100%;
  height: 1px;
  background-color: #121216;
}
._liveStats_4txw3_1 {
  width: 340px;
}
._liveStatsWindow_4txw3_5 {
  height: max-content;
}
._liveStatsContent_4txw3_9 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._select_4txw3_15 {
  padding: 11px 12px;
}
._select_4txw3_15 > p {
  line-height: 14px;
}
._appLayout_qqua1_1 {
  position: relative;
  width: 100dvw;
  height: 100dvh;
}
._appLayout_qqua1_1._nonSportsPage_qqua1_6 {
  overflow: hidden;
}
._layoutWrapper_qqua1_10 {
  display: flex;
  max-width: 100dvw;
  min-height: 100dvh;
  background-color: #121216;
}
._sidebarRelativeWrapper_qqua1_17 {
  position: sticky;
  top: 76px;
  display: block;
  flex-shrink: 0;
  min-height: calc(100dvh - 74px - 76px);
  height: 100%;
  z-index: 320;
}
@media screen and (min-width: 768px) {
  ._sidebarRelativeWrapper_qqua1_17 {
    top: 0;
    min-width: 60px;
    min-height: 100dvh;
  }
}
._sidebarOverlay_qqua1_34 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2549019608);
  z-index: 14;
}
@media screen and (min-width: 1150px) {
  ._sidebarOverlay_qqua1_34 {
    display: none;
  }
}
._sidebar_qqua1_17 {
  position: fixed;
  top: 76px;
  min-height: calc(100dvh - 74px - 76px);
  height: calc(100dvh - 74px - 76px);
  flex-shrink: 0;
  z-index: 320;
}
@media screen and (min-width: 768px) {
  ._sidebar_qqua1_17 {
    top: 0;
    min-height: 100dvh;
    height: 100dvh;
  }
}
@media screen and (min-width: 1150px) {
  ._sidebar_qqua1_17 {
    position: sticky;
  }
}
._openedSidebar_qqua1_70 {
  width: 100%;
}
@media screen and (min-width: 1150px) {
  ._openedSidebar_qqua1_70 {
    width: 270px;
  }
}
._layoutContent_qqua1_79 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 0;
}
._layoutContent_qqua1_79._nonSportsPageContent_qqua1_86 {
  max-height: 100dvh;
  overflow: auto;
  overflow-x: hidden;
}
._layoutMain_qqua1_92 {
  position: relative;
  background-color: #0d0d10;
  padding-block: 0;
  padding-inline: clamp(10px, 2vw, 30px);
  width: 100%;
}
@media screen and (min-width: 400px) {
  ._layoutMain_qqua1_92 {
    padding-inline: 16px;
  }
}
@media screen and (min-width: 640px) {
  ._layoutMain_qqua1_92 {
    padding-inline: 30px;
  }
}
._mainContent_qqua1_110 {
  display: flex;
  justify-content: center;
  width: 100%;
}
._mainContent_qqua1_110._withAnimation_qqua1_115 {
  animation: _pageTransition_qqua1_1 0.3s ease;
  will-change: opacity, transform;
}
@keyframes _pageTransition_qqua1_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._outletWrapper_qqua1_130 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._chatButton_qqua1_138 {
  display: none;
}
@media screen and (min-width: 768px) {
  ._chatButton_qqua1_138 {
    display: block;
    position: fixed;
    width: 44px;
    height: 42px;
    right: 0;
    bottom: 98px;
    border-radius: 8px 0px 0px 8px;
  }
}
@font-face {
  font-family: "Designer";
  src: url(/otf/Designer-BoOSSmwd.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-white: #ffffff;
  --color-grey: #909090;
  --color-green: #00ff6a;
  --color-red: #ff3f3f;
  --color-yellow: #ffd21e;
  --color-indigo: #797cf1;
  --color-border-primary: #212127;
  --color-surface-dark: #292930;
  --color-surface-secondary: #121216;
}
html {
  scrollbar-width: none;
  scrollbar-color: var(--color-border-primary) transparent;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: "Work Sans", sans-serif;
  font-weight: inherit;
  line-height: 100%;
  letter-spacing: -0.28px;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
* * {
  scrollbar-width: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #101014 inset;
  -webkit-text-fill-color: var(--color-white) !important;
}
a {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: none;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
body {
  background: #0d0d10;
}
.intercom-lightweight-app {
  z-index: 549 !important;
}
.intercom-lightweight-app-launcher {
  transition: right 0.2s ease, transform 167ms cubic-bezier(0.33, 0, 0, 1) !important;
}
.intercom-namespace div,
.intercom-namespace .intercom-messenger-frame {
  transition:
    width 200ms,
    height 200ms,
    max-height 200ms,
    transform 300ms cubic-bezier(0, 1.2, 1, 1),
    opacity 83ms ease-out,
    right 0.2s ease !important;
}
.show-scrollbars {
  scrollbar-width: thin !important;
}
.show-scrollbars ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.show-scrollbars ::-webkit-scrollbar:hover {
  width: 3px;
  height: 3px;
}
.show-scrollbars ::-webkit-scrollbar-track {
  background: transparent;
}
.show-scrollbars ::-webkit-scrollbar-track:hover {
  background: transparent;
}
.show-scrollbars ::-webkit-scrollbar-thumb {
  background: var(--color-border-primary);
  border-radius: 1px;
}
.show-scrollbars ::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-primary);
}