.src-components-Loader-styles__loader--\[fullhash\] {
  position: absolute;
  inset: 0;
  background: var(--gamePageBackgroundColorTransparent)
    url(/assets/b7e3980dd6ecfb8a07fd.svg) no-repeat 50% 50%;
  background-size: 30px;
  z-index: 2;
  opacity: 0.85;
  display: none;
  align-items: center;
}

.src-components-Loader-styles__active--\[fullhash\] {
  display: flex;
}

.src-components-Loader-styles__global--\[fullhash\] {
  position: fixed;
}

.src-components-Loader-styles__inline--\[fullhash\] {
  position: static;
  background-color: transparent;
}

.src-components-Loader-styles__container--\[fullhash\] {
  margin: 0 auto;
  width: 46px;
  height: 46px;
  position: relative;
  transform: rotate(40deg);
  animation: src-components-Loader-styles__rotate--\[fullhash\] 0.35s infinite linear both;
}

.src-components-Loader-styles__small--\[fullhash\] {
  background-size: 14px;

  .src-components-Loader-styles__container--\[fullhash\] {
    max-width: 24px;
    max-height: 24px;
  }
}

.src-components-Loader-styles__halfclip--\[fullhash\] {
  width: 50%;
  height: 100%;
  right: 0;
  position: absolute;
  overflow: hidden;
  transform-origin: left center;
  transform: rotate(-40deg);
}

.src-components-Loader-styles__halfcircle--\[fullhash\] {
  box-sizing: border-box;
  height: 100%;
  right: 0;
  position: absolute;
  border: 2px solid transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
}

.src-components-Loader-styles__clipped--\[fullhash\] {
  width: 200%;
  transform: rotate(40deg);
}

.src-components-Loader-styles__fixed--\[fullhash\] {
  width: 100%;
  transform: rotate(180deg);
}

@keyframes src-components-Loader-styles__rotate--\[fullhash\] {
  0% {
    transform: rotate(0);
  }

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

.src-components-Menu-styles__root--\[fullhash\] {
  flex-direction: column;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 18px;
  height: 90px;
  line-height: 90px;
}

.device-mobile .src-components-Menu-styles__root--\[fullhash\] {
  height: 56px;
  line-height: 56px;
}

.src-components-Menu-styles__title--\[fullhash\] {
  position: relative;
  padding: 0 30px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  outline: none;
}

.src-components-Menu-styles__root--\[fullhash\]::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  border-bottom: 5px solid #fff;
  opacity: 0;
}

.device-mobile .src-components-Menu-styles__root--\[fullhash\]::before {
  left: 15px;
  right: 10px;
}

.src-components-Menu-styles__active--\[fullhash\]::before {
  opacity: 1;
}

.src-components-Menu-styles__title--\[fullhash\]::after {
  content: '';
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggZmlsbD0iI0Y2RjZGNiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNSA2IDUtNkgweiIvPjwvc3ZnPg==);
  width: 10px;
  height: 6px;
  background-size: 10px 6px;
  margin-left: 8px;
}

.src-components-Menu-styles__dropdownExpandingWidthWrapper--\[fullhash\] {
  position: absolute;
  top: 90px;
  min-width: 800px;
}

.device-mobile .src-components-Menu-styles__dropdownExpandingWidthWrapper--\[fullhash\] {
  max-width: 30%;
  top: 55px;
}

.src-components-Menu-styles__dropdown--\[fullhash\] {
  line-height: 44px;
  background: #fff;
  min-width: 250px;
  position: absolute;
  color: #1a1a1a;
  max-height: 80vh;
  overflow-y: auto;
  top: 0;
  z-index: 1;
  padding: 6px 0;
}

.src-components-Menu-styles__rightDropdownWrapper--\[fullhash\] {
  left: 30px;
}

.device-mobile .src-components-Menu-styles__rightDropdownWrapper--\[fullhash\] {
  left: 15px;
}

.src-components-Menu-styles__rightDropdown--\[fullhash\] {
  left: 0;
}

.src-components-Menu-styles__leftDropdownWrapper--\[fullhash\] {
  right: 10px;
}

.src-components-Menu-styles__leftDropdown--\[fullhash\] {
  right: 0;
}

.src-components-Menu-styles__link--\[fullhash\] {
  text-decoration: none;
  color: #1a1a1a;
  display: block;
  line-height: 50px;
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.3s;
}

.device-mobile .src-components-Menu-styles__link--\[fullhash\] {
  max-width: 200px;
  line-height: 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.device-desktop .src-components-Menu-styles__link--\[fullhash\]:hover {
  background: #70737b;
  color: #fff;
}

.src-components-Menu-styles__submenu--\[fullhash\] {
  padding: 6px 0;
  border-bottom: 1px solid #e5e5e5;
}

.src-components-Menu-styles__submenuLink--\[fullhash\] {
  text-decoration: none;
  color: #1a1a1a;
  display: block;
  line-height: 42px;
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.3s;
}

.device-desktop .src-components-Menu-styles__submenuLink--\[fullhash\]:hover {
  background: #70737b;
  color: #fff;
}

.src-components-ModsMenu-styles__title--\[fullhash\] {
  font-weight: bold;
  font-size: 20px;
  font-family: SourceSansPro, sans-serif;
  padding: 0 30px;
}

.device-mobile .src-components-ModsMenu-styles__title--\[fullhash\] {
  padding: 0 15px;
}

.src-components-SignInDialog-styles__loginHeader--\[fullhash\] {
  background-color: #fff;
  color: #000;
  text-align: center;
  font-size: 18px;
  line-height: 1.33;
  padding-top: 50px;
}

.src-components-SignInDialog-styles__modalWrapper--\[fullhash\] {
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  position: fixed;
  z-index: 1;
}

.src-components-SignInDialog-styles__root--\[fullhash\] {
  display: block;
}

.src-components-SignInDialog-styles__modalWrapper--\[fullhash\] .src-components-SignInDialog-styles__root--\[fullhash\] {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.src-components-SignInDialog-styles__loginTitle--\[fullhash\] {
  font-weight: bold;
  margin-bottom: 10px;
}

.src-components-SignInDialog-styles__loginMain--\[fullhash\] {
  width: 681px;
  background-color: #fff;
  text-align: center;
  padding: 30px 0 50px;
}

.src-components-SignInDialog-styles__button--\[fullhash\] {
  padding: 5px 56px;
  margin: 0 30px 0 0;
  border-radius: 40px;
  font-weight: normal;
  font-size: 16px;
}

.src-components-SignInDialog-styles__dsaInfo--\[fullhash\] {
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 681px;
}

@media (max-width: 992px) {
  .src-components-SignInDialog-styles__loginTitle--\[fullhash\] {
    font-size: 18px;
  }

  .src-components-SignInDialog-styles__loginHeader--\[fullhash\] {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    width: 335px;
    font-size: 16px;
  }

  .src-components-SignInDialog-styles__loginMain--\[fullhash\] {
    width: 295px;
    padding: 20px 0 30px;
  }
}

.src-components-Actions-SubActions-styles__subActionsDropdownVisible--\[fullhash\] {
  background-color: #5abe41;
  color: #f6f6f6;
}

.src-components-Actions-SubActions-styles__subActionsDropdown--\[fullhash\] {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  background-color: #42454f;
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.6);
}

.src-components-Actions-SubActions-styles__subActionsDropdownVisible--\[fullhash\] .src-components-Actions-SubActions-styles__subActionsDropdown--\[fullhash\] {
  display: block;
}

.src-components-Actions-SubActions-styles__actionsButton--\[fullhash\]::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 11px;
  width: 6px;
  height: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgNiAxMCI+PHBhdGggZmlsbD0iI0FDQUVCMSIgZD0iTS4yMyAxLjI3N0EuNzIzLjcyMyAwIDAgMSAuMjMuMjJhLjgxLjgxIDAgMCAxIDEuMTA3IDBsNC4zNzcgNC4yMjVhLjcyNC43MjQgMCAwIDEgMCAxLjA1OEwxLjMzNyA5LjcyOGEuODEuODEgMCAwIDEtMS4xMDcgMCAuNzIzLjcyMyAwIDAgMSAwLTEuMDU3bDMuNTktMy42OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 6px 10px;
}

.src-components-Actions-SubActions-styles__root--\[fullhash\]:hover .src-components-Actions-SubActions-styles__actionsButton--\[fullhash\]::after,
.src-components-Actions-SubActions-styles__subActionsDropdownVisible--\[fullhash\] .src-components-Actions-SubActions-styles__actionsButton--\[fullhash\]::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgNiAxMCI+PHBhdGggZmlsbD0iI0Y2RjZGNiIgZD0iTS4yMyAxLjI3N0EuNzIzLjcyMyAwIDAgMSAuMjMuMjJhLjgxLjgxIDAgMCAxIDEuMTA3IDBsNC4zNzcgNC4yMjVhLjcyNC43MjQgMCAwIDEgMCAxLjA1OEwxLjMzNyA5LjcyOGEuODEuODEgMCAwIDEtMS4xMDcgMCAuNzIzLjcyMyAwIDAgMSAwLTEuMDU3bDMuNTktMy42OTl6Ii8+PC9zdmc+);
}

.src-components-Actions-SubActions-styles__subAction--\[fullhash\] {
  color: rgba(255, 255, 255, 0.6);
  line-height: 33px;
  height: 33px;
  padding: 0 14px;
  white-space: nowrap;
}

.device-desktop .src-components-Actions-SubActions-styles__subAction--\[fullhash\]:hover {
  background-color: #5abe41;
  color: #f6f6f6;
}

.src-components-Actions-SubActions-styles__subActionDisabled--\[fullhash\] {
  opacity: 0.5;
  cursor: default;
}

.device-desktop .src-components-Actions-SubActions-styles__subActionDisabled--\[fullhash\]:hover {
  background-color: inherit;
  color: inherit;
}

.src-components-Actions-SubActions-styles__subAction--\[fullhash\]:first-child {
  border-radius: 3px 3px 0 0;
}

.src-components-Actions-SubActions-styles__subAction--\[fullhash\]:last-child {
  border-radius: 0 0 3px 3px;
}

.src-components-Actions-styles__root--\[fullhash\] {
  font-size: 14px;
}

.src-components-Actions-styles__action--\[fullhash\] {
  position: relative;
  line-height: 33px;
  height: 33px;
  padding: 0 14px;
  white-space: nowrap;
}

.device-desktop .src-components-Actions-styles__action--\[fullhash\]:hover {
  cursor: pointer;
  background-color: #5abe41;
  color: #f6f6f6;
}

.src-components-Actions-styles__actionDisabled--\[fullhash\] {
  opacity: 0.5;
}

.device-desktop .src-components-Actions-styles__actionDisabled--\[fullhash\]:hover {
  cursor: default;
  background-color: inherit;
  color: inherit;
}

/* common */
.src-components-Button-styles__root--\[fullhash\] {
  position: relative;
  color: #2c2c2c;
  border-radius: 18px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: SourceSansPro, sans-serif;
  cursor: pointer;
  border: 0;
  background: transparent;
  vertical-align: top;
  padding: 0;
}

.src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] {
  pointer-events: none;
}

.src-components-Button-styles__root--\[fullhash\]:focus,
.src-components-Button-styles__root--\[fullhash\]:active {
  outline: none;
}

.device-mobile .src-components-Button-styles__root--\[fullhash\] {
  font-size: 14px;
}

.src-components-Button-styles__regular--\[fullhash\] {
  line-height: 32px;
  height: 40px;
}

.src-components-Button-styles__small--\[fullhash\] {
  line-height: 29px;
  height: 31px;
}

.src-components-Button-styles__smaller--\[fullhash\],
.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__smaller--\[fullhash\] {
  line-height: 24px;
  height: 26px;
  font-size: 12px;
}

.src-components-Button-styles__content--\[fullhash\] {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3px 18px 0;
  transition: all 0.3s;
}

.device-mobile .src-components-Button-styles__content--\[fullhash\] {
  padding-left: 16px;
  padding-right: 16px;
}

.device-desktop .src-components-Button-styles__content--\[fullhash\]:hover {
  color: #fff;
}

/* icon only */
.src-components-Button-styles__iconOnly--\[fullhash\].src-components-Button-styles__smaller--\[fullhash\] {
  width: 28px;
  height: 28px;
}

.src-components-Button-styles__iconOnly--\[fullhash\] .src-components-Button-styles__content--\[fullhash\] {
  text-align: center;
  padding: 8px;
}

.src-components-Button-styles__iconOnly--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  margin-right: 0;
  vertical-align: 0;
}

.device-desktop .src-components-Button-styles__iconOnly--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: rgba(255, 255, 255, 0.4);
}

.src-components-Button-styles__noIcon--\[fullhash\] .src-components-Button-styles__content--\[fullhash\],
.src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__noIcon--\[fullhash\] .src-components-Button-styles__content--\[fullhash\] {
  padding: 4px 16px 0 16px;
  justify-content: center;
}

.src-components-Button-styles__label--\[fullhash\] {
  position: relative;
}

.src-components-Button-styles__bg--\[fullhash\] {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  transition: all 0.3s;
}

.src-components-Button-styles__green--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background: #35be4f;
  border: 2px solid #2d9640;
}

.device-desktop .src-components-Button-styles__green--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: #299940;
}

.src-components-Button-styles__red--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background: #fe0542;
  border: 2px solid #fe0542;
}

.device-desktop .src-components-Button-styles__red--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: #cb0436;
  border-color: #ad0630;
}

.src-components-Button-styles__orange--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background: #f2a83b;
  border: 2px solid #f2a83b;
}

.device-desktop .src-components-Button-styles__orange--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: #d68a24;
  border-color: #bd7a20;
}

/*
 * Dimmed buttons sit quietly in grey until hovered; the color variants'
 * own hover rules are more specific than this base, so the button's real
 * color takes over on hover without per-color overrides.
 */
.src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__dim--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background: rgba(155, 155, 155, 0.2);
  border-color: transparent;
}

.src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__dim--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #d0d0d0;
}

.src-components-Button-styles__grey--\[fullhash\] {
  color: #fff;
}

.src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background: #697582;
  border: 1px solid #58636e;
}

.src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #fff;
}

.device-desktop .src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover {
  color: #2c2c2c;
}

.device-desktop .src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: #fff;
  border-color: #d0d5da;
}

.device-desktop .src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #2c2c2c;
}

.src-components-Button-styles__black--\[fullhash\] {
  color: #fff;
  font-size: 14px;
}

.src-components-Button-styles__black--\[fullhash\] .src-components-Button-styles__content--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.2);
}

.src-components-Button-styles__black--\[fullhash\] .src-components-Button-styles__content--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #fff;
}

.src-components-Button-styles__black--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__black--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background-color: rgba(30, 30, 30, 0.8);
  border-color: rgba(45, 45, 45, 0.2);
}

.src-components-Button-styles__game--\[fullhash\] {
  color: #fff;
  font-size: 14px;
}

.src-components-Button-styles__game--\[fullhash\].src-components-Button-styles__submit--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background-color: var(--gamePageActiveColor);
}

.src-components-Button-styles__game--\[fullhash\].src-components-Button-styles__submit--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background-color: var(--gamePageActiveColorTransparent);
  border-color: rgba(0, 0, 0, 0.2);
}

.src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__game--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] {
  color: rgba(0, 0, 0, 0.4);
}

.src-components-Button-styles__game--\[fullhash\] .src-components-Button-styles__content--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #fff;
}

.src-components-Button-styles__game--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
}

.src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__game--\[fullhash\].src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  border-color: rgba(255, 255, 255, 0.3);
}

.src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__game--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.15);
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__game--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\],
.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__game--\[fullhash\].src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: var(--gamePageActiveColorTransparent);
  border-color: var(--gamePageActiveColor);
}

.src-components-Button-styles__icon--\[fullhash\] {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

.src-components-Button-styles__icon-reset--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  vertical-align: -2px;
}

.src-components-Button-styles__icon-heart--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-heartOutlined--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  width: 18px;
  height: 18px;
  fill: #fff; /* Workaround to still show icon for fill: inherit hover class added for buttons with actions */
}

.src-components-Button-styles__icon-download--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-report--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  margin-top: -3px;
}

.src-components-Button-styles__icon-upload--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-pen--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-reset--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-star--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-share--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-install--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\],
.src-components-Button-styles__icon-installed--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  margin-top: -2px;
}

.src-components-Button-styles__icon-message--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  height: 20px;
  width: 20px;
}

.src-components-Button-styles__hasActions--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  margin-top: 0;
}

.src-components-Button-styles__smaller--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] {
  vertical-align: -3px;
}

.src-components-Button-styles__icon--\[fullhash\] path {
  fill: currentColor;
  transition: all 0.3s;
}

.device-desktop .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #fff;
}

.src-components-Button-styles__white--\[fullhash\] .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #fff;
}

.src-components-Button-styles__disabled--\[fullhash\],
.device-desktop .src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover {
  color: #7d7d7d;
  cursor: default;
}

.src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\],
.device-desktop .src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: #adadad;
  border-color: #adadad;
}

.device-desktop .src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__icon--\[fullhash\] path {
  fill: inherit;
}

/* outline */
.src-components-Button-styles__outline--\[fullhash\] {
  color: #eee;
  text-decoration: none;
  font-weight: 700;
  border-radius: 30px;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  border: 2px solid #eee;
  background: none;
}

.src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__content--\[fullhash\] {
  padding: 2px 15px 0;
}

.device-desktop .src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  border-color: #dadada;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] {
  color: #333;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  border-color: #333;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] {
  color: #777;
  cursor: default;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  border-color: #666;
  background: rgba(255, 255, 255, 0.08);
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover {
  opacity: 1;
  color: #777;
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: rgba(255, 255, 255, 0.08);
  border-color: #666;
}

.src-components-Button-styles__outline--\[fullhash\]:active {
  outline: none;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__black--\[fullhash\] {
  color: #2c2c2c;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__black--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  background-color: transparent;
  border-color: #2c2c2c;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\] {
  color: #f6f6f6;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  border-color: #f6f6f6;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__grey--\[fullhash\] {
  color: #fff;
}

.src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  border-color: #fff;
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover,
.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__black--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover,
.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover {
  opacity: 0.8;
  color: #fff;
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\],
.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__black--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\],
.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__white--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: #697582;
  border-color: #697582;
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover {
  opacity: 1;
  color: #2c2c2c;
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__bg--\[fullhash\] {
  background: #fff;
  border-color: #697582;
}

.device-desktop .src-components-Button-styles__root--\[fullhash\].src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__grey--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover .src-components-Button-styles__icon--\[fullhash\] path {
  fill: #2c2c2c;
}

.device-desktop .src-components-Button-styles__outline--\[fullhash\].src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__content--\[fullhash\]:hover {
  opacity: 1;
}

/* actions */
.src-components-Button-styles__hasActions--\[fullhash\] .src-components-Button-styles__bg--\[fullhash\] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.src-components-Button-styles__hasActions--\[fullhash\] .src-components-Button-styles__content--\[fullhash\] {
  padding-right: 8px;
  display: inline-block;
}

.src-components-Button-styles__actions--\[fullhash\] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 40px;
  border-radius: 0 18px 18px 0;
  font-size: 16px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
  text-transform: none;
  font-weight: normal;
  font-family: SourceSansPro, sans-serif;
}

.src-components-Button-styles__actionsButton--\[fullhash\] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 44px;
  border-width: 1px;
  border-style: solid;
  border-color: #2d9640 #2d9640 #2d9640 #2b8f3c;
  border-radius: 0 18px 18px 0;
  background: #35be4f;
}

.src-components-Button-styles__actionsButton--\[fullhash\]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 7px;
  margin-left: -8px;
  margin-top: -3.5px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTQgNyI+PHBhdGggZD0iTTEuODc1IDYuNzMyYy0uNC4zNTctMS4wNDUuMzU3LTEuNDQxIDBhLjg0Ni44NDYgMCAwIDEgMC0xLjI5Mkw2LjE5Mi4zMzNhMS4xMDUgMS4xMDUgMCAwIDEgMS40NDMgMGw1Ljc1OCA1LjEwN2EuODQ4Ljg0OCAwIDAgMSAwIDEuMjkyYy0uNC4zNTctMS4wNDUuMzU3LTEuNDQxIDBsLTUuMDQtNC4xODh6Ii8+PC9zdmc+) 50% 50%
    no-repeat;
  background-size: 14px 7px;
  transform: rotate(180deg);
}

.src-components-Button-styles__actionsDropdownVisible--\[fullhash\] .src-components-Button-styles__actionsButton--\[fullhash\]::before {
  transform: rotate(0deg);
}

.device-desktop .src-components-Button-styles__actionsButton--\[fullhash\]:hover,
.src-components-Button-styles__actionsDropdownVisible--\[fullhash\] .src-components-Button-styles__actionsButton--\[fullhash\] {
  background: #2a8d3c;
}

.device-desktop .src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__actionsButton--\[fullhash\]:hover,
.src-components-Button-styles__disabled--\[fullhash\] .src-components-Button-styles__actionsButton--\[fullhash\] {
  border-color: #adadad #adadad #adadad#42454f;
  background: #adadad;
}

.src-components-Button-styles__actionsDropdown--\[fullhash\] {
  position: absolute;
  top: 100%;
  left: 100%;
  margin-left: -44px;
  display: none;
  border: 2px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  background-color: #42454f;
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
  z-index: 3;
}

.src-components-Button-styles__actionsDropdownVisible--\[fullhash\] .src-components-Button-styles__actionsDropdown--\[fullhash\] {
  display: block;
}

.src-components-Button-styles__action--\[fullhash\]:first-child {
  border-radius: 3px 3px 0 0;
}

.src-components-Button-styles__action--\[fullhash\]:last-child {
  border-radius: 0 0 3px 3px;
}

.src-components-DSAReportInfo-styles__container--\[fullhash\] {
  background-color: #383838;
  border: 1px solid #5c5c5c;
  padding: 10px;
}


.src-components-DSAReportInfo-styles__inverted--\[fullhash\] {
  background-color: #f5f5f5;
  border: 1px solid #ccc;

  & > a {
    color: #000;
  }
}

.src-components-AccountMenu-styles__root--\[fullhash\] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.src-components-AccountMenu-styles__root--\[fullhash\]::before {
  left: 35px;
  right: 10px;
}

.device-mobile .src-components-AccountMenu-styles__root--\[fullhash\]::before {
  left: 0;
}

.src-components-AccountMenu-styles__title--\[fullhash\] {
  font-size: 14px;
  font-family: SourceSansPro, sans-serif;
  font-weight: bold;
  line-height: 40px;
  transition: all 0.3s;
  padding: 0 20px;
  margin: 0 10px 0 35px;
  border-radius: 8px;
  display: block;
  white-space: nowrap;
}

.device-mobile .src-components-AccountMenu-styles__title--\[fullhash\] {
  margin-left: 0;
}

.device-desktop .src-components-AccountMenu-styles__title--\[fullhash\]:hover,
.src-components-AccountMenu-styles__open--\[fullhash\] .src-components-AccountMenu-styles__title--\[fullhash\] {
  background: #878a8f;
  color: #010101;
}

.src-components-AccountMenu-styles__titleText--\[fullhash\] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
  vertical-align: top;
}

.device-mobile .src-components-AccountMenu-styles__titleText--\[fullhash\] {
  max-width: 100px;
}

.src-components-AccountMenu-styles__title--\[fullhash\]::after {
  transition: all 0.3s;
}

.device-desktop .src-components-AccountMenu-styles__title--\[fullhash\]:hover::after,
.src-components-AccountMenu-styles__open--\[fullhash\] .src-components-AccountMenu-styles__title--\[fullhash\]::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggZmlsbD0iIzAxMDEwMSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNSA2IDUtNkgweiIvPjwvc3ZnPg==);
}

.src-components-AccountMenu-styles__signoutLink--\[fullhash\] {
  background: #f6f6f6;
}

.src-components-AccountMenu-styles__menuItem--\[fullhash\] {
  position: relative;
  padding-right: 50px;
}

.src-components-AccountMenu-styles__menuItem--\[fullhash\]::after {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDEyIDExIj48cGF0aCBmaWxsPSIjMUM5M0Y5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im02IDktMy41MjcgMS44NTQuNjc0LTMuOTI3TC4yOTQgNC4xNDZsMy45NDMtLjU3M0w2IDBsMS43NjMgMy41NzMgMy45NDMuNTczLTIuODUzIDIuNzgxLjY3NCAzLjkyN3oiLz48L3N2Zz4=) no-repeat 50% 50%;
  background-size: 18px;
}

.src-components-ClickOutsideWrapper-styles__wrapper--\[fullhash\] {
  height: inherit;
}

.src-components-LanguageSwitcher-styles__root--\[fullhash\].src-components-LanguageSwitcher-styles__active--\[fullhash\]::before {
  opacity: 1;
}

.src-components-LanguageSwitcher-styles__root--\[fullhash\] {
  height: 100%;
  display: flex;
  align-items: center;
  color: #959595;
  font-size: 12px;
  cursor: pointer;
  padding: 0;
  font-family: SourceSansPro, sans-serif;
}

.src-components-LanguageSwitcher-styles__root--\[fullhash\]::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 5px solid #fff;
  opacity: 0;
}

.src-components-LanguageSwitcher-styles__icon--\[fullhash\] {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  background: url(/assets/8a94081d82b2e6235830.svg);
}

.src-components-LanguageSwitcher-styles__dropdownContainer--\[fullhash\] {
  position: relative;
  height: 100%;
}

.src-components-LanguageSwitcher-styles__content--\[fullhash\] {
  position: absolute;
  margin-left: -16px;
  line-height: 44px;
  background: #fff;
  color: #1a1a1a;
  min-width: 250px;
  right: 0;
  z-index: 1;
  padding: 6px 0;
  overflow-y: scroll;
  height: 80vh;
}

.src-components-LanguageSwitcher-styles__contentItem--\[fullhash\] {
  text-decoration: none;
  color: #1a1a1a;
  display: block;
  line-height: 60px;
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.3s;
}

.src-components-LanguageSwitcher-styles__contentItem--\[fullhash\]:hover {
  background-color: #70737b;
  color: #fff;
}

@media (max-width: 992px) {
  .src-components-LanguageSwitcher-styles__root--\[fullhash\] {
    display: none;
  }
}

.src-components-UploadButton-styles__header--\[fullhash\] {
  flex: none;
  height: 90px;
  background: #08090d;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
}

.src-components-UploadButton-styles__headerContent--\[fullhash\] {
  max-width: var(--width-inner-container);
  width: 100%;
  margin: 0 auto;
}

.src-components-UploadButton-styles__headerContentInner--\[fullhash\] {
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.src-components-UploadButton-styles__logo--\[fullhash\] img {
  width: 35px;
  height: 35px;
  display: block;
}

.src-components-UploadButton-styles__logo--\[fullhash\] a {
  padding-left: 0;
}

.src-components-UploadButton-styles__menuWrapper--\[fullhash\] {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}

.src-components-UploadButton-styles__userActions--\[fullhash\] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 992px) {
  .src-components-UploadButton-styles__header--\[fullhash\] {
    height: 56px;
  }

  .src-components-UploadButton-styles__uploadButton--\[fullhash\] {
    display: none;
  }

  .src-components-UploadButton-styles__accountMenu--\[fullhash\] {
    right: -10px;
  }
}

.src-components-Header-styles__header--\[fullhash\] {
  flex: none;
  height: 90px;
  background: #08090d;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  box-shadow: 0 0 24px 8px rgba(8, 9, 13, 0.33);
}

.src-components-Header-styles__headerContent--\[fullhash\] {
  max-width: var(--width-inner-container);
  width: 100%;
  margin: 0 auto;
}

.src-components-Header-styles__headerContentInner--\[fullhash\] {
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.src-components-Header-styles__logo--\[fullhash\] img {
  height: 45px;
  display: block;
}

.src-components-Header-styles__logo--\[fullhash\] a {
  padding-left: 0;
}

.src-components-Header-styles__menuWrapper--\[fullhash\] {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}

.src-components-Header-styles__userActions--\[fullhash\] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.src-components-Header-styles__itemWrapper--\[fullhash\] {
  height: 90px;
}

@media (max-width: 992px) {
  .src-components-Header-styles__header--\[fullhash\] {
    height: 56px;
  }

  .src-components-Header-styles__uploadButton--\[fullhash\] {
    display: none;
  }

  .src-components-Header-styles__accountMenu--\[fullhash\] {
    right: -10px;
  }

  .src-components-Header-styles__logo--\[fullhash\] img {
    height: 32px;
  }
}

.src-components-Footer-styles__footer--\[fullhash\] {
  position: relative;
  flex: none;
  background: #1a1a1a;
  width: 100%;

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}

.src-components-Footer-styles__footerContent--\[fullhash\] {
  max-width: var(--width-inner-container);
  width: 100%;
  margin: 0 auto;
}

.src-components-Footer-styles__links--\[fullhash\] {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 10px;
  width: 100%;
}

.src-components-Footer-styles__linksColumn--\[fullhash\] {
  width: 50%;
  padding-top: 40px;
  padding-right: 20px;
}

.src-components-Footer-styles__logo--\[fullhash\] {
  padding-top: 0;
  width: 100%;
}

.src-components-Footer-styles__socialMedia--\[fullhash\] {
  width: 100%;
}

.src-components-Footer-styles__linksTitle--\[fullhash\] {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 0 2px;
  color: #adadad;
}

.src-components-Footer-styles__icons--\[fullhash\] {
  padding: 5px 0 20px;
  display: flex;
  align-items: center;
}

.src-components-Footer-styles__icons--\[fullhash\] li {
  margin-right: 10px;
}

.src-components-Footer-styles__footer--\[fullhash\] a {
  color: #eee;
  text-decoration: none;
  font-size: 13px;
}

.src-components-Footer-styles__icons--\[fullhash\] a {
  background: #eee;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.device-desktop .src-components-Footer-styles__footer--\[fullhash\] a:hover {
  color: #bbb;
}

.device-desktop .src-components-Footer-styles__icons--\[fullhash\] a:hover {
  background: #bbb;
}

.src-components-Footer-styles__icon--\[fullhash\] {
  width: 13px;
  height: 13px;
  background: 50% 50% no-repeat;
}

.src-components-Footer-styles__facebookIcon--\[fullhash\] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MzAuMTEzIDQzMC4xMTQiPjxwYXRoIGZpbGw9IiMxYTFhMWEiIGQ9Ik0xNTguMDgxIDgzLjN2NTkuMjE4aC00My4zODV2NzIuNDEyaDQzLjM4NXYyMTUuMTgzaDg5LjEyMlYyMTQuOTM2aDU5LjgwNXM1LjYwMS0zNC43MjEgOC4zMTYtNzIuNjg1SDI0Ny41NFY5Mi43NGMwLTcuNCA5LjcxNy0xNy4zNTQgMTkuMzIxLTE3LjM1NGg0OC41NTdWLjAwMWgtNjYuMDIxQzE1NS44NzgtLjAwNCAxNTguMDgxIDcyLjQ4IDE1OC4wODEgODMuMyIvPjwvc3ZnPg==);
}

.src-components-Footer-styles__twitterIcon--\[fullhash\] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxNSI+PHBhdGggZmlsbD0iIzFhMWExYSIgZD0ibTE2LjUxNiAzLjcyMi4wMTEuNDg4YzAgNC45OS0zLjc5NyAxMC43NDItMTAuNzQgMTAuNzQyLTIuMTMzIDAtNC4xMTYtLjYyNS01Ljc4Ny0xLjY5N3EuNDQ0LjA1My45LjA1M2MxLjc3IDAgMy4zOTctLjYwNCA0LjY4OC0xLjYxNWEzLjc4IDMuNzggMCAwIDEtMy41MjYtMi42MjEgMy44NiAzLjg2IDAgMCAwIDEuNzA1LS4wNjVBMy43OCAzLjc4IDAgMCAxIC43MzkgNS4zMDR2LS4wNDdhMy44IDMuOCAwIDAgMCAxLjcxLjQ3M0EzLjc3NSAzLjc3NSAwIDAgMSAxLjI4MS42ODlhMTAuNzIgMTAuNzIgMCAwIDAgNy43ODEgMy45NDUgMy44IDMuOCAwIDAgMS0uMDk3LS44NjFBMy43NzMgMy43NzMgMCAwIDEgMTIuNzM5IDBhMy43NyAzLjc3IDAgMCAxIDIuNzU2IDEuMTkxIDcuNiA3LjYgMCAwIDAgMi4zOTctLjkxNiAzLjggMy44IDAgMCAxLTEuNjYgMi4wODggNy42IDcuNiAwIDAgMCAyLjE2OC0uNTk0IDcuNiA3LjYgMCAwIDEtMS44ODQgMS45NTMiLz48L3N2Zz4=);
}

.src-components-Footer-styles__youtubeIcon--\[fullhash\] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEuNiAzNjUuNSI+PHBhdGggZmlsbD0iIzFhMWExYSIgZD0iTTUxMS4zIDEzOS45cS0uMy0xNS40NS0yLjQtMzljLTEuNC0xNS43LTMuNS0yOS43LTYuMS00Mi4xLTMtMTMuOS05LjctMjUuNi0xOS44LTM1LjEtMTAuMi05LjUtMjItMTUtMzUuNS0xNi42QzQwNS4xIDIuNCAzNDEuMyAwIDI1NS44IDAgMTcwLjQgMCAxMDYuNSAyLjQgNjQuMiA3LjFjLTEzLjUgMS41LTI1LjMgNy0zNS40IDE2LjYtMTAuMSA5LjUtMTYuNiAyMS4yLTE5LjcgMzUuMS0yLjkgMTIuNC01IDI2LjQtNi40IDQyLjFxLTIuMSAyMy41NS0yLjQgMzljLS4yIDEwLjMtLjMgMjQuNi0uMyA0Mi44IDAgMTguMy4xIDMyLjYuMyA0Mi44cS4zIDE1LjQ1IDIuNCAzOWMxLjQgMTUuNyAzLjUgMjkuNyA2LjEgNDIuMSAzIDEzLjkgOS43IDI1LjYgMTkuOCAzNS4xIDEwLjIgOS41IDIyIDE1IDM1LjUgMTYuNiA0Mi4zIDQuOCAxMDYuMSA3LjEgMTkxLjYgNy4xczE0OS4zLTIuNCAxOTEuNi03LjFjMTMuNS0xLjUgMjUuMy03IDM1LjQtMTYuNiAxMC4xLTkuNSAxNi43LTIxLjIgMTkuNy0zNS4xIDIuOS0xMi40IDUtMjYuNCA2LjQtNDIuMXEyLjEtMjMuNTUgMi40LTM5Yy4yLTEwLjMuMy0yNC42LjMtNDIuOC4xLTE4LjIgMC0zMi41LS4yLTQyLjhtLTE1NC40IDU4LjItMTQ2LjIgOTEuNGMtMi43IDEuOS01LjkgMi45LTkuNyAyLjktMi45IDAtNS44LS44LTguOC0yLjMtNi4zLTMuNC05LjQtOC44LTkuNC0xNlY5MS40YzAtNy4yIDMuMS0xMi42IDkuNC0xNnE5Ljc1LTUuMSAxOC42LjZMMzU3IDE2Ny40YzUuNyAzLjIgOC42IDguNCA4LjYgMTUuNC0uMiA3LTMgMTIuMS04LjcgMTUuMyIvPjwvc3ZnPg==);
}

.src-components-Footer-styles__twitchIcon--\[fullhash\] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MSA1MiI+PHBhdGggZmlsbD0iIzFhMWExYSIgZD0iTTUwIDBINC41Yy0uNCAwLS43LjItLjkuNWwtMy41IDZjLS4xLjEtLjEuMy0uMS41djM3YzAgLjYuNCAxIDEgMWgxMXY2YzAgLjYuNCAxIDEgMWg3Yy4yIDAgLjUtLjEuNy0uM2w3LjUtNi43aDkuM2MuMyAwIC41LS4xLjctLjNsMTIuNS0xMS41Yy4yLS4yLjMtLjUuMy0uN1YxYzAtLjYtLjQtMS0xLTFNMjYgMjdjMCAuNi0uNCAxLTEgMWgtNGMtLjYgMC0xLS40LTEtMVYxNGMwLS42LjQtMSAxLTFoNGMuNiAwIDEgLjQgMSAxem0xMCAwYzAgLjYtLjQgMS0xIDFoLTRjLS42IDAtMS0uNC0xLTFWMTRjMC0uNi40LTEgMS0xaDRjLjYgMCAxIC40IDEgMXoiLz48L3N2Zz4=);
}

.src-components-Footer-styles__spotifyIcon--\[fullhash\] {
  background-image: url(/assets/bd5c6324b8da91265cf4.svg);
}

.src-components-Footer-styles__copyright--\[fullhash\] {
  background: #171717;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 12px;
  color: #747474;
  text-align: center;
}

.src-components-Footer-styles__footer--\[fullhash\] .src-components-Footer-styles__termsLink--\[fullhash\] {
  color: #7a48b2;
  text-decoration: none;
  font-size: 12px;
  display: block;
}

@media (min-width: 992px) {
  .src-components-Footer-styles__links--\[fullhash\] {
    justify-content: space-between;
  }

  .src-components-Footer-styles__linksColumn--\[fullhash\] {
    width: auto;
    padding-top: 0;
  }

  .src-components-Footer-styles__logo--\[fullhash\] {
    width: auto;
  }

  .src-components-Footer-styles__socialMedia--\[fullhash\] {
    width: auto;
  }
}

@media (max-width: 992px) {
  .src-components-Footer-styles__links--\[fullhash\] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.src-components-Notifications-Item-styles__root--\[fullhash\] {
  pointer-events: auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  width: 320px;
  padding: 12px;
  -webkit-backdrop-filter: blur(16px) contrast(0.75) brightness(0.5);
  backdrop-filter: blur(16px) contrast(0.75) brightness(0.5);
  background: var(--gamePageBackgroundColorTransparent);

  /* A soft severity-tinted wash over the backdrop makes the toast stand out
     against the page without abandoning the translucent look. */
  background-image: linear-gradient(90deg, var(--accentSoft), transparent 60%);
  box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.95);
  font-family: SourceSansPro, sans-serif;
  font-size: 15px;
  line-height: 21px;
  opacity: 0;
  overflow: hidden;
  transform: translateX(24px) scale(0.98);
  transition: opacity 0.3s ease, transform 0.3s ease;
  will-change: opacity, transform;
}

.src-components-Notifications-Item-styles__root--\[fullhash\]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--accent);
}

/* Decelerating curve on the way in so it settles rather than stops dead; the
   exit keeps .root's shorter, symmetric transition. */
.src-components-Notifications-Item-styles__visible--\[fullhash\] {
  opacity: 1;
  transform: none;
  transition: opacity 0.28s ease-out,
    transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}

.src-components-Notifications-Item-styles__success--\[fullhash\] {
  --accent: #61c554;
  --accentSoft: rgba(97, 197, 84, 0.18);
}

.src-components-Notifications-Item-styles__warning--\[fullhash\] {
  --accent: #f5a623;
  --accentSoft: rgba(245, 166, 35, 0.18);
}

.src-components-Notifications-Item-styles__danger--\[fullhash\] {
  --accent: #ef2f2f;
  --accentSoft: rgba(239, 47, 47, 0.18);
}

.src-components-Notifications-Item-styles__icon--\[fullhash\] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--accent);
}

.src-components-Notifications-Item-styles__success--\[fullhash\] .src-components-Notifications-Item-styles__icon--\[fullhash\] {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQgMTJBOS42IDkuNiAwIDAgMSAxMiAyLjRhOS42IDkuNiAwIDAgMSA5LjYgOS42IDkuNiA5LjYgMCAwIDEtOS42IDkuNkE5LjYgOS42IDAgMCAxIDIuNCAxMm03LjM5IDQuNTA1Yy4xOTcuMjUuNTA2LjM5NS44MzIuMzk1bC4wNDctLjAwMWMuMzQ0LS4wMTUuNjU4LS4xOS44NC0uNDY5bDUuMjMzLTguMDA4YS45Ny45NyAwIDAgMC0uMzM1LTEuMzcxYy0uNDktLjI5MS0xLjEzNC0uMTQ4LTEuNDM5LjMxOGwtNC40MjkgNi43OC0xLjc2MS0yLjIxN2ExLjA3NyAxLjA3NyAwIDAgMC0xLjQ2NC0uMTkzLjk2NC45NjQgMCAwIDAtLjIwMiAxLjM5NHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}

.src-components-Notifications-Item-styles__warning--\[fullhash\] .src-components-Notifications-Item-styles__icon--\[fullhash\] {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iLTIgLTEgMTkgMjEiPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjkzNSAxNS4yNjMgOC40NCAzLjI1MUEuNTEuNTEgMCAwIDAgOCAzYS41MS41MSAwIDAgMC0uNDQuMjUxTDEuMDY1IDE1LjI2M2EuNDguNDggMCAwIDAgLjAwNC40OTEuNTEuNTEgMCAwIDAgLjQzNi4yNDZoMTIuOTlhLjUxLjUxIDAgMCAwIC40MzYtLjI0Ni40OS40OSAwIDAgMCAuMDA0LS40OW0tNi4yMDctLjcwN0g3LjI3VjEzLjExaDEuNDU4ek03LjI3IDEyLjAyOGgxLjQ1OFY3LjMzM0g3LjI3eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}

.src-components-Notifications-Item-styles__danger--\[fullhash\] .src-components-Notifications-Item-styles__icon--\[fullhash\] {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wMjUgMy42MjVhOC40IDguNCAwIDEgMCAwIDE2LjggOC40IDguNCAwIDAgMCAwLTE2LjhtNC43ODkgMTEuNDYxLTEuNzI5IDEuNzI5LTMuMDYtMy4wNjEtMy4wNjEgMy4wNi0xLjcyOS0xLjcyOSAzLjA2Mi0zLjA2LTMuMDYxLTMuMDYxIDEuNzI5LTEuNzI4IDMuMDYgMy4wNiAzLjA2MS0zLjA2MSAxLjcyOSAxLjcyOS0zLjA2MiAzLjA2MXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}

.src-components-Notifications-Item-styles__text--\[fullhash\] {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
  align-self: center;
  overflow-wrap: anywhere;
}

.src-components-Notifications-Item-styles__close--\[fullhash\] {
  flex-shrink: 0;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: none;
  border: 0;
  padding: 0;
  margin: 0 -7px 0 -2px;
  cursor: pointer;
  line-height: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.45);
  transition: color 0.15s ease, background-color 0.15s ease;
}

.src-components-Notifications-Item-styles__close--\[fullhash\]:hover,
.src-components-Notifications-Item-styles__close--\[fullhash\]:focus-visible {
  color: rgba(255, 255, 255, 0.95);
  background-color: rgba(255, 255, 255, 0.15);
}

@media (prefers-reduced-motion: reduce) {
  .src-components-Notifications-Item-styles__root--\[fullhash\],
  .src-components-Notifications-Item-styles__visible--\[fullhash\] {
    transition: none;
    transform: none;
    will-change: auto;
  }
}

@media (max-width: 480px) {
  .src-components-Notifications-Item-styles__root--\[fullhash\] {
    width: 100%;
  }
}

.src-components-Notifications-styles__root--\[fullhash\] {
  position: fixed;
  top: 108px;
  right: 16px;
  left: 16px;
  padding: 4px;
  z-index: 30000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  pointer-events: none;
}

@media (max-width: 992px) {
  .src-components-Notifications-styles__root--\[fullhash\] {
    top: 72px;
    right: 16px;
    left: 16px;
  }
}

.src-components-UserBannedDialog-styles__header--\[fullhash\] {
  background-color: #fff;
  color: #000;
  text-align: center;
  font-size: 18px;
  line-height: 1.33;
  padding-top: 50px;
}

.src-components-UserBannedDialog-styles__modalWrapper--\[fullhash\] {
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  position: fixed;
  z-index: 1;
}

.src-components-UserBannedDialog-styles__dialog--\[fullhash\] {
  display: block;
  width: 681px;
}

.src-components-UserBannedDialog-styles__modalWrapper--\[fullhash\] .src-components-UserBannedDialog-styles__dialog--\[fullhash\] {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.src-components-UserBannedDialog-styles__title--\[fullhash\] {
  font-weight: bold;
  margin-bottom: 10px;
}

.src-components-UserBannedDialog-styles__buttons--\[fullhash\] {
  width: 681px;
  background-color: #fff;
  text-align: center;
  padding: 30px 0 50px;
}

.src-components-UserBannedDialog-styles__content--\[fullhash\] {
  padding: 0 50px;
}

.src-components-Popup-styles__root--\[fullhash\] {
  position: fixed;
  z-index: 20000;
  inset: 0 0 0 -1px;

  /* if we set `left: 0`, scroll inside popup content stops working */
  align-items: center;
  justify-content: center;
  display: flex;
}

.src-components-Popup-styles__overlay--\[fullhash\] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  transform: translate3d(0, 0, 0);
}

.src-components-Popup-styles__content--\[fullhash\] {
  position: relative;
  border-radius: 3px;
  background: #131716 linear-gradient(48.02deg, #0e1118 0%, #262e3f 100%);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5),
    inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  padding: 16px;
  display: flex;
  max-height: 95%;
  overflow: auto;
  color: #f6f6f6;

  /* to make scroll work for iOS devices */
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
}

.src-components-Popup-styles__close--\[fullhash\] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMjk1LjI5NWExLjAxIDEuMDEgMCAwIDEgMS40MjcgMGw5Ljk4MyA5Ljk4NGExLjAwOCAxLjAwOCAwIDEgMS0xLjQyNyAxLjQyNkwuMjk1IDEuNzIyYTEuMDEgMS4wMSAwIDAgMSAwLTEuNDI3IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMjk1IDExLjcwNWExLjAxIDEuMDEgMCAwIDEgMC0xLjQyN0wxMC4yOC4yOTVhMS4wMDggMS4wMDggMCAxIDEgMS40MjYgMS40MjdsLTkuOTgzIDkuOTgzYTEuMDEgMS4wMSAwIDAgMS0xLjQyNyAwIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
  background-size: 16px 16px;
  background-position: center;
  border-radius: 4px;
  z-index: 2;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s;

  &:hover {
    background-color: #ef2f2f;
  }
}

@media (max-width: 992px) {
  .src-components-Popup-styles__content--\[fullhash\] {
    margin: 10px;
  }
}

.src-components-Checkbox-styles__root--\[fullhash\] {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* default */
.src-components-Checkbox-styles__type_default--\[fullhash\] {
  text-align: left;
}

.src-components-Checkbox-styles__type_default--\[fullhash\] .src-components-Checkbox-styles__input--\[fullhash\] {
  visibility: hidden;
  margin: 0 8px 0 0;
}

.src-components-Checkbox-styles__type_default--\[fullhash\] .src-components-Checkbox-styles__checkbox--\[fullhash\] {
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.75);
  border-radius: 3px;
}

.src-components-Checkbox-styles__type_default--\[fullhash\] .src-components-Checkbox-styles__label--\[fullhash\] {
  margin-left: 5px;
}

.src-components-Checkbox-styles__type_default--\[fullhash\] .src-components-Checkbox-styles__input--\[fullhash\]:checked + .src-components-Checkbox-styles__checkbox--\[fullhash\] {
  border-color: var(--gamePageActiveColor);
  background: var(--gamePageActiveColor)
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MiIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBkPSJNMy42OTMgOS4zMjguMiA1LjQ2OGwxLjE2NC0xLjI4NyAyLjMyOCAyLjU3NCA0LjY1Ny01LjE0NyAxLjE2NCAxLjI4Ny01LjgyMSA2LjQzNFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMy42OTMgOS4zMjguMiA1LjQ2OGwxLjE2NC0xLjI4NyAyLjMyOCAyLjU3NCA0LjY1Ny01LjE0NyAxLjE2NCAxLjI4Ny01LjgyMSA2LjQzNFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMy42OTMgOS4zMjguMiA1LjQ2OGwxLjE2NC0xLjI4NyAyLjMyOCAyLjU3NCA0LjY1Ny01LjE0NyAxLjE2NCAxLjI4Ny01LjgyMSA2LjQzNFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=) no-repeat;
  background-size: 70%;
  background-position: center;
}

.src-components-Checkbox-styles__type_default--\[fullhash\] .src-components-Checkbox-styles__input--\[fullhash\]:checked + .src-components-Checkbox-styles__readonly--\[fullhash\] {
  border-color: #777;
  background: #777 url(/assets/34b1f3a37ee9675a01ca.svg) no-repeat;
  background-size: 55%;
  background-position: center;
}

.src-components-Checkbox-styles__type_default--\[fullhash\].src-components-Checkbox-styles__excluded--\[fullhash\] .src-components-Checkbox-styles__checkbox--\[fullhash\] {
  border-color: #fe0542;
  background: #fe0542 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMjk1LjI5NWExLjAxIDEuMDEgMCAwIDEgMS40MjcgMGw5Ljk4MyA5Ljk4NGExLjAwOCAxLjAwOCAwIDEgMS0xLjQyNyAxLjQyNkwuMjk1IDEuNzIyYTEuMDEgMS4wMSAwIDAgMSAwLTEuNDI3IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMjk1IDExLjcwNWExLjAxIDEuMDEgMCAwIDEgMC0xLjQyN0wxMC4yOC4yOTVhMS4wMDggMS4wMDggMCAxIDEgMS40MjYgMS40MjdsLTkuOTgzIDkuOTgzYTEuMDEgMS4wMSAwIDAgMS0xLjQyNyAwIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
  background-size: 60%;
  background-position: center;
}

/* switcher */
.src-components-Checkbox-styles__type_switcher--\[fullhash\] .src-components-Checkbox-styles__input--\[fullhash\] {
  position: absolute;
  margin: 5px 0 0 5px;
}

.src-components-Checkbox-styles__type_switcher--\[fullhash\] .src-components-Checkbox-styles__checkbox--\[fullhash\] {
  position: relative;
  line-height: 20px;
  font-size: 20px;
  padding: 0 0 0 30px;
}

.src-components-Checkbox-styles__type_switcher--\[fullhash\] .src-components-Checkbox-styles__checkbox--\[fullhash\]::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  background: #ff0048;
  transition: all 0.3s;
  width: 30px; /* x*5 */
  height: 20px; /* x*3 */
  border-radius: 10px; /* x*2 */
}

.src-components-Checkbox-styles__type_switcher--\[fullhash\] .src-components-Checkbox-styles__checkbox--\[fullhash\]::after {
  content: "";
  position: absolute;
  display: block;
  left: 2px;
  top: 2px;
  background: #fff;
  transition: all 0.3s;
  width: 16px; /* x*3 */
  height: 16px; /* x*3 */
  border-radius: 10px;
}

.src-components-Checkbox-styles__type_switcher--\[fullhash\] .src-components-Checkbox-styles__input--\[fullhash\]:checked + .src-components-Checkbox-styles__checkbox--\[fullhash\]::after {
  margin-left: 10px;
}

.src-components-Checkbox-styles__type_switcher--\[fullhash\] .src-components-Checkbox-styles__input--\[fullhash\]:checked + .src-components-Checkbox-styles__checkbox--\[fullhash\]::before {
  background: #2b8f3d;
}

.src-components-BatchInstallDialog-styles__popupContent--\[fullhash\] {
  padding: 40px 20px 20px;
}

.src-components-BatchInstallDialog-styles__root--\[fullhash\] {
  text-align: center;
  font-size: 18px;
  line-height: 1.33;
}

.src-components-BatchInstallDialog-styles__content--\[fullhash\] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-components-BatchInstallDialog-styles__dependencies--\[fullhash\] {
  font-weight: bold;
  font-size: 16px;
  margin: 15px 0;
}

.src-components-BatchInstallDialog-styles__unavailableDependencies--\[fullhash\] {
  width: 30em;
  text-align: center;
  color: rgba(245, 166, 35, 1);
  margin-bottom: 15px;
}

.src-components-BatchInstallDialog-styles__buttons--\[fullhash\] {
  text-align: center;
  padding: 20px 0 0;
}

.src-components-BatchInstallDialog-styles__button--\[fullhash\] {
  margin: 0 6px;
  display: inline-block;
  vertical-align: top;
}

.src-components-BatchInstallDialog-styles__checkboxContainer--\[fullhash\] {
  margin-top: 15px;
}

@media (max-width: 640px) {
  .src-components-BatchInstallDialog-styles__unavailableDependencies--\[fullhash\] {
    width: auto;
  }
}

:root {
  --width-inner-container: 1202px;
  --gamePageBackgroundColor: #000;
  --gamePageBackgroundColorTransparent: #00000040;
  --gamePageActiveColor: #5abe41;
  --gamePageActiveColorTransparent: #5abe4140;
}

@font-face {
  font-family: SourceSansPro;
  src: url(/assets/65c6568ad05700d3d56d.woff2)
      format("woff2"),
    url(/assets/b55f4eea43cf85b3748e.woff)
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: SourceSansPro;
  src: url(/assets/78bbf0a8b0d52bdd65ac.woff2)
      format("woff2"),
    url(/assets/ffe659d3b0bda257b47d.woff) format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: SourceSansPro;
  src: url(/assets/02b8883344e18846fb73.woff2)
      format("woff2"),
    url(/assets/6a05b9b0ea5e1c86e43a.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background: #191d25;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: scroll;
  min-width: 280px;
}

a {
  color: #fff;
}

.fonts-loaded {
  font-family: SourceSansPro, sans-serif;
}

.src-components-Router-styles__dashboard--\[fullhash\] {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.src-components-Router-styles__header--\[fullhash\] {
  z-index: 2;
}

.src-components-Router-styles__sections--\[fullhash\] {
  position: relative;
  z-index: 1;
  padding-top: 90px;
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  align-items: stretch;
}

.src-components-Router-styles__menu--\[fullhash\] {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  max-width: var(--width-inner-container);
}

.src-components-Router-styles__menu--\[fullhash\],
.src-components-Router-styles__content--\[fullhash\] {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
}

.src-components-Router-styles__menu--\[fullhash\] a {
  padding: 4px 0 0;
  margin: 0 15px;
  line-height: 52px;
  border-bottom: 4px solid transparent;
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: 700;
}

.src-components-Router-styles__menu--\[fullhash\] .src-components-Router-styles__active--\[fullhash\] {
  border-bottom: 4px solid #189a1b;
}

.src-components-Router-styles__menu--\[fullhash\] a:first-child {
  margin-left: 0;
}

@media (max-width: 992px) {
  .src-components-Router-styles__sections--\[fullhash\] {
    padding-top: 56px;
  }
}

@media (min-width: 992px) {
  .src-components-Router-styles__header--\[fullhash\] {
    padding-right: 0;
    padding-left: 0;
  }

  .src-components-Router-styles__menu--\[fullhash\] {
    padding: 0 20px;
  }

  .src-components-Router-styles__menu--\[fullhash\] a {
    margin: 0 30px;
  }
}

/* Floating non-blocking indicator for quick background actions
   (enable/disable/reorder). pointer-events: none keeps the page usable. */
.src-components-Router-styles__backgroundLoader--\[fullhash\] {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(19, 23, 32, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

.src-components-Router-creator-uploaded-styles__row--\[fullhash\] {
 display: flex;
}

.src-components-Router-creator-uploaded-styles__img--\[fullhash\] {
  height: 80px;
  aspect-ratio: 4/3;
  margin-right: 24px;
}

.src-components-Router-creator-uploaded-styles__item--\[fullhash\] {
  height: 80px;
  padding: 16px;
  margin-bottom: 8px;
}
