@charset "utf-8";

[_nghost-ng-c2868397796] { position: fixed; top: var(--stb-smart-banner-height); left: 0px; z-index: 10; width: 100%; }

.header__container[_ngcontent-ng-c2868397796] { container: header / size; height: var(--stb-header-container-height); }

.header__wrapper[_ngcontent-ng-c2868397796] { --stb-header-gap: 8px; --stb-container-padding: 12px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--stb-header-gap); padding-bottom: 9px; padding-inline-end: var(--stb-container-padding); background-image: linear-gradient(180deg,rgb(var(--stb-brand-500)),rgb(var(--stb-brand-150))); }

@media (orientation: landscape) {
  .header__wrapper[_ngcontent-ng-c2868397796] { padding-inline-start: max(var(--stb-safe-area-left),0px); padding-inline-end: max(var(--stb-safe-area-right),var(--stb-container-padding)); }
}

@media screen and (min-width: 1280px) {
  .header__wrapper[_ngcontent-ng-c2868397796] { --stb-header-gap: 8px; --stb-desktop-start-padding: 12px; --stb-container-padding: 20px; padding-inline-start: var(--stb-desktop-start-padding); padding-inline-end: var(--stb-container-padding); }
}

.header__burger-mobile[_ngcontent-ng-c2868397796] { margin-inline-end: 0px; color: var(--stb-icon-200); }

.header__actions[_ngcontent-ng-c2868397796] { display: flex; align-items: center; gap: var(--stb-header-gap); }

.header__actions--mobile-auth[_ngcontent-ng-c2868397796] { --stb-header-gap: 4px; }

.header__actions--wrap[_ngcontent-ng-c2868397796] { flex-grow: 1; flex-basis: min-content; flex-wrap: wrap-reverse; place-content: flex-end; min-width: min-content; height: 36px; }

.logo[_ngcontent-ng-c2868397796] { margin-inline-end: auto; padding-inline-end: 8px; }

.rainbow-border[_ngcontent-ng-c2868397796] { position: absolute; top: var(--stb-header-container-height); right: 0px; bottom: 0px; width: 100%; height: 0px; pointer-events: none; }

.rainbow-border__horizontal[_ngcontent-ng-c2868397796] { position: absolute; right: 0px; bottom: 0px; width: 100%; height: 9px; background: var(--stb-gradient-rainbow); content: ""; }

.rainbow-border__corner[_ngcontent-ng-c2868397796] { position: absolute; top: -9px; left: 0px; display: none; width: 26px; height: 26px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzA3OUVDRSIgZD0iTTAgOWg5djE3SDB6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS41IDZDMTIuOTQgNiA2IDEyLjk0IDYgMjEuNVYyNkgzdi00LjVDMyAxMS4yODMgMTEuMjgzIDMgMjEuNSAzSDI2djNoLTQuNVoiIGZpbGw9IiNGRjhGMEIiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjUgOUMxNC41OTYgOSA5IDE0LjU5NiA5IDIxLjVWMjZINnYtNC41QzYgMTIuOTQgMTIuOTQgNiAyMS41IDZIMjZ2M2gtNC41WiIgZmlsbD0iI0ZGNEY0RiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjEuNSAzQzExLjI4MyAzIDMgMTEuMjgzIDMgMjEuNVYyNkgwdi00LjVDMCA5LjYyNiA5LjYyNiAwIDIxLjUgMEgyNnYzaC00LjVaIiBmaWxsPSIjNDlDN0VFIi8+PC9zdmc+); content: ""; }

.rainbow-border__vertical[_ngcontent-ng-c2868397796] { position: absolute; top: 17px; left: 0px; display: none; width: 9px; height: calc(100vh - var(--stb-header-height)); background: linear-gradient(90deg,rgb(var(--stb-brand-1800)) 0% 33%,rgb(var(--stb-yellow-200)) 33% 66%,rgb(var(--stb-red-400)) 66% 100%); content: ""; }

@media screen and (min-width: 1280px) {
  .rainbow-border__corner[_ngcontent-ng-c2868397796], .rainbow-border__vertical[_ngcontent-ng-c2868397796] { display: block; }
  .rainbow-border__horizontal[_ngcontent-ng-c2868397796] { width: calc(100% - 24px); }
}

.balance-info[_ngcontent-ng-c2868397796] { --stb-balance-icon-background-color: rgb(var(--stb-green-500)); position: relative; display: flex; flex-shrink: 0; align-items: center; gap: 6px; border-radius: 24px; color: var(--stb-text-contrast-primary); background-color: var(--stb-bg-contrast-secondary); background-image: var(--stb-gradient-1700); filter: drop-shadow(rgba(22, 90, 129, 0.5) 0px 2px 4px); }

.balance-info[_ngcontent-ng-c2868397796]::before { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-ef4c03667dd6f70c.webp) 24 / 24px / 0 stretch; background-repeat: no-repeat; z-index: 1; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .balance-info[_ngcontent-ng-c2868397796]::before { border-image: url(restored-e87e87d70592bff3.webp) 48 / 24px / 0 stretch; }
}

.balance-info--s[_ngcontent-ng-c2868397796] { --stb-balance-info-height: 36px; --stb-balance-amount-gap: 4px; --stb-balance-amount-horizontal-padding: 4px; min-width: 83px; height: var(--stb-balance-info-height); padding: 0px 5px 0px 8px; font-size: 12px; }

.balance-info--s.balance-info--coins[_ngcontent-ng-c2868397796] { padding: 0px 8px; }

@media screen and (min-width: 412px) {
  .balance-info--s[_ngcontent-ng-c2868397796] { --stb-balance-amount-horizontal-padding: 8px; --stb-icon-sprite-svg-width: 20px; --stb-icon-sprite-svg-height: 20px; font-size: 14px; }
}

.balance-info--m[_ngcontent-ng-c2868397796] { --stb-balance-info-height: 48px; --stb-balance-amount-gap: 8px; --stb-balance-amount-horizontal-padding: 12px; min-width: 104px; height: var(--stb-balance-info-height); padding: 0px 5px 0px 12px; font-size: 16px; }

.balance-info--m.balance-info--coins[_ngcontent-ng-c2868397796] { padding: 0px 12px; }

.balance-info__amount[_ngcontent-ng-c2868397796] { display: inline-flex; align-items: center; gap: var(--stb-balance-amount-gap); text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px; color: rgb(var(--stb-white)); font-size: 14px; font-weight: 700; line-height: 1.2; }

.balance-info__amount--coins[_ngcontent-ng-c2868397796] { padding: 0px; }

@media screen and (min-width: 1280px) {
  .balance-info__amount[_ngcontent-ng-c2868397796] { font-size: 16px; }
}

.balance-info__icon[_ngcontent-ng-c2868397796] { --stb-icon-bg-width: 26px; width: 26px; height: 26px; }

.balance-info__icon[_ngcontent-ng-c2868397796] .icon-shadow[_ngcontent-ng-c2868397796] { filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 1px 2px); }

@media screen and (min-width: 1280px) {
  .balance-info__icon[_ngcontent-ng-c2868397796] { --stb-icon-bg-width: 36px; width: 36px; height: 36px; }
}

@media (hover: hover) and (pointer: fine) {
  .balance-info[_ngcontent-ng-c2868397796]:hover .balance-info__icon[_ngcontent-ng-c2868397796]::before { background-image: url(restored-d00b235a0e59c23f.webp); }
}

.balance-info[_ngcontent-ng-c2868397796]:active .balance-info__icon[_ngcontent-ng-c2868397796]::before { background-image: url(restored-967e5a941521baf0.webp); }

@media screen and (min-width: 1280px) {
  .balance-info[_ngcontent-ng-c2868397796] { padding: 0px 6px 0px 12px; }
}

.user-menu-control[_ngcontent-ng-c2868397796] { --stb-icon-sprite-svg-width: 20px; color: rgb(var(--stb-white)); }

@media screen and (min-width: 1280px) {
  .user-menu-control[_ngcontent-ng-c2868397796] { --stb-icon-bg-width: 48px; --stb-icon-sprite-svg-width: 24px; width: 48px; height: 48px; }
}

.search[_ngcontent-ng-c2868397796] { display: flex; align-items: center; min-width: 300px; height: 48px; padding: 0px 12px; border-radius: 24px; font-size: 16px; font-weight: 450; line-height: 1.4; border: 2px double transparent; background-image: linear-gradient(#1474a5,#1474a5),var(--stb-gradient-1200); background-clip: padding-box, border-box; background-origin: border-box; }

.search[_ngcontent-ng-c2868397796] .icon { color: rgb(var(--stb-brand-950)); }

.search__text[_ngcontent-ng-c2868397796] { margin-left: 8px; color: rgb(var(--stb-brand-950)); opacity: 0.6; transition: opacity var(--stb-transition-time); }

@media (hover: hover) and (pointer: fine) {
  .search[_ngcontent-ng-c2868397796]:hover .search__text[_ngcontent-ng-c2868397796] { opacity: 1; }
}