.ComboCasePage-module-scss-module__Q6iZla__infoError {
    text-align: center;
    background: #ef444414;
    border: 1px solid #ef444459;
    border-radius: 8px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: min(520px, 100%);
    margin: 0 auto;
    padding: 20px 24px;
    display: flex
}

.Modal-module-scss-module__pvJBpa__backdrop {
    z-index: 1000;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #02080ab8;
    position: fixed;
    inset: 0
}

.Modal-module-scss-module__pvJBpa__modal {
    z-index: 1001;
    box-sizing: border-box;
    border: 1px solid var(--sk-dark-800, #111a1e);
    background-color: var(--sk-dark-1100, #060d0f);
    border-radius: 12px;
    flex-direction: column;
    width: min(560px, 100vw - 32px);
    max-height: calc(100dvh - 48px);
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: hidden;
    translate: -50% -50%;
    box-shadow: 0 24px 64px #0000008c
}

.Modal-module-scss-module__pvJBpa__header {
    box-sizing: border-box;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    display: flex
}

.Modal-module-scss-module__pvJBpa__headerDivided {
    border-bottom: 1px solid var(--sk-dark-800, #111a1e)
}

.Modal-module-scss-module__pvJBpa__title {
    color: var(--sk-light-150, #f2f2f3);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold, 700);
    margin: 0;
    font-size: 18px;
    line-height: 22px
}

.Modal-module-scss-module__pvJBpa__close {
    width: 44px;
    height: 44px;
    color: var(--sk-light-300, #898d8f);
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color .12s, color .12s;
    display: flex
}

.Modal-module-scss-module__pvJBpa__close:hover {
    background-color: var(--sk-dark-850, #0f181b);
    color: var(--sk-light-150, #f2f2f3)
}

.Modal-module-scss-module__pvJBpa__close:focus-visible {
    outline: 2px solid var(--sk-cyan-400, #96e2e7);
    outline-offset: 2px
}

.Modal-module-scss-module__pvJBpa__content {
    flex: auto;
    min-height: 0;
    padding: 20px;
    overflow-y: auto
}

@media (max-width:767px) {
    .Modal-module-scss-module__pvJBpa__modal {
        width: calc(100vw - 24px)
    }

    .Modal-module-scss-module__pvJBpa__header {
        padding: 14px 16px
    }

    .Modal-module-scss-module__pvJBpa__content {
        padding: 16px
    }
}

.Modal-module-scss-module__pvJBpa__modal.Modal-module-scss-module__pvJBpa__bottomSheet {
    width: 100%;
    max-height: calc(100dvh - 24px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-radius: 12px 12px 0 0;
    top: auto;
    bottom: 0;
    left: 0;
    translate: none
}

.Button-module-scss-module__IT7c-a__root {
    justify-content: center;
    align-items: center;
    gap: calc(4px*var(--sk-button-u, 1));
    box-sizing: border-box;
    padding-inline: calc(14px*var(--sk-button-u, 1));
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: #0000;
    border: none;
    border-radius: 8px;
    transition: background-color .12s, color .12s;
    display: inline-flex;
    overflow: hidden
}

.Button-module-scss-module__IT7c-a__size56 {
    height: calc(56px*var(--sk-button-u, 1));
    padding-block: calc(16px*var(--sk-button-u, 1));
    font-size: calc(var(--sk-font-size-button-lg)*var(--sk-button-u, 1));
    line-height: calc(var(--sk-line-height-button-lg)*var(--sk-button-u, 1))
}

.Button-module-scss-module__IT7c-a__size46 {
    height: calc(46px*var(--sk-button-u, 1));
    padding-block: calc(12px*var(--sk-button-u, 1));
    font-size: calc(var(--sk-font-size-button-md)*var(--sk-button-u, 1));
    line-height: calc(var(--sk-line-height-button-md)*var(--sk-button-u, 1))
}

.Button-module-scss-module__IT7c-a__size40 {
    height: calc(40px*var(--sk-button-u, 1));
    padding-block: calc(10px*var(--sk-button-u, 1));
    font-size: calc(var(--sk-font-size-button-sm)*var(--sk-button-u, 1));
    line-height: calc(var(--sk-line-height-button-sm)*var(--sk-button-u, 1))
}

.Button-module-scss-module__IT7c-a__gray {
    background-color: var(--sk-dark-850);
    color: var(--sk-light-150)
}

.Button-module-scss-module__IT7c-a__gray:hover:not(:disabled) {
    background-color: var(--sk-dark-700)
}

.Button-module-scss-module__IT7c-a__cyan {
    background-color: var(--sk-cyan-500);
    background-image: linear-gradient(to bottom, var(--sk-cyan-500), var(--sk-cyan-450));
    color: var(--sk-dark-1000)
}

.Button-module-scss-module__IT7c-a__cyan:hover:not(:disabled) {
    background-image: none;
    background-color: var(--sk-cyan-450);
    color: var(--sk-dark-900)
}

.Button-module-scss-module__IT7c-a__cyanGhost {
    color: var(--sk-cyan-400);
    box-shadow: inset 0 0 23.2px -11px var(--sk-cyan-500);
    background-image: radial-gradient(50% 106.25%, #51cfd617 0%, #51cfd626 100%);
    position: relative
}

.Button-module-scss-module__IT7c-a__cyanGhost:before,
.Button-module-scss-module__IT7c-a__cyanGhost:after {
    content: "";
    background-color: var(--sk-cyan-400);
    width: 2px;
    height: 28px;
    transition: height .12s, background-color .12s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.Button-module-scss-module__IT7c-a__cyanGhost:before {
    border-radius: 0 4px 4px 0;
    left: 0
}

.Button-module-scss-module__IT7c-a__cyanGhost:after {
    border-radius: 4px 0 0 4px;
    right: 0
}

.Button-module-scss-module__IT7c-a__cyanGhost:hover:not(:disabled) {
    color: var(--sk-cyan-350);
    background-image: radial-gradient(50% 106.25%, #51cfd63d 0%, #51cfd666 100%)
}

.Button-module-scss-module__IT7c-a__cyanGhost:hover:not(:disabled):before,
.Button-module-scss-module__IT7c-a__cyanGhost:hover:not(:disabled):after {
    background-color: var(--sk-cyan-350);
    height: 36px
}

.Button-module-scss-module__IT7c-a__icon {
    width: calc(var(--sk-button-icon, 24px)*var(--sk-button-u, 1));
    height: calc(var(--sk-button-icon, 24px)*var(--sk-button-u, 1));
    flex: none;
    display: block
}

.Button-module-scss-module__IT7c-a__root:disabled {
    opacity: .4;
    cursor: not-allowed
}

.Button-module-scss-module__IT7c-a__root:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.InventoryPanel-module-scss-module__xqnD4G__root {
    box-sizing: border-box;
    background-color: var(--sk-dark-1150);
    border-radius: 12px;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 14px;
    display: flex
}

.InventoryPanel-module-scss-module__xqnD4G__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    display: grid
}

@media (max-width:1200px) {
    .InventoryPanel-module-scss-module__xqnD4G__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@media (max-width:992px) {
    .InventoryPanel-module-scss-module__xqnD4G__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (max-width:768px) {
    .InventoryPanel-module-scss-module__xqnD4G__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:480px) {
    .InventoryPanel-module-scss-module__xqnD4G__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:640px) {
    .InventoryPanel-module-scss-module__xqnD4G__root {
        padding: 10px
    }
}

.TabChips-module-scss-module__I2lh_W__root {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex
}

.TabChips-module-scss-module__I2lh_W__tab {
    box-sizing: border-box;
    height: 40px;
    color: var(--sk-light-150, #f2f2f3);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    white-space: nowrap;
    cursor: pointer;
    background-color: #203239;
    border: none;
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 3px 12px;
    font-size: 14px;
    line-height: 16px;
    transition: background-color .12s;
    display: flex;
    position: relative
}

.TabChips-module-scss-module__I2lh_W__tab:hover:not(:disabled) {
    background-color: #2b424b
}

.TabChips-module-scss-module__I2lh_W__tab:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.TabChips-module-scss-module__I2lh_W__widthSizer {
    visibility: hidden;
    pointer-events: none;
    align-items: center;
    gap: 4px;
    display: flex
}

.TabChips-module-scss-module__I2lh_W__content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    display: flex;
    position: absolute;
    inset: 3px 12px
}

.TabChips-module-scss-module__I2lh_W__tabActive {
    background-color: var(--sk-cyan-450, #6fd8de);
    color: var(--sk-dark-1000, #071115)
}

.TabChips-module-scss-module__I2lh_W__tabActive:hover:not(:disabled) {
    background-color: var(--sk-cyan-400, #96e2e7)
}

.TabChips-module-scss-module__I2lh_W__count {
    box-sizing: border-box;
    height: 16px;
    color: var(--sk-light-200, #dce4e8);
    font-weight: var(--sk-font-weight-medium);
    opacity: 1;
    background-color: #07111580;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 1px 3px;
    font-size: 12px;
    line-height: 14px;
    display: flex
}

.TabChips-module-scss-module__I2lh_W__tabActive .TabChips-module-scss-module__I2lh_W__count {
    color: var(--sk-dark-1000, #071115);
    background-color: #0711151f
}

.InventoryToolbar-module-scss-module__pcdLCa__root {
    --inventory-placeholder-color: #7b898f;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    display: flex
}

.InventoryToolbar-module-scss-module__pcdLCa__left {
    flex-shrink: 0;
    align-items: center;
    gap: 38px;
    min-width: 0;
    display: flex
}

.InventoryToolbar-module-scss-module__pcdLCa__titleGroup {
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    display: flex
}

.InventoryToolbar-module-scss-module__pcdLCa__bullet {
    width: 24px;
    height: 24px;
    color: var(--sk-light-100);
    flex-shrink: 0;
    display: block
}

.InventoryToolbar-module-scss-module__pcdLCa__title {
    color: var(--sk-cyan-50);
    font-family: var(--sk-font-family-display);
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px
}

.InventoryToolbar-module-scss-module__pcdLCa__controls {
    flex-wrap: wrap;
    flex: 560px;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    min-width: 0;
    display: flex
}

.InventoryToolbar-module-scss-module__pcdLCa__controls:empty {
    display: none
}

.InventoryToolbar-module-scss-module__pcdLCa__field {
    box-sizing: border-box;
    background-color: var(--sk-dark-1200);
    height: 48px;
    color: var(--sk-light-250);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    white-space: nowrap;
    border: none;
    border-radius: 8px;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 12px;
    font-size: 14px;
    line-height: 16px;
    display: flex
}

.InventoryToolbar-module-scss-module__pcdLCa__muted {
    opacity: 1
}

.InventoryToolbar-module-scss-module__pcdLCa__sort {
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color .12s
}

.InventoryToolbar-module-scss-module__pcdLCa__sort:hover:not(:disabled) {
    background-color: var(--sk-dark-1150)
}

.InventoryToolbar-module-scss-module__pcdLCa__sort:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.InventoryToolbar-module-scss-module__pcdLCa__sortValue {
    color: var(--sk-light-250)
}

.InventoryToolbar-module-scss-module__pcdLCa__caret {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: transform .16s;
    display: block
}

.InventoryToolbar-module-scss-module__pcdLCa__caretOpen {
    transform: rotate(180deg)
}

.InventoryToolbar-module-scss-module__pcdLCa__toggle {
    background-color: var(--sk-dark-1000);
    color: var(--sk-light-150);
    cursor: pointer;
    flex-shrink: 0
}

.InventoryToolbar-module-scss-module__pcdLCa__searchTrigger {
    cursor: pointer;
    flex-shrink: 0;
    justify-content: center;
    width: 48px;
    padding: 0;
    transition: background-color .12s, color .12s;
    position: relative
}

.InventoryToolbar-module-scss-module__pcdLCa__searchTrigger:hover {
    background-color: var(--sk-dark-1150);
    color: var(--sk-light-150)
}

.InventoryToolbar-module-scss-module__pcdLCa__searchTrigger:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.InventoryToolbar-module-scss-module__pcdLCa__searchIcon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: block
}

.InventoryToolbar-module-scss-module__pcdLCa__searchDot {
    background-color: var(--sk-cyan-400);
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 2px var(--sk-dark-1200);
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlight {
    border-radius: 16px;
    width: min(640px, 100vw - 32px);
    top: max(12px, 18dvh);
    translate: -50%
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightRow {
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 16px 16px 16px 20px;
    display: flex
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightIcon {
    width: 28px;
    height: 28px;
    color: var(--sk-light-300, #898d8f);
    flex-shrink: 0;
    display: block
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightInput {
    width: 100%;
    min-width: 0;
    height: 40px;
    color: var(--sk-light-150, #f2f2f3);
    font-family: var(--sk-font-family);
    background: 0 0;
    border: none;
    outline: none;
    flex: auto;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightInput::placeholder {
    color: var(--inventory-placeholder-color, #7b898f);
    opacity: 1;
    font-weight: 400
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightInput::-webkit-search-cancel-button {
    appearance: none
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightClear {
    width: 32px;
    height: 32px;
    color: var(--sk-light-300, #898d8f);
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color .12s, color .12s;
    display: flex
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightClear:hover {
    background-color: var(--sk-dark-850, #0f181b);
    color: var(--sk-light-150, #f2f2f3)
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightClear:focus-visible {
    outline: 2px solid var(--sk-cyan-400, #96e2e7);
    outline-offset: 2px
}

.InventoryToolbar-module-scss-module__pcdLCa__spotlightKey {
    border: 1px solid var(--sk-dark-800, #111a1e);
    color: var(--sk-light-300, #898d8f);
    font-family: var(--sk-font-family);
    border-radius: 6px;
    flex-shrink: 0;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 14px
}

.InventoryToolbar-module-scss-module__pcdLCa__actions {
    flex-shrink: 0;
    align-items: center;
    gap: 4px;
    display: flex
}

@media (max-width:1280px) {
    .InventoryToolbar-module-scss-module__pcdLCa__root {
        flex-wrap: wrap
    }

    .InventoryToolbar-module-scss-module__pcdLCa__left {
        gap: 16px
    }

    .InventoryToolbar-module-scss-module__pcdLCa__controls {
        flex-wrap: wrap;
        flex: 100%
    }
}

@media (max-width:640px) {
    .InventoryToolbar-module-scss-module__pcdLCa__left {
        flex-wrap: wrap;
        flex: 100%
    }

    .InventoryToolbar-module-scss-module__pcdLCa__spotlightRow {
        gap: 8px;
        padding: 12px 12px 12px 14px
    }

    .InventoryToolbar-module-scss-module__pcdLCa__spotlightInput {
        font-size: 18px
    }

    .InventoryToolbar-module-scss-module__pcdLCa__spotlightKey {
        display: none
    }
}

.InventoryToolbar-module-scss-module__pcdLCa__field:has(input:focus-visible) {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.InventoryToolbar-module-scss-module__pcdLCa__field:disabled {
    opacity: .45;
    cursor: not-allowed
}

.ItemCard-module-scss-module__dkiz-a__root {
    --card-rarity: var(--sk-rarity-grey);
    box-sizing: border-box;
    aspect-ratio: 213.333/160;
    background-color: var(--sk-dark-1000);
    width: 100%;
    min-width: 0;
    color: inherit;
    font: inherit;
    text-align: center;
    border: none;
    border-radius: 4px;
    padding: 0;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: hidden;
    container-type: inline-size
}

.ItemCard-module-scss-module__dkiz-a__inner {
    --sk-item-u: calc(100cqi / 213.333);
    position: absolute;
    inset: 0
}

.ItemCard-module-scss-module__dkiz-a__glow {
    top: calc(24.9*var(--sk-item-u));
    left: calc(-73.1*var(--sk-item-u));
    width: calc(360.2*var(--sk-item-u));
    height: calc(360.2*var(--sk-item-u));
    background-color: var(--card-rarity);
    position: absolute;
    -webkit-mask-image: url(../media/rarity-glow.2ovmb2uuhr-0h.webp);
    mask-image: url(../media/rarity-glow.2ovmb2uuhr-0h.webp);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.ItemCard-module-scss-module__dkiz-a__pattern {
    top: calc(127*var(--sk-item-u));
    left: calc(29*var(--sk-item-u));
    width: calc(156*var(--sk-item-u));
    height: calc(156*var(--sk-item-u));
    background-color: var(--card-rarity);
    position: absolute;
    -webkit-mask-image: url(../media/rarity-pattern.2uota70ow3lad.webp);
    mask-image: url(../media/rarity-pattern.2uota70ow3lad.webp);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.ItemCard-module-scss-module__dkiz-a__marker {
    top: calc(2*var(--sk-item-u));
    right: calc(2.33*var(--sk-item-u));
    width: calc(10*var(--sk-item-u));
    height: calc(10*var(--sk-item-u));
    color: var(--card-rarity);
    position: absolute
}

.ItemCard-module-scss-module__dkiz-a__skin {
    top: calc(12*var(--sk-item-u));
    left: calc(32*var(--sk-item-u));
    width: calc(150*var(--sk-item-u));
    height: calc(113*var(--sk-item-u));
    position: absolute
}

.ItemCard-module-scss-module__dkiz-a__skin>* {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block
}

.ItemCard-module-scss-module__dkiz-a__text {
    right: calc(6.33*var(--sk-item-u));
    bottom: calc(6*var(--sk-item-u));
    left: calc(6*var(--sk-item-u));
    gap: calc(2*var(--sk-item-u));
    color: var(--sk-light-100);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    white-space: nowrap;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute
}

.ItemCard-module-scss-module__dkiz-a__weapon,
.ItemCard-module-scss-module__dkiz-a__name {
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    overflow: hidden
}

.ItemCard-module-scss-module__dkiz-a__weapon {
    font-size: calc(13*var(--sk-item-u));
    line-height: calc(14*var(--sk-item-u));
    opacity: .4
}

.ItemCard-module-scss-module__dkiz-a__name {
    font-size: calc(14*var(--sk-item-u));
    line-height: calc(16*var(--sk-item-u))
}

.ItemCard-module-scss-module__dkiz-a__root:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.ItemCard-module-scss-module__dkiz-a__nameWithSuffix {
    justify-content: center;
    gap: calc(4*var(--sk-item-u));
    display: flex
}

.ItemCard-module-scss-module__dkiz-a__nameText {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden
}

.ItemCard-module-scss-module__dkiz-a__nameSuffix {
    flex-shrink: 0
}

.ItemCard-module-scss-module__dkiz-a__wide {
    max-height: 195px
}

.ItemCard-module-scss-module__dkiz-a__wide .ItemCard-module-scss-module__dkiz-a__inner {
    --sk-item-u: calc(min(100cqi, 260px) / 213.333)
}

.ItemCard-module-scss-module__dkiz-a__wide .ItemCard-module-scss-module__dkiz-a__skin {
    left: calc(50% - 75*var(--sk-item-u))
}

.ItemCard-module-scss-module__dkiz-a__wide .ItemCard-module-scss-module__dkiz-a__glow {
    left: calc(50% - 180.1*var(--sk-item-u))
}

.ItemCard-module-scss-module__dkiz-a__wide .ItemCard-module-scss-module__dkiz-a__pattern {
    left: calc(50% - 78*var(--sk-item-u))
}

.Select-module-scss-module__YHqIsW__root {
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    position: relative
}

.Select-module-scss-module__YHqIsW__trigger {
    box-sizing: border-box;
    background-color: var(--sk-dark-1200);
    width: 100%;
    height: 48px;
    color: var(--sk-light-250);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    white-space: nowrap;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 12px;
    font-size: 14px;
    line-height: 16px;
    transition: background-color .12s;
    display: flex
}

.Select-module-scss-module__YHqIsW__trigger:hover:not(:disabled),
.Select-module-scss-module__YHqIsW__trigger[aria-expanded=true] {
    background-color: var(--sk-dark-1150)
}

.Select-module-scss-module__YHqIsW__trigger:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.Select-module-scss-module__YHqIsW__trigger:disabled {
    opacity: .45;
    cursor: not-allowed
}

.Select-module-scss-module__YHqIsW__prefix {
    flex-shrink: 0
}

.Select-module-scss-module__YHqIsW__value {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden
}

.Select-module-scss-module__YHqIsW__caret {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    transition: transform .16s;
    display: inline-flex
}

.Select-module-scss-module__YHqIsW__caret[data-open=true] {
    transform: rotate(180deg)
}

.Select-module-scss-module__YHqIsW__menu {
    z-index: 30;
    box-sizing: border-box;
    border: 1px solid var(--sk-dark-800, #111a1e);
    background-color: var(--sk-dark-1100, #060d0f);
    transform-origin: 0 0;
    border-radius: 10px;
    width: max-content;
    min-width: 100%;
    max-width: min(320px, 100vw - 32px);
    margin: 0;
    padding: 4px;
    list-style: none;
    animation: .14s cubic-bezier(.2, .8, .2, 1) Select-module-scss-module__YHqIsW__menu-in;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    box-shadow: 0 16px 40px #00000080
}

.Select-module-scss-module__YHqIsW__root[data-align=end] .Select-module-scss-module__YHqIsW__menu {
    transform-origin: 100% 0;
    left: auto;
    right: 0
}

.Select-module-scss-module__YHqIsW__root[data-placement=top] .Select-module-scss-module__YHqIsW__menu {
    transform-origin: 0 100%;
    top: auto;
    bottom: calc(100% + 6px)
}

.Select-module-scss-module__YHqIsW__root[data-placement=top][data-align=end] .Select-module-scss-module__YHqIsW__menu {
    transform-origin: 100% 100%
}

@media (prefers-reduced-motion:reduce) {
    .Select-module-scss-module__YHqIsW__menu {
        animation: none
    }
}

@keyframes Select-module-scss-module__YHqIsW__menu-in {
    0% {
        opacity: 0;
        transform: translateY(-4px)scale(.98)
    }
}

.Select-module-scss-module__YHqIsW__option {
    box-sizing: border-box;
    min-height: 40px;
    color: var(--sk-light-250);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 6px;
    align-items: center;
    gap: 12px;
    padding: 8px 10px 8px 12px;
    font-size: 14px;
    line-height: 16px;
    display: flex
}

.Select-module-scss-module__YHqIsW__option[data-active=true] {
    background-color: var(--sk-dark-850, #0f181b);
    color: var(--sk-light-150, #f2f2f3)
}

.Select-module-scss-module__YHqIsW__option[aria-selected=true] {
    color: var(--sk-cyan-400, #96e2e7)
}

.Select-module-scss-module__YHqIsW__optionLabel {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden
}

.Select-module-scss-module__YHqIsW__check {
    flex-shrink: 0;
    margin-left: auto
}

.RegisterModal-module-scss-module__62-qPG__modal.RegisterModal-module-scss-module__62-qPG__modal {
    width: min(786px, 100vw - 32px)
}

.RegisterModal-module-scss-module__62-qPG__layout {
    align-items: stretch;
    min-height: 0;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__figure {
    background-color: var(--sk-dark-600);
    flex: none;
    width: 334px;
    position: relative;
    overflow: hidden
}

.RegisterModal-module-scss-module__62-qPG__art {
    width: 626px;
    height: 626px;
    position: absolute;
    top: -44px;
    left: -146.5px
}

.RegisterModal-module-scss-module__62-qPG__artScene,
.RegisterModal-module-scss-module__62-qPG__artGlow,
.RegisterModal-module-scss-module__62-qPG__artCharacter {
    display: block;
    position: absolute;
    inset: 0
}

.RegisterModal-module-scss-module__62-qPG__artScene {
    background-image: url(../media/register-scene.1ld1e43v_3aqr.webp);
    background-size: cover
}

.RegisterModal-module-scss-module__62-qPG__artGlow {
    background-image: linear-gradient(to bottom, #74d8de00, var(--sk-cyan-500))
}

.RegisterModal-module-scss-module__62-qPG__artCharacter {
    background-image: url(../media/register-character.3rid92lnbfj2d.webp);
    background-size: cover
}

.RegisterModal-module-scss-module__62-qPG__panel {
    box-sizing: border-box;
    background-color: var(--sk-dark-1100);
    flex-direction: column;
    flex: auto;
    justify-content: center;
    gap: 24px;
    min-width: 0;
    padding: 12px;
    display: flex;
    overflow-y: auto
}

.RegisterModal-module-scss-module__62-qPG__intro {
    flex-direction: column;
    width: 100%;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__titleRow {
    justify-content: space-between;
    align-items: center;
    padding-block: 12px;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__title {
    color: var(--sk-cyan-350);
    font-family: var(--sk-font-family-display);
    text-transform: uppercase;
    margin: 0;
    font-size: 18px;
    line-height: 32px
}

.RegisterModal-module-scss-module__62-qPG__close {
    width: 32px;
    height: 32px;
    color: var(--sk-light-400);
    cursor: pointer;
    background: 0 0;
    border: none;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: color .12s;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__close:hover {
    color: var(--sk-cyan-50)
}

.RegisterModal-module-scss-module__62-qPG__close:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.RegisterModal-module-scss-module__62-qPG__subtitle {
    color: var(--sk-light-400);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    margin: 0;
    font-size: 16px;
    line-height: 18px
}

.RegisterModal-module-scss-module__62-qPG__field {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__fieldLabel {
    color: var(--sk-cyan-50);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    overflow: hidden
}

.RegisterModal-module-scss-module__62-qPG__selectRoot {
    width: 100%;
    position: relative
}

.RegisterModal-module-scss-module__62-qPG__selectTrigger {
    box-sizing: border-box;
    background-color: var(--sk-dark-900);
    cursor: pointer;
    border: none;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 64px;
    padding: 14px;
    transition: background-color .12s;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__selectTrigger:hover {
    background-color: var(--sk-dark-850)
}

.RegisterModal-module-scss-module__62-qPG__selectTrigger:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.RegisterModal-module-scss-module__62-qPG__selectValue {
    color: var(--sk-cyan-50);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 20px;
    overflow: hidden
}

.RegisterModal-module-scss-module__62-qPG__caret {
    color: var(--sk-light-100);
    flex: none;
    transition: transform .15s
}

.RegisterModal-module-scss-module__62-qPG__caretOpen {
    transform: rotate(180deg)
}

.RegisterModal-module-scss-module__62-qPG__dropdown {
    z-index: 1;
    border: 1px solid var(--sk-dark-800);
    background-color: var(--sk-dark-900);
    border-radius: 8px;
    flex-direction: column;
    padding: 6px;
    display: flex;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    box-shadow: 0 16px 32px #00000073
}

.RegisterModal-module-scss-module__62-qPG__option {
    color: var(--sk-light-300);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    text-align: left;
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 6px;
    align-items: center;
    padding: 12px 8px;
    font-size: 16px;
    line-height: 20px;
    transition: background-color .12s, color .12s;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__option:hover {
    background-color: var(--sk-dark-850);
    color: var(--sk-cyan-50)
}

.RegisterModal-module-scss-module__62-qPG__option:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: -2px
}

.RegisterModal-module-scss-module__62-qPG__optionActive {
    color: var(--sk-cyan-50)
}

.RegisterModal-module-scss-module__62-qPG__checkRow {
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__checkBox {
    box-sizing: border-box;
    border: 1px solid var(--sk-dark-600);
    background-color: var(--sk-dark-900);
    cursor: pointer;
    border-radius: 4px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    transition: background-color .12s, border-color .12s;
    display: flex
}

.RegisterModal-module-scss-module__62-qPG__checkBox:hover {
    border-color: var(--sk-cyan-500)
}

.RegisterModal-module-scss-module__62-qPG__checkBox:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.RegisterModal-module-scss-module__62-qPG__checkBoxChecked {
    border-color: var(--sk-cyan-500);
    background-color: var(--sk-cyan-500)
}

.RegisterModal-module-scss-module__62-qPG__checkMark {
    width: 17px;
    height: 17px;
    color: var(--sk-dark-1000);
    display: block
}

.RegisterModal-module-scss-module__62-qPG__checkLabel {
    min-width: 0;
    color: var(--sk-light-400);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    flex: 1 1 0;
    font-size: 16px;
    line-height: 18px
}

.RegisterModal-module-scss-module__62-qPG__link,
.RegisterModal-module-scss-module__62-qPG__accent {
    color: var(--sk-cyan-500)
}

.RegisterModal-module-scss-module__62-qPG__link {
    text-decoration: none
}

.RegisterModal-module-scss-module__62-qPG__link:hover {
    text-decoration: underline
}

.RegisterModal-module-scss-module__62-qPG__footer {
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative
}

.RegisterModal-module-scss-module__62-qPG__confirm {
    width: 100%
}

.RegisterModal-module-scss-module__62-qPG__tip {
    pointer-events: none;
    background-color: var(--sk-dark-850);
    color: var(--sk-cyan-50);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    text-align: center;
    border-radius: 8px;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    right: 0
}

@media (max-width:767px) {
    .RegisterModal-module-scss-module__62-qPG__figure {
        display: none
    }

    .RegisterModal-module-scss-module__62-qPG__panel {
        padding: 16px
    }
}

.GameArt-module-scss-module__HA60_q__root {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block
}

.GameArt-module-scss-module__HA60_q__cases {
    background-image: url(../media/game-cases.32bs-jd_71gcd.webp)
}

.GameArt-module-scss-module__HA60_q__upgrade {
    background-image: url(../media/game-upgrade.0_yuqnflrvv1u.webp)
}

.GameArt-module-scss-module__HA60_q__contract {
    background-image: url(../media/game-contract.066cfoay07tec.webp)
}

.GameArt-module-scss-module__HA60_q__constructor {
    background-image: url(../media/game-constructor.3ezelotolz9w2.webp)
}

.NavItem-module-scss-module__eX4ora__root {
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    font-size: var(--sk-font-size-nav);
    line-height: var(--sk-line-height-nav);
    text-align: center;
    white-space: nowrap;
    color: var(--sk-light-300);
    cursor: pointer;
    background: 0 0;
    border: none;
    align-items: center;
    gap: 4px;
    padding: 0;
    text-decoration: none;
    transition: color .12s;
    display: inline-flex;
    position: relative
}

.NavItem-module-scss-module__eX4ora__root:hover {
    color: var(--sk-light-150)
}

.NavItem-module-scss-module__eX4ora__active {
    color: var(--sk-light-100)
}

.NavItem-module-scss-module__eX4ora__icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    display: flex
}

.NavItem-module-scss-module__eX4ora__icon>* {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block
}

.NavItem-module-scss-module__eX4ora__root:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 4px;
    border-radius: 2px
}

.NavItem-module-scss-module__eX4ora__badge {
    background: var(--sk-cyan-400);
    color: var(--sk-dark-1000);
    letter-spacing: .04em;
    pointer-events: none;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 8px;
    font-weight: 800;
    line-height: 10px;
    position: absolute;
    top: -10px;
    right: 0
}

@media (max-width:767px) {
    .NavItem-module-scss-module__eX4ora__badge {
        top: -5px
    }
}

.Header-module-scss-module__MOi2bG__root {
    --sk-button-u: var(--sk-top-u, 1);
    box-sizing: border-box;
    width: 100%;
    max-width: 1728px;
    padding-block: calc(14px*var(--sk-top-u, 1));
    padding-inline: calc(60px*var(--sk-top-u, 1));
    background-color: var(--sk-dark-800);
    justify-content: space-between;
    align-items: center;
    margin-inline: auto;
    display: flex
}

.Header-module-scss-module__MOi2bG__left {
    gap: calc(48px*var(--sk-top-u, 1));
    align-items: center;
    display: flex
}

.Header-module-scss-module__MOi2bG__logoLink {
    width: calc(175px*var(--sk-top-u, 1));
    height: calc(50px*var(--sk-top-u, 1));
    color: var(--sk-light-100);
    cursor: pointer;
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex
}

.Header-module-scss-module__MOi2bG__logo {
    width: calc(175px*var(--sk-top-u, 1));
    height: auto;
    display: block
}

.Header-module-scss-module__MOi2bG__nav {
    gap: calc(42px*var(--sk-top-u, 1));
    align-items: center;
    display: flex
}

.Header-module-scss-module__MOi2bG__accountSkeleton {
    --sk-skeleton-color: var(--sk-dark-550);
    gap: calc(14px*var(--sk-top-u, 1));
    height: calc(46px*var(--sk-top-u, 1));
    align-items: center;
    display: flex
}

.Header-module-scss-module__MOi2bG__account {
    gap: calc(14px*var(--sk-top-u, 1));
    align-items: center;
    display: flex
}

.Header-module-scss-module__MOi2bG__balance {
    background-color: var(--sk-dark-950);
    border-radius: 8px;
    align-items: center;
    display: flex
}

.Header-module-scss-module__MOi2bG__balanceValue {
    box-sizing: border-box;
    height: calc(46px*var(--sk-top-u, 1));
    padding-block: calc(12px*var(--sk-top-u, 1));
    padding-inline: calc(14px*var(--sk-top-u, 1));
    color: var(--sk-cyan-50);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    font-size: calc(15px*var(--sk-top-u, 1));
    line-height: calc(20px*var(--sk-top-u, 1));
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: flex
}

.Header-module-scss-module__MOi2bG__profile {
    padding-block: 0;
    padding-inline: calc(2px*var(--sk-top-u, 1));
    border-radius: 10px;
    align-items: center;
    gap: 4px;
    display: flex
}

.Header-module-scss-module__MOi2bG__profileLink {
    cursor: pointer;
    text-decoration: none;
    transition: background-color .12s
}

.Header-module-scss-module__MOi2bG__profileLink:hover {
    background-color: var(--sk-dark-950)
}

.Header-module-scss-module__MOi2bG__profileLink:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.Header-module-scss-module__MOi2bG__profileText {
    gap: calc(2px*var(--sk-top-u, 1));
    padding-inline: calc(6px*var(--sk-top-u, 1));
    white-space: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex
}

.Header-module-scss-module__MOi2bG__profileName {
    text-overflow: ellipsis;
    max-width: 180px;
    color: var(--sk-cyan-50);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-bold);
    font-size: calc(14px*var(--sk-top-u, 1));
    line-height: calc(16px*var(--sk-top-u, 1));
    text-align: right;
    overflow: hidden
}

.Header-module-scss-module__MOi2bG__profileId {
    color: var(--sk-light-250);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-semibold);
    font-size: calc(10px*var(--sk-top-u, 1));
    line-height: calc(12px*var(--sk-top-u, 1));
    opacity: .5
}

.Header-module-scss-module__MOi2bG__avatar {
    box-sizing: border-box;
    width: calc(46px*var(--sk-top-u, 1));
    height: calc(46px*var(--sk-top-u, 1));
    border: 2px solid var(--sk-dark-550);
    background-color: var(--sk-dark-950);
    border-radius: 8px;
    flex: none;
    overflow: hidden
}

.Header-module-scss-module__MOi2bG__avatar img,
.Header-module-scss-module__MOi2bG__avatar svg {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.Header-module-scss-module__MOi2bG__logoLink:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 4px;
    border-radius: 4px
}

@media (max-width:1439px) {
    .Header-module-scss-module__MOi2bG__root {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        padding-inline: 12px;
        display: grid
    }

    .Header-module-scss-module__MOi2bG__left {
        display: contents
    }

    .Header-module-scss-module__MOi2bG__account,
    .Header-module-scss-module__MOi2bG__accountSkeleton,
    .Header-module-scss-module__MOi2bG__root>button {
        justify-self: end
    }

    .Header-module-scss-module__MOi2bG__nav {
        border-top: 1px solid #a3a7a81f;
        grid-area: 2/1/auto/-1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
        padding-top: 8px;
        display: grid
    }

    .Header-module-scss-module__MOi2bG__nav>:is(a, button) {
        border-radius: 8px;
        justify-content: center;
        min-height: 48px
    }

    .Header-module-scss-module__MOi2bG__nav>:is(a, button):hover {
        background: var(--sk-dark-950)
    }
}

@media (max-width:767px) {
    .Header-module-scss-module__MOi2bG__root {
        grid-template-columns: minmax(0, 1fr) auto
    }

    .Header-module-scss-module__MOi2bG__logoLink,
    .Header-module-scss-module__MOi2bG__logo {
        max-width: 100%
    }

    .Header-module-scss-module__MOi2bG__avatar {
        width: 46px;
        height: 46px
    }

    .Header-module-scss-module__MOi2bG__balanceValue,
    .Header-module-scss-module__MOi2bG__accountSkeleton {
        height: 46px
    }

    .Header-module-scss-module__MOi2bG__refillButton {
        gap: 0;
        width: 46px;
        height: 46px;
        padding: 0
    }

    .Header-module-scss-module__MOi2bG__refillLabel {
        display: none
    }

    .Header-module-scss-module__MOi2bG__nav>:is(a, button) {
        flex-direction: column;
        gap: 2px;
        padding: 4px 0;
        font-size: 12px;
        line-height: 16px
    }

    .Header-module-scss-module__MOi2bG__profileText {
        display: none
    }

    .Header-module-scss-module__MOi2bG__account {
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 6px
    }
}

.Header-module-scss-module__MOi2bG__refillReveal {
    opacity: 0;
    pointer-events: none;
    width: max-content;
    min-width: 0;
    max-width: 100%;
    transition: grid-template-columns var(--sk-dur-4) var(--sk-ease-emphasized), opacity var(--sk-dur-3) var(--sk-ease-out);
    flex-shrink: 0;
    grid-template-columns: 0fr;
    display: grid;
    overflow: hidden
}

.Header-module-scss-module__MOi2bG__refillRevealVisible {
    opacity: 1;
    pointer-events: auto;
    grid-template-columns: max-content
}

.Header-module-scss-module__MOi2bG__refillRevealInner {
    transform-origin: 0;
    filter: blur(3px);
    min-width: 0;
    transition: transform var(--sk-dur-4) var(--sk-ease-out), filter var(--sk-dur-3) var(--sk-ease-out);
    overflow: hidden;
    transform: translate(-10px)scale(.94)
}

.Header-module-scss-module__MOi2bG__refillRevealVisible .Header-module-scss-module__MOi2bG__refillRevealInner {
    filter: blur();
    transform: none
}

@media (prefers-reduced-motion:reduce) {

    .Header-module-scss-module__MOi2bG__refillRevealInner,
    .Header-module-scss-module__MOi2bG__refillRevealVisible .Header-module-scss-module__MOi2bG__refillRevealInner {
        filter: none;
        transform: none
    }
}

@media (max-width:380px) {
    .Header-module-scss-module__MOi2bG__nav>:is(a, button) {
        font-size: 11px
    }
}

.Footer-module-scss-module__Ev2ela__root {
    --footer-u: min(1px, 100cqw / 1728);
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: 1728px;
    min-height: calc(392*var(--footer-u));
    background-color: var(--sk-dark-1100);
    margin-inline: auto;
    position: relative;
    container-type: inline-size
}

.Footer-module-scss-module__Ev2ela__root:before {
    content: "";
    inset-block: 0;
    width: calc(100vw/var(--z, 1));
    z-index: -1;
    background-color: var(--sk-dark-1100);
    pointer-events: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.Footer-module-scss-module__Ev2ela__decor {
    top: calc(-75*var(--footer-u));
    pointer-events: none;
    width: min(100%, 1728px);
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%)
}

.Footer-module-scss-module__Ev2ela__panel,
.Footer-module-scss-module__Ev2ela__pattern {
    height: calc(392*var(--footer-u));
    clip-path: polygon(19.61% 0, 100% 0, 100% 100%, 0 100%);
    width: 40.3935%;
    position: absolute;
    bottom: 0;
    right: 0
}

.Footer-module-scss-module__Ev2ela__panel {
    background-color: var(--sk-dark-950)
}

.Footer-module-scss-module__Ev2ela__pattern {
    background-color: var(--sk-cyan-500);
    -webkit-mask-image: url(../img/decor-pattern.3rp02y9gc2208.webp);
    mask-image: url(../img/decor-pattern.3rp02y9gc2208.webp);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.Footer-module-scss-module__Ev2ela__glow {
    background-image: var(--sk-footer-glow, url(../media/decor-ellipse.2df4mbe1tnxyx.svg));
    background-repeat: no-repeat;
    background-size: contain;
    width: 884px;
    height: 884px;
    position: absolute;
    bottom: -462px;
    right: -384px
}

.Footer-module-scss-module__Ev2ela__art {
    aspect-ratio: 838/467;
    background-image: var(--sk-footer-art, url(../media/decor-soldiers.1nvze08mxriyt.webp));
    background-position: 50%;
    background-size: cover;
    width: 48.4954%;
    position: absolute;
    bottom: 0;
    right: -8.9699%
}

.Footer-module-scss-module__Ev2ela__inner {
    gap: calc(52*var(--footer-u));
    box-sizing: border-box;
    max-width: 1728px;
    padding-block: calc(52*var(--footer-u));
    padding-inline: calc(200*var(--footer-u));
    margin-inline: auto;
    display: flex;
    position: relative
}

.Footer-module-scss-module__Ev2ela__brand {
    gap: calc(30*var(--footer-u));
    width: calc(349*var(--footer-u));
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.Footer-module-scss-module__Ev2ela__brandTop {
    gap: calc(20*var(--footer-u));
    align-items: center;
    display: flex
}

.Footer-module-scss-module__Ev2ela__logo {
    width: calc(175*var(--footer-u));
    height: auto;
    color: var(--sk-light-400);
    --sk-logo-mark: var(--sk-light-400)
}

.Footer-module-scss-module__Ev2ela__lang {
    gap: calc(6*var(--footer-u));
    padding: calc(8*var(--footer-u));
    border-radius: calc(4*var(--footer-u));
    background-color: var(--sk-dark-950);
    color: var(--sk-light-350);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    font-size: calc(15*var(--footer-u));
    line-height: calc(16*var(--footer-u));
    white-space: nowrap;
    cursor: pointer;
    border: none;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.Footer-module-scss-module__Ev2ela__langCaret {
    width: calc(6*var(--footer-u));
    height: calc(3*var(--footer-u));
    color: var(--sk-light-400)
}

.Footer-module-scss-module__Ev2ela__legal {
    width: 100%;
    color: var(--sk-light-300);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    font-size: calc(12*var(--footer-u));
    line-height: calc(16*var(--footer-u));
    opacity: .4;
    margin: 0
}

.Footer-module-scss-module__Ev2ela__socials {
    gap: calc(6*var(--footer-u));
    align-items: center;
    display: flex
}

.Footer-module-scss-module__Ev2ela__social {
    color: var(--sk-light-400);
    transition: color .12s;
    display: block
}

.Footer-module-scss-module__Ev2ela__social:hover {
    color: var(--sk-light-300)
}

.Footer-module-scss-module__Ev2ela__social svg {
    width: calc(18*var(--footer-u));
    height: calc(18*var(--footer-u));
    display: block
}

.Footer-module-scss-module__Ev2ela__columns {
    gap: calc(80*var(--footer-u));
    top: calc(4*var(--footer-u));
    align-self: center;
    align-items: flex-start;
    display: flex;
    position: relative
}

.Footer-module-scss-module__Ev2ela__column {
    gap: calc(40*var(--footer-u));
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.Footer-module-scss-module__Ev2ela__group {
    gap: calc(16*var(--footer-u));
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.Footer-module-scss-module__Ev2ela__groupTitle {
    color: var(--sk-cyan-400);
    font-family: var(--sk-font-family-display);
    font-weight: 400;
    font-size: calc(15*var(--footer-u));
    line-height: calc(16*var(--footer-u));
    text-transform: uppercase;
    white-space: pre-line;
    margin: 0
}

.Footer-module-scss-module__Ev2ela__link {
    color: var(--sk-light-400);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-semibold);
    font-size: calc(16*var(--footer-u));
    line-height: calc(16*var(--footer-u));
    white-space: nowrap;
    text-decoration: none;
    transition: color .12s
}

.Footer-module-scss-module__Ev2ela__link:hover {
    color: var(--sk-light-300)
}

.Footer-module-scss-module__Ev2ela__social:focus-visible,
.Footer-module-scss-module__Ev2ela__link:focus-visible,
.Footer-module-scss-module__Ev2ela__lang:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 3px;
    border-radius: 2px
}

@media (max-width:767px) {
    .Footer-module-scss-module__Ev2ela__root {
        --footer-u: .75px;
        min-height: 757px
    }

    .Footer-module-scss-module__Ev2ela__inner {
        gap: calc(30*var(--footer-u));
        flex-direction: column;
        align-items: center;
        padding-block: 39px 0;
        padding-inline: 20px
    }

    .Footer-module-scss-module__Ev2ela__brand,
    .Footer-module-scss-module__Ev2ela__columns,
    .Footer-module-scss-module__Ev2ela__column,
    .Footer-module-scss-module__Ev2ela__group {
        align-items: center
    }

    .Footer-module-scss-module__Ev2ela__brand {
        width: calc(349*var(--footer-u))
    }

    .Footer-module-scss-module__Ev2ela__legal {
        text-align: center
    }

    .Footer-module-scss-module__Ev2ela__columns {
        align-self: auto;
        top: 0
    }

    .Footer-module-scss-module__Ev2ela__groupTitle,
    .Footer-module-scss-module__Ev2ela__link {
        text-align: center
    }

    .Footer-module-scss-module__Ev2ela__decor {
        top: 0
    }

    .Footer-module-scss-module__Ev2ela__panel,
    .Footer-module-scss-module__Ev2ela__pattern {
        display: none
    }

    .Footer-module-scss-module__Ev2ela__art {
        aspect-ratio: auto;
        width: 522px;
        height: 291px;
        right: -96px
    }

    .Footer-module-scss-module__Ev2ela__glow {
        width: 411px;
        height: 411px;
        bottom: -215px;
        right: -180px
    }
}

.LiveDropCard-module-scss-module__oNq7sa__root {
    --card-rarity: var(--sk-rarity-grey);
    width: var(--sk-live-w, calc(110px * var(--sk-top-u, 1)));
    height: var(--sk-live-h, calc(80px * var(--sk-top-u, 1)));
    border-radius: calc(4px*var(--sk-top-u, 1));
    background-color: var(--sk-dark-1000);
    cursor: pointer;
    transition: background-color var(--sk-dur-2, .18s) var(--sk-ease-out, ease);
    border: none;
    padding: 0;
    position: relative;
    overflow: hidden
}

.LiveDropCard-module-scss-module__oNq7sa__pattern {
    background-color: var(--card-rarity);
    position: absolute;
    inset: 0;
    -webkit-mask-image: url(../media/rarity-pattern.0ia2hjyfldgcr.webp);
    mask-image: url(../media/rarity-pattern.0ia2hjyfldgcr.webp);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.LiveDropCard-module-scss-module__oNq7sa__glow {
    top: calc(-55.1px*var(--sk-top-u, 1));
    left: calc(-180.1px*var(--sk-top-u, 1));
    width: calc(360.2px*var(--sk-top-u, 1));
    height: calc(360.2px*var(--sk-top-u, 1));
    background-color: var(--card-rarity);
    position: absolute;
    -webkit-mask-image: url(../media/rarity-glow.2ovmb2uuhr-0h.webp);
    mask-image: url(../media/rarity-glow.2ovmb2uuhr-0h.webp);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.LiveDropCard-module-scss-module__oNq7sa__marker {
    top: calc(2px*var(--sk-top-u, 1));
    right: calc(2px*var(--sk-top-u, 1));
    width: calc(10px*var(--sk-top-u, 1));
    height: calc(10px*var(--sk-top-u, 1));
    color: var(--card-rarity);
    position: absolute
}

.LiveDropCard-module-scss-module__oNq7sa__skin {
    width: calc(88px*var(--sk-top-u, 1));
    height: calc(66px*var(--sk-top-u, 1));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.LiveDropCard-module-scss-module__oNq7sa__skin>* {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.LiveDropCard-module-scss-module__oNq7sa__text {
    right: calc(6px*var(--sk-top-u, 1));
    bottom: calc(6px*var(--sk-top-u, 1));
    left: calc(6px*var(--sk-top-u, 1));
    color: var(--sk-light-100);
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-medium);
    white-space: nowrap;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: absolute
}

.LiveDropCard-module-scss-module__oNq7sa__weapon,
.LiveDropCard-module-scss-module__oNq7sa__name {
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    overflow: hidden
}

.LiveDropCard-module-scss-module__oNq7sa__weapon {
    font-size: calc(9px*var(--sk-top-u, 1));
    line-height: calc(10px*var(--sk-top-u, 1));
    opacity: .4
}

.LiveDropCard-module-scss-module__oNq7sa__name {
    font-size: calc(10px*var(--sk-top-u, 1));
    line-height: calc(12px*var(--sk-top-u, 1))
}

.LiveDropCard-module-scss-module__oNq7sa__case {
    right: calc(-18px*var(--sk-top-u, 1));
    bottom: calc(-17px*var(--sk-top-u, 1));
    width: calc(99px*var(--sk-top-u, 1));
    height: calc(99px*var(--sk-top-u, 1));
    position: absolute
}

.LiveDropCard-module-scss-module__oNq7sa__case>* {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.LiveDropCard-module-scss-module__oNq7sa__winner {
    top: calc(40px*var(--sk-top-u, 1));
    left: calc(7px*var(--sk-top-u, 1));
    box-sizing: border-box;
    width: calc(32px*var(--sk-top-u, 1));
    height: calc(32px*var(--sk-top-u, 1));
    border: 1px solid var(--sk-light-400);
    border-radius: calc(3px*var(--sk-top-u, 1));
    position: absolute;
    overflow: hidden
}

.LiveDropCard-module-scss-module__oNq7sa__winner>* {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.LiveDropCard-module-scss-module__oNq7sa__skin,
.LiveDropCard-module-scss-module__oNq7sa__text,
.LiveDropCard-module-scss-module__oNq7sa__case,
.LiveDropCard-module-scss-module__oNq7sa__winner {
    transition: opacity var(--sk-dur-2, .18s) var(--sk-ease-out, ease), transform var(--sk-dur-3, .26s) var(--sk-ease-out, ease)
}

.LiveDropCard-module-scss-module__oNq7sa__case,
.LiveDropCard-module-scss-module__oNq7sa__winner {
    opacity: 0
}

.LiveDropCard-module-scss-module__oNq7sa__case {
    transform: scale(.88)
}

.LiveDropCard-module-scss-module__oNq7sa__winner {
    transform: translateY(calc(6px * var(--sk-top-u, 1)))
}

.LiveDropCard-module-scss-module__oNq7sa__glow {
    transition: transform var(--sk-dur-4, .38s) var(--sk-ease-out, ease)
}

.LiveDropCard-module-scss-module__oNq7sa__root:hover {
    background-color: var(--sk-dark-900)
}

.LiveDropCard-module-scss-module__oNq7sa__root:hover .LiveDropCard-module-scss-module__oNq7sa__glow {
    transform: scale(1.08)
}

.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:hover .LiveDropCard-module-scss-module__oNq7sa__skin,
.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:focus-visible .LiveDropCard-module-scss-module__oNq7sa__skin {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.9)
}

.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:has(:focus-visible) .LiveDropCard-module-scss-module__oNq7sa__skin {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.9)
}

.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:hover .LiveDropCard-module-scss-module__oNq7sa__text,
.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:focus-visible .LiveDropCard-module-scss-module__oNq7sa__text {
    transform: translateY(calc(4px * var(--sk-top-u, 1)));
    opacity: 0
}

.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:has(:focus-visible) .LiveDropCard-module-scss-module__oNq7sa__text {
    transform: translateY(calc(4px * var(--sk-top-u, 1)));
    opacity: 0
}

.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:hover .LiveDropCard-module-scss-module__oNq7sa__case,
.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:hover .LiveDropCard-module-scss-module__oNq7sa__winner,
.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:focus-visible .LiveDropCard-module-scss-module__oNq7sa__case,
.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:focus-visible .LiveDropCard-module-scss-module__oNq7sa__winner {
    opacity: 1;
    transform: none
}

.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:has(:focus-visible) .LiveDropCard-module-scss-module__oNq7sa__case {
    opacity: 1;
    transform: none
}

.LiveDropCard-module-scss-module__oNq7sa__root.LiveDropCard-module-scss-module__oNq7sa__hasReveal:has(:focus-visible) .LiveDropCard-module-scss-module__oNq7sa__winner {
    opacity: 1;
    transform: none
}

@media (prefers-reduced-motion:reduce) {

    .LiveDropCard-module-scss-module__oNq7sa__skin,
    .LiveDropCard-module-scss-module__oNq7sa__text,
    .LiveDropCard-module-scss-module__oNq7sa__case,
    .LiveDropCard-module-scss-module__oNq7sa__winner,
    .LiveDropCard-module-scss-module__oNq7sa__glow,
    .LiveDropCard-module-scss-module__oNq7sa__root {
        transition: none
    }
}

.LiveDropCard-module-scss-module__oNq7sa__root:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.LiveDropCard-module-scss-module__oNq7sa__navigation {
    cursor: default
}

.LiveDropCard-module-scss-module__oNq7sa__sourceLink,
.LiveDropCard-module-scss-module__oNq7sa__winnerLink {
    position: absolute
}

.LiveDropCard-module-scss-module__oNq7sa__sourceLink>a,
.LiveDropCard-module-scss-module__oNq7sa__winnerLink>a {
    border-radius: calc(3px*var(--sk-top-u, 1));
    position: absolute;
    inset: 0
}

.LiveDropCard-module-scss-module__oNq7sa__sourceLink>a:focus-visible,
.LiveDropCard-module-scss-module__oNq7sa__winnerLink>a:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: -2px
}

.LiveDropCard-module-scss-module__oNq7sa__sourceLink {
    inset: 0
}

.LiveDropCard-module-scss-module__oNq7sa__winnerLink {
    top: calc(40px*var(--sk-top-u, 1));
    left: calc(7px*var(--sk-top-u, 1));
    width: calc(32px*var(--sk-top-u, 1));
    height: calc(32px*var(--sk-top-u, 1));
    pointer-events: none
}

.LiveDropCard-module-scss-module__oNq7sa__navigation:hover .LiveDropCard-module-scss-module__oNq7sa__winnerLink {
    pointer-events: auto
}

.LiveDropCard-module-scss-module__oNq7sa__navigation:has(:focus-visible) .LiveDropCard-module-scss-module__oNq7sa__winnerLink {
    pointer-events: auto
}

@media (hover:none) {

    .LiveDropCard-module-scss-module__oNq7sa__navigation .LiveDropCard-module-scss-module__oNq7sa__winner,
    .LiveDropCard-module-scss-module__oNq7sa__navigation .LiveDropCard-module-scss-module__oNq7sa__winnerLink {
        top: calc(4px*var(--sk-top-u, 1));
        opacity: 1;
        transform: none
    }

    .LiveDropCard-module-scss-module__oNq7sa__navigation .LiveDropCard-module-scss-module__oNq7sa__winnerLink {
        pointer-events: auto
    }
}

.LiveFeed-module-scss-module__3qR-2q__root {
    height: calc(88px*var(--sk-top-u, 1));
    background-color: var(--sk-dark-950);
    position: relative;
    overflow: hidden
}

.LiveFeed-module-scss-module__3qR-2q__empty {
    height: 100%;
    color: var(--sk-light-250);
    align-items: center;
    margin: 0;
    padding-inline: 16px;
    font-size: 12px;
    display: flex
}

.LiveFeed-module-scss-module__3qR-2q__track {
    gap: calc(4px*var(--sk-top-u, 1));
    box-sizing: border-box;
    padding: calc(4px*var(--sk-top-u, 1));
    --sk-feed-fade-in: calc(18px * var(--sk-top-u, 1));
    --sk-feed-fade-out: calc(56px * var(--sk-top-u, 1));
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--sk-feed-fade-in), #000 calc(100% - var(--sk-feed-fade-out)), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--sk-feed-fade-in), #000 calc(100% - var(--sk-feed-fade-out)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--sk-feed-fade-in), #000 calc(100% - var(--sk-feed-fade-out)), transparent 100%);
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.LiveFeed-module-scss-module__3qR-2q__item {
    flex: none;
    display: block;
    position: relative
}

.LiveFeed-module-scss-module__3qR-2q__flash {
    border-radius: calc(4px*var(--sk-top-u, 1));
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.LiveFeed-module-scss-module__3qR-2q__burst {
    opacity: 0;
    background: radial-gradient(130% 150% at 0% 100%, var(--card-rarity, var(--sk-cyan-500)) 0%, transparent 62%);
    mix-blend-mode: screen;
    position: absolute;
    inset: 0
}

.LiveFeed-module-scss-module__3qR-2q__fresh .LiveFeed-module-scss-module__3qR-2q__burst {
    animation: LiveFeed-module-scss-module__3qR-2q__sk-live-burst var(--sk-dur-5) var(--sk-ease-out) forwards
}

.LiveFeed-module-scss-module__3qR-2q__sweep {
    opacity: 0;
    background: linear-gradient(100deg, #0000 0%, #ffffff80 50%, #0000 100%);
    width: 60%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60%
}

.LiveFeed-module-scss-module__3qR-2q__fresh .LiveFeed-module-scss-module__3qR-2q__sweep {
    animation: LiveFeed-module-scss-module__3qR-2q__sk-live-sweep var(--sk-dur-6) var(--sk-ease-inout) 60ms forwards
}

@keyframes LiveFeed-module-scss-module__3qR-2q__sk-live-burst {
    0% {
        opacity: calc(.9*var(--sk-live-heat, 1));
        transform: scale(1.12)
    }

    55% {
        opacity: calc(.34*var(--sk-live-heat, 1))
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes LiveFeed-module-scss-module__3qR-2q__sk-live-sweep {
    0% {
        opacity: 0;
        transform: translate(0)
    }

    22% {
        opacity: calc(.55 + .45*var(--sk-live-heat, 1))
    }

    to {
        opacity: 0;
        transform: translate(300%)
    }
}

@media (prefers-reduced-motion:reduce) {

    .LiveFeed-module-scss-module__3qR-2q__fresh .LiveFeed-module-scss-module__3qR-2q__burst,
    .LiveFeed-module-scss-module__3qR-2q__fresh .LiveFeed-module-scss-module__3qR-2q__sweep {
        animation: none
    }
}

.StatsBar-module-scss-module__6Qhdqa__root {
    box-sizing: border-box;
    width: 100%;
    max-width: 1728px;
    padding-block: calc(6px*var(--sk-top-u, 1));
    padding-inline: calc(60px*var(--sk-top-u, 1));
    background-color: var(--sk-dark-900);
    justify-content: space-between;
    align-items: center;
    margin-inline: auto;
    display: flex
}

.StatsBar-module-scss-module__6Qhdqa__stats {
    gap: calc(18px*var(--sk-top-u, 1));
    align-items: center;
    display: flex
}

.StatsBar-module-scss-module__6Qhdqa__stat {
    gap: calc(4px*var(--sk-top-u, 1));
    border-radius: 4px;
    align-items: center;
    display: flex
}

.StatsBar-module-scss-module__6Qhdqa__statIcon {
    width: calc(18px*var(--sk-top-u, 1));
    height: calc(18px*var(--sk-top-u, 1));
    color: inherit;
    flex: none;
    display: block
}

.StatsBar-module-scss-module__6Qhdqa__statText {
    gap: calc(2px*var(--sk-top-u, 1));
    font-family: var(--sk-font-family);
    font-weight: var(--sk-font-weight-semibold);
    font-size: calc(10px*var(--sk-top-u, 1));
    line-height: calc(12px*var(--sk-top-u, 1));
    white-space: nowrap;
    align-items: center;
    display: flex
}

.StatsBar-module-scss-module__6Qhdqa__statValue {
    color: inherit
}

.StatsBar-module-scss-module__6Qhdqa__statLabel {
    color: var(--sk-light-200);
    opacity: .5
}

.StatsBar-module-scss-module__6Qhdqa__separator {
    width: calc(5px*var(--sk-top-u, 1));
    height: calc(12px*var(--sk-top-u, 1));
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.StatsBar-module-scss-module__6Qhdqa__separator:before {
    content: "";
    width: calc(13px*var(--sk-top-u, 1));
    background-color: var(--sk-dark-550);
    height: 1px;
    transform: rotate(-67.38deg)
}

.StatsBar-module-scss-module__6Qhdqa__socials {
    gap: calc(6px*var(--sk-top-u, 1));
    align-items: center;
    display: flex
}

.StatsBar-module-scss-module__6Qhdqa__social {
    color: var(--sk-light-400);
    transition: color .12s;
    display: block
}

.StatsBar-module-scss-module__6Qhdqa__social:hover {
    color: var(--sk-light-300)
}

.StatsBar-module-scss-module__6Qhdqa__social svg {
    width: calc(18px*var(--sk-top-u, 1));
    height: calc(18px*var(--sk-top-u, 1));
    display: block
}

.StatsBar-module-scss-module__6Qhdqa__social:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px;
    border-radius: 2px
}

@media (max-width:767px) {
    .StatsBar-module-scss-module__6Qhdqa__root {
        padding-inline: 12px
    }

    .StatsBar-module-scss-module__6Qhdqa__socials {
        display: none
    }

    .StatsBar-module-scss-module__6Qhdqa__stats {
        flex-wrap: wrap;
        gap: 6px 14px;
        width: 100%
    }

    .StatsBar-module-scss-module__6Qhdqa__statText {
        flex-wrap: wrap;
        font-size: 10px;
        line-height: 14px
    }

    .StatsBar-module-scss-module__6Qhdqa__separator {
        display: none
    }
}

@media (max-width:479px) {
    .StatsBar-module-scss-module__6Qhdqa__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        display: grid
    }
}

.TopBar-module-scss-module__uj7lrG__root {
    --sk-top-u: 1;
    z-index: 1;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (max-width:767px) {
    .TopBar-module-scss-module__uj7lrG__root {
        --sk-top-u: .75
    }
}

.TopBar-module-scss-module__uj7lrG__feedRow {
    background: var(--sk-dark-950);
    min-width: 0;
    display: flex
}

.TopBar-module-scss-module__uj7lrG__headerRow {
    background-color: var(--sk-dark-800)
}

.TopBar-module-scss-module__uj7lrG__statsRow {
    background-color: var(--sk-dark-900)
}

.TopBar-module-scss-module__uj7lrG__feed {
    flex: 1;
    min-width: 0
}

.TopBar-module-scss-module__uj7lrG__feedFilters {
    box-sizing: border-box;
    border-right: 1px solid var(--sk-dark-750);
    flex: 0 0 48px;
    grid-template-rows: 1fr 1fr;
    gap: 4px;
    padding: 4px;
    display: grid
}

.TopBar-module-scss-module__uj7lrG__feedFilter {
    background: var(--sk-dark-850);
    color: var(--sk-light-250);
    font: 600 11px/1.2 var(--sk-font-family);
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex
}

.TopBar-module-scss-module__uj7lrG__feedFilter svg {
    flex-shrink: 0
}

.TopBar-module-scss-module__uj7lrG__feedFilter:hover {
    color: var(--sk-light-100)
}

.TopBar-module-scss-module__uj7lrG__feedFilter[aria-pressed=true] {
    color: var(--sk-cyan-400);
    background: var(--sk-dark-700)
}

.TopBar-module-scss-module__uj7lrG__feedFilter:focus-visible {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: -3px
}

@media (max-width:767px) {
    .TopBar-module-scss-module__uj7lrG__feedFilters {
        flex-basis: 44px;
        gap: 3px;
        padding: 3px
    }
}

.GameTitle-module-scss-module__i3JCkG__root {
    --title-accent: var(--sk-cyan-400, #96e2e7);
    isolation: isolate;
    box-sizing: border-box;
    place-items: center;
    width: 100%;
    min-width: 0;
    padding: 24px 12px 32px;
    display: grid;
    position: relative
}

.GameTitle-module-scss-module__i3JCkG__glow {
    z-index: -1;
    background: var(--title-accent);
    pointer-events: none;
    width: min(594px, 100vw - 32px);
    height: 174px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)rotate(180deg);
    -webkit-mask-image: url(/img/section-glow.110prkwd3-hen.webp), linear-gradient(#0000, #000 24%);
    mask-image: url(../img/section-glow.110prkwd3-hen.webp), linear-gradient(#0000, #000 24%);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}

.GameTitle-module-scss-module__i3JCkG__title {
    color: var(--sk-light-100, #fff);
    font: 400 32px/1.15 var(--sk-font-family-display);
    text-align: center;
    text-transform: uppercase;
    text-wrap: balance;
    margin: 0
}

.GameTitle-module-scss-module__i3JCkG__title img {
    width: min(100%, 300px);
    height: auto;
    display: block
}

@media (max-width:767px) {
    .GameTitle-module-scss-module__i3JCkG__root {
        padding: 20px 8px 28px
    }

    .GameTitle-module-scss-module__i3JCkG__title {
        font-size: clamp(18px, 5.4vw, 24px)
    }

    .GameTitle-module-scss-module__i3JCkG__title img {
        width: min(100%, 280px)
    }

    .GameTitle-module-scss-module__i3JCkG__glow {
        height: 130px
    }
}

.Text-module-scss-module__cBMzEG__root {
    font-family: var(--sk-font-family);
    margin: 0
}

.Text-module-scss-module__cBMzEG__buttonLg {
    font-weight: var(--sk-font-weight-bold);
    font-size: var(--sk-font-size-button-lg);
    line-height: var(--sk-line-height-button-lg)
}

.Text-module-scss-module__cBMzEG__buttonMd {
    font-weight: var(--sk-font-weight-bold);
    font-size: var(--sk-font-size-button-md);
    line-height: var(--sk-line-height-button-md)
}

.Text-module-scss-module__cBMzEG__buttonSm {
    font-weight: var(--sk-font-weight-bold);
    font-size: var(--sk-font-size-button-sm);
    line-height: var(--sk-line-height-button-sm)
}

.Text-module-scss-module__cBMzEG__nav {
    font-weight: var(--sk-font-weight-medium);
    font-size: var(--sk-font-size-nav);
    line-height: var(--sk-line-height-nav)
}

.Text-module-scss-module__cBMzEG__primary {
    color: var(--sk-text-primary)
}

.Text-module-scss-module__cBMzEG__muted {
    color: var(--sk-text-muted)
}

.Text-module-scss-module__cBMzEG__accent {
    color: var(--sk-cyan-400)
}

.Text-module-scss-module__cBMzEG__onAccent {
    color: var(--sk-text-on-accent)
}

.case-vip-burst-module-scss-module__hba4BW__root {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: visible
}

.case-vip-burst-module-scss-module__hba4BW__flash {
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: screen;
    filter: blur(6px);
    will-change: transform, opacity;
    background: radial-gradient(55% 45%, #fffce6 0%, #ffdc82bf 28%, #ffaa3252 60%, #0000 100%);
    position: absolute;
    inset: -15%
}

.case-vip-burst-module-scss-module__hba4BW__shockwave {
    z-index: 2;
    pointer-events: none;
    will-change: transform, opacity;
    border: 2px solid #ffeab4f2;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 18px #ffc860d9, inset 0 0 12px #ffe2a88c
}

.case-vip-burst-module-scss-module__hba4BW__rays {
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: screen;
    will-change: transform, opacity;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%
}

.case-vip-burst-module-scss-module__hba4BW__ray {
    filter: blur(1.5px);
    width: 6px;
    height: 320px;
    transform: rotate(var(--ray-angle, 0deg)) scaleY(.18);
    transform-origin: 50%;
    background: linear-gradient(#0000 0%, #ffe8a800 18%, #ffde90f2 50%, #ffe8a800 82%, #0000 100%);
    margin-top: -160px;
    margin-left: -3px;
    animation: .95s ease-out forwards case-vip-burst-module-scss-module__hba4BW__vip-burst-ray;
    position: absolute;
    top: 0;
    left: 0
}

@keyframes case-vip-burst-module-scss-module__hba4BW__vip-burst-ray {
    0% {
        transform: rotate(var(--ray-angle, 0deg)) scaleY(.18);
        opacity: 0
    }

    25% {
        opacity: 1
    }

    60% {
        transform: rotate(var(--ray-angle, 0deg)) scaleY(1);
        opacity: .85
    }

    to {
        transform: rotate(var(--ray-angle, 0deg)) scaleY(1.2);
        opacity: 0
    }
}

.case-opening-screen-module-scss-module__IF966W__page {
    box-sizing: border-box;
    min-width: 0;
    width: calc(100% + 2*var(--page-inline, 0px));
    max-width: none;
    margin-left: calc(-1*var(--page-inline, 0px));
    margin-right: calc(-1*var(--page-inline, 0px));
    min-height: calc(100dvh/var(--z) - 120px);
    background: var(--sk-surface-page);
    flex-shrink: 0;
    margin-bottom: 0;
    position: relative;
    overflow: clip visible
}

@media (min-width:1025px) {
    .case-opening-screen-module-scss-module__IF966W__page {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }
}

.case-opening-screen-module-scss-module__IF966W__scene {
    min-height: inherit;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: clamp(48px, 7vw, 88px) 24px 72px;
    scroll-margin-top: 96px;
    display: flex;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__scene:before {
    content: "";
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(ellipse 34% 18% at 50% 53%, #ffffff3d 0%, #ffffff14 34%, transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--sk-surface-page) 82%, transparent) 0%, color-mix(in srgb, var(--sk-surface-page) 24%, transparent) 18%, transparent 34%, transparent 74%, color-mix(in srgb, var(--sk-surface-page) 42%, transparent) 100%);
    position: absolute;
    inset: 0
}

.case-opening-screen-module-scss-module__IF966W__sceneBackdrop {
    --case-backdrop-image: url(/actual/case-opening/cs2-depot-v1.webp);
    z-index: 0;
    background: linear-gradient(180deg, #000000bd 0%, #000000ad 20%, #000000b8 80%, #000000d6 100%), var(--case-backdrop-image) center center/cover no-repeat;
    pointer-events: none;
    width: 100vw;
    height: clamp(560px, 72vh, 820px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    -webkit-mask-image: linear-gradient(#0000 0%, #000 14% 68%, #0000 100%);
    mask-image: linear-gradient(#0000 0%, #000 14% 68%, #0000 100%)
}

.case-opening-screen-module-scss-module__IF966W__centerStage {
    z-index: 1;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 1328px;
    display: flex;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__centerStageSpinActive,
.case-opening-screen-module-scss-module__IF966W__centerStageMultiSpinActive {
    gap: 0
}

.case-opening-screen-module-scss-module__IF966W__boardHeader {
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    display: flex;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__boardHeaderButton {
    color: var(--sk-light-200)
}

.case-opening-screen-module-scss-module__IF966W__boardHeaderButtonActive {
    color: var(--sk-cyan-400)
}

.case-opening-screen-module-scss-module__IF966W__boardTitleWrap {
    pointer-events: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.case-opening-screen-module-scss-module__IF966W__caseTitle {
    z-index: 1;
    color: var(--sk-light-100);
    font-family: var(--sk-font-family-display);
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__boardTitleGlow {
    background: radial-gradient(32% 46% at 50% 100%, #51cfd647 0%, #51cfd61a 45%, #0000 78%);
    width: 594px;
    max-width: 100%;
    height: 174px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.case-opening-screen-module-scss-module__IF966W__boardTitleRule,
.case-opening-screen-module-scss-module__IF966W__boardTitleRuleShort {
    background-color: var(--sk-cyan-400);
    border-radius: 5px 5px 0 0;
    height: 2px;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.case-opening-screen-module-scss-module__IF966W__boardTitleRule {
    width: 277px;
    bottom: 0
}

.case-opening-screen-module-scss-module__IF966W__boardTitleRuleShort {
    width: 93px;
    bottom: 2px
}

.case-opening-screen-module-scss-module__IF966W__stage {
    box-sizing: border-box;
    background-color: var(--sk-dark-950);
    border-radius: 12px 12px 0 0;
    padding: 14px;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__stageStandalone {
    border-radius: 12px
}

.case-opening-screen-module-scss-module__IF966W__spinExperienceSlot {
    justify-content: center;
    width: 100%;
    display: flex
}

.case-opening-screen-module-scss-module__IF966W__quickOpenPrewarm {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.case-opening-screen-module-scss-module__IF966W__idlePreview {
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__idleStrip {
    box-sizing: border-box;
    background-color: var(--sk-dark-1150);
    border-radius: 8px;
    align-items: center;
    gap: 10px;
    padding: 10px;
    display: flex;
    position: relative;
    overflow: hidden
}

.case-opening-screen-module-scss-module__IF966W__idleStripCard {
    flex: none;
    width: 160px
}

.case-opening-screen-module-scss-module__IF966W__idleStripFadeLeft,
.case-opening-screen-module-scss-module__IF966W__idleStripFadeRight {
    pointer-events: none;
    width: clamp(72px, 18%, 220px);
    position: absolute;
    top: 10px;
    bottom: 10px
}

.case-opening-screen-module-scss-module__IF966W__idleStripFadeLeft {
    background: linear-gradient(to right, var(--sk-dark-1150) 0%, #050b0dfa 12%, #050b0dd1 35%, #050b0d61 68%, #050b0d00 100%);
    left: 0
}

.case-opening-screen-module-scss-module__IF966W__idleStripFadeRight {
    background: linear-gradient(to left, var(--sk-dark-1150) 0%, #050b0dfa 12%, #050b0dd1 35%, #050b0d61 68%, #050b0d00 100%);
    right: 0
}

.case-opening-screen-module-scss-module__IF966W__idleStripDim {
    background-color: var(--sk-dark-1150);
    opacity: .7;
    pointer-events: none;
    border-radius: 8px;
    position: absolute;
    inset: 0
}

.case-opening-screen-module-scss-module__IF966W__caseImage {
    z-index: 1;
    object-fit: contain;
    pointer-events: none;
    width: auto;
    max-width: 100%;
    height: 314px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__caseImage {
    animation: case-opening-screen-module-scss-module__IF966W__sk-case-swallow var(--sk-dur-4) var(--sk-ease-in) forwards
}

.case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStripDim {
    animation: case-opening-screen-module-scss-module__IF966W__sk-case-undim var(--sk-dur-4) var(--sk-ease-out) forwards
}

.case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStrip {
    animation: case-opening-screen-module-scss-module__IF966W__sk-case-strip-wake var(--sk-dur-4) var(--sk-ease-out) forwards
}

.case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStrip:after {
    content: "";
    pointer-events: none;
    width: 40%;
    animation: case-opening-screen-module-scss-module__IF966W__sk-case-sweep var(--sk-dur-6) var(--sk-ease-inout) forwards;
    background: linear-gradient(100deg, #0000 0%, #dcf5f780 50%, #0000 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40%
}

@keyframes case-opening-screen-module-scss-module__IF966W__sk-case-swallow {
    0% {
        opacity: 1;
        filter: blur();
        transform: translate(-50%, -50%)scale(1)
    }

    to {
        opacity: 0;
        filter: blur(6px);
        transform: translate(-50%, -38%)scale(.62)
    }
}

@keyframes case-opening-screen-module-scss-module__IF966W__sk-case-undim {
    0% {
        opacity: .7
    }

    to {
        opacity: 0
    }
}

@keyframes case-opening-screen-module-scss-module__IF966W__sk-case-strip-wake {
    0% {
        filter: brightness();
        transform: scaleX(1)
    }

    to {
        filter: brightness(1.18);
        transform: scaleX(1.035)
    }
}

@keyframes case-opening-screen-module-scss-module__IF966W__sk-case-sweep {
    0% {
        opacity: 0;
        transform: translate(0)
    }

    22% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate(400%)
    }
}

.case-opening-screen-module-scss-module__IF966W__spinExperienceSlot:not(.case-opening-screen-module-scss-module__IF966W__quickOpenPrewarm) {
    animation: case-opening-screen-module-scss-module__IF966W__sk-case-strip-in var(--sk-dur-5) var(--sk-ease-out) both
}

@keyframes case-opening-screen-module-scss-module__IF966W__sk-case-strip-in {
    0% {
        opacity: 0;
        filter: brightness(1.5)blur(5px);
        transform: scale(.965)
    }

    55% {
        filter: brightness(1.06)blur()
    }

    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

@media (prefers-reduced-motion:reduce) {

    .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__caseImage,
    .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStripDim,
    .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStrip,
    .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStrip:after {
        animation: none
    }

    .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStrip:after {
        display: none
    }

    .case-opening-screen-module-scss-module__IF966W__spinExperienceSlot:not(.case-opening-screen-module-scss-module__IF966W__quickOpenPrewarm) {
        animation: none
    }
}

.case-opening-screen-module-scss-module__IF966W__controls {
    box-sizing: border-box;
    background-color: var(--sk-dark-1100);
    border-radius: 0 0 12px 12px;
    justify-content: center;
    align-items: center;
    gap: 13px;
    padding: 14px 0;
    display: flex
}

.case-opening-screen-module-scss-module__IF966W__countsRow {
    flex: 1 0 0;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    min-width: 0;
    display: flex
}

.case-opening-screen-module-scss-module__IF966W__countButtonWrap {
    display: inline-flex;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__countButtonWrap:hover .case-opening-screen-module-scss-module__IF966W__countButtonTooltip,
.case-opening-screen-module-scss-module__IF966W__countButtonWrap:focus-visible .case-opening-screen-module-scss-module__IF966W__countButtonTooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.case-opening-screen-module-scss-module__IF966W__countButtonWrap:has(:focus-visible) .case-opening-screen-module-scss-module__IF966W__countButtonTooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.case-opening-screen-module-scss-module__IF966W__countButton {
    width: 46px;
    color: var(--sk-light-300);
    padding-inline: 0
}

.case-opening-screen-module-scss-module__IF966W__countButtonActive {
    border: 1px solid var(--sk-cyan-500);
    background-color: var(--sk-dark-700);
    box-shadow: inset 0 0 23.2px -11px var(--sk-cyan-500);
    color: var(--sk-cyan-500)
}

.case-opening-screen-module-scss-module__IF966W__countButtonActive:hover:not(:disabled) {
    background-color: var(--sk-dark-700)
}

.case-opening-screen-module-scss-module__IF966W__countButtonTooltip {
    z-index: 3;
    color: #d2e8eeeb;
    opacity: 0;
    pointer-events: none;
    background: #081218f0;
    border: 1px solid #54d6e647;
    border-radius: 10px;
    width: 220px;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.35;
    transition: opacity .18s, transform .18s;
    position: absolute;
    bottom: calc(100% + 14px);
    left: 50%;
    transform: translate(-50%, 6px);
    box-shadow: 0 12px 30px #00000059
}

.case-opening-screen-module-scss-module__IF966W__primaryButton {
    text-transform: uppercase;
    flex: none;
    width: 206px
}

.case-opening-screen-module-scss-module__IF966W__primaryButtonContent {
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: inline-flex
}

.case-opening-screen-module-scss-module__IF966W__quickOpenSpinner {
    border: 2px solid;
    border-right-color: #0000;
    border-radius: 50%;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    animation: .7s linear infinite case-opening-screen-module-scss-module__IF966W__sk-quick-open-loading
}

@media (prefers-reduced-motion:reduce) {
    .case-opening-screen-module-scss-module__IF966W__quickOpenSpinner {
        animation: none
    }
}

@keyframes case-opening-screen-module-scss-module__IF966W__sk-quick-open-loading {
    to {
        transform: rotate(360deg)
    }
}

.case-opening-screen-module-scss-module__IF966W__primaryButtonCurrency {
    color: inherit;
    flex-shrink: 0
}

.case-opening-screen-module-scss-module__IF966W__primaryButtonCurrency .wrapper {
    line-height: inherit;
    color: inherit;
    align-items: center;
    gap: 3px
}

:is(.case-opening-screen-module-scss-module__IF966W__primaryButtonCurrency span, .case-opening-screen-module-scss-module__IF966W__primaryButtonCurrency p) {
    color: inherit !important
}

.case-opening-screen-module-scss-module__IF966W__primaryButtonCurrency svg path {
    fill: currentColor
}

.case-opening-screen-module-scss-module__IF966W__quickRow {
    flex: 1 0 0;
    align-items: center;
    gap: 12px;
    min-width: 0;
    display: flex
}

.case-opening-screen-module-scss-module__IF966W__quickToggle {
    box-sizing: border-box;
    background-color: var(--sk-dark-850);
    height: 46px;
    color: var(--sk-light-300);
    font-family: var(--sk-font-family);
    font-size: var(--sk-font-size-button-md);
    font-weight: var(--sk-font-weight-bold);
    line-height: var(--sk-line-height-button-md);
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: none;
    border-radius: 8px;
    align-items: center;
    gap: 6px;
    padding: 12px 14px;
    transition: background-color .12s, color .12s;
    display: inline-flex
}

.case-opening-screen-module-scss-module__IF966W__quickToggle:hover {
    background-color: var(--sk-dark-700)
}

.case-opening-screen-module-scss-module__IF966W__quickToggle[data-checked] {
    color: var(--sk-cyan-400)
}

.case-opening-screen-module-scss-module__IF966W__quickToggle:has(:focus-visible) {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 2px
}

.case-opening-screen-module-scss-module__IF966W__modeHelp {
    flex-shrink: 0
}

.case-opening-screen-module-scss-module__IF966W__modeHelp [class*=trigger] {
    background: var(--sk-dark-850);
    width: 46px;
    height: 46px;
    box-shadow: none;
    color: var(--sk-light-300);
    font-family: var(--sk-font-family);
    font-size: var(--sk-font-size-button-md);
    font-weight: var(--sk-font-weight-bold);
    border: none;
    border-radius: 8px
}

:is(.case-opening-screen-module-scss-module__IF966W__modeHelp [class*=trigger]:hover, .case-opening-screen-module-scss-module__IF966W__modeHelp [class*=trigger]:focus-visible) {
    background: var(--sk-dark-700);
    box-shadow: none;
    color: var(--sk-light-200);
    border: none;
    transform: none
}

.case-opening-screen-module-scss-module__IF966W__itemsSection {
    z-index: 1;
    width: 100%;
    max-width: 1328px;
    margin: 28px auto 88px;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__itemsContainer {
    width: 100%
}

.case-opening-screen-module-scss-module__IF966W__vipModeBlock {
    border: 1px solid var(--sk-dark-550);
    background: var(--sk-dark-850);
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 56px;
    padding: 0 16px;
    transition: border-color .18s, background-color .18s;
    display: flex;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__vipModeBlock:hover {
    border-color: var(--sk-light-350)
}

.case-opening-screen-module-scss-module__IF966W__vipModeBlock:has(:focus-visible) {
    outline: 2px solid var(--sk-cyan-400);
    outline-offset: 4px
}

.case-opening-screen-module-scss-module__IF966W__vipModeBlock[data-checked] {
    background: linear-gradient(110deg, #e9c8861a, var(--sk-dark-850));
    border-color: #e9c88666
}

.case-opening-screen-module-scss-module__IF966W__vipModeBlock:hover .case-opening-screen-module-scss-module__IF966W__vipModeTooltip {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.case-opening-screen-module-scss-module__IF966W__vipModeBlock:has(:focus-visible) .case-opening-screen-module-scss-module__IF966W__vipModeTooltip {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.case-opening-screen-module-scss-module__IF966W__vipModeBlock>button {
    flex-shrink: 0;
    margin-left: auto
}

.case-opening-screen-module-scss-module__IF966W__vipModeEmblem {
    width: 32px;
    height: 32px;
    color: var(--sk-light-250);
    flex: 0 0 32px;
    place-items: center;
    display: grid
}

.case-opening-screen-module-scss-module__IF966W__vipModeEmblem svg {
    width: 100%;
    height: 100%
}

[data-checked] .case-opening-screen-module-scss-module__IF966W__vipModeEmblem {
    color: #e9c886
}

.case-opening-screen-module-scss-module__IF966W__vipModeText {
    color: var(--sk-light-200);
    font-family: var(--sk-font-family);
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

[data-checked] .case-opening-screen-module-scss-module__IF966W__vipModeText {
    color: var(--sk-light-100)
}

.case-opening-screen-module-scss-module__IF966W__vipModeTooltip {
    z-index: 4;
    box-sizing: border-box;
    border: 1px solid var(--sk-dark-550);
    background: var(--sk-dark-850);
    width: min(280px, 78vw);
    color: var(--sk-light-200);
    font-family: var(--sk-font-family);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.5;
    transition: opacity .18s, transform .18s;
    position: absolute;
    bottom: calc(100% + 12px);
    left: 0;
    transform: translateY(6px);
    box-shadow: 0 12px 30px #00000059
}

.case-opening-screen-module-scss-module__IF966W__vipHousing {
    clip-path: polygon(3% 0, 97% 0, 100% 10%, 100% 90%, 97% 100%, 3% 100%, 0 90%, 0 10%);
    background: linear-gradient(115deg, #22272c 0%, #10151a 18%, #0b1015 50%, #171c20 82%, #292b2d 100%);
    border: 1px solid #34363a;
    position: absolute;
    inset: 20px 12%
}

.case-opening-screen-module-scss-module__IF966W__vipHousing:before {
    content: "";
    clip-path: polygon(3% 0, 97% 0, 100% 10%, 100% 90%, 97% 100%, 3% 100%, 0 90%, 0 10%);
    background: linear-gradient(130deg, #1c2024, #0b1014 35%, #151a1e);
    position: absolute;
    inset: 2px
}

.case-opening-screen-module-scss-module__IF966W__vipHousing:after {
    content: "";
    background: radial-gradient(26% 85% at 50% 65%, #c4903929, #0000), repeating-linear-gradient(0deg, #0000 0 4px, #ffffff03 4px 5px);
    position: absolute;
    inset: 0
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardHeader {
    min-height: 76px;
    margin-bottom: 20px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardTitleWrap {
    inset-inline: 280px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__caseTitle {
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: 100%
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardTitleRule {
    width: 180px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardTitleRuleShort {
    display: none
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__stage {
    border: 1px solid #74d8de24;
    border-bottom: 0
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__stageStandalone {
    border-bottom: 1px solid #74d8de24
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idlePreview {
    align-items: center;
    min-height: 340px;
    display: grid
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idleStrip {
    width: 100%
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idleStripDim {
    opacity: .86
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__caseImage {
    max-width: 85%;
    height: 300px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__controls {
    grid-template-columns: minmax(0, 1fr) 240px minmax(0, 1fr);
    gap: 24px;
    padding: 20px 24px;
    display: grid
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__controls>.case-opening-screen-module-scss-module__IF966W__primaryButton:only-child {
    grid-column: 1/-1;
    justify-self: center;
    max-width: 240px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeBlock {
    box-sizing: border-box;
    justify-self: end;
    width: min(100%, 280px)
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__primaryButton {
    width: 100%
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickRow {
    gap: 8px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickToggle {
    color: var(--sk-light-200)
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__boardTitleWrap {
    flex-direction: row;
    gap: 12px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__boardTitleGlow,
.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__boardTitleRule,
.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__boardTitleRuleShort {
    display: none
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__stage {
    background: #0b1014;
    border: 1px solid #363333;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    box-shadow: 0 24px 64px #00000059, inset 0 1px #ebcd9c14
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__stageStandalone {
    border-radius: 10px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__idlePreview {
    min-height: 390px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__idleStrip,
.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__idleStripDim,
.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__idleStripFadeLeft,
.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__idleStripFadeRight {
    visibility: hidden
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__caseImage {
    z-index: 2;
    filter: drop-shadow(0 18px 18px #00000080);
    width: 460px;
    max-width: 90%;
    height: 420px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__controls {
    background: #10151a;
    border: 1px solid #363333;
    border-top: 0
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__primaryButton {
    color: #0b2229;
    background: #51cfd6;
    border: 1px solid #51cfd6;
    box-shadow: inset 0 1px #ffffff59, 0 4px 16px #0003
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__primaryButton:before,
.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__primaryButton:after {
    display: none
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__primaryButton:hover:not(:disabled) {
    background: #75e0e6
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__primaryButton:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #b9faff
}

@media (max-width:640px) {
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__idlePreview {
        min-height: 300px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__caseImage {
        width: 340px;
        max-width: 100%;
        height: 300px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-active] .case-opening-screen-module-scss-module__IF966W__vipHousing {
        inset: 16px 2%
    }
}

@media (max-width:1100px) {
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__controls {
        grid-template-columns: minmax(0, 1fr) 206px minmax(0, 1fr);
        gap: 12px;
        padding: 16px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeBlock {
        gap: 8px;
        padding-inline: 10px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickToggle {
        padding-inline: 10px;
        font-size: 12px
    }
}

@media (max-width:900px) {
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__controls {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeBlock {
        order: 1;
        justify-self: stretch;
        width: 100%
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickRow {
        order: 2;
        justify-content: flex-end
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__primaryButton {
        order: 3;
        grid-column: 1/-1
    }
}

@media (max-width:640px) {
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardHeader {
        margin-bottom: 12px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardHeaderButton {
        z-index: 2;
        padding-inline: 10px;
        font-size: 12px;
        position: relative
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__caseTitle {
        font-size: 20px;
        line-height: 26px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idlePreview {
        min-height: 280px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__caseImage {
        height: 220px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__controls {
        gap: 12px;
        padding: 12px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeBlock {
        gap: 6px;
        min-height: 48px;
        padding-inline: 8px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeEmblem {
        flex-basis: 24px;
        width: 24px;
        height: 24px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeText {
        font-size: 12px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickRow {
        flex-wrap: wrap;
        gap: 6px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickToggle {
        gap: 6px;
        min-height: 48px;
        padding-inline: 8px;
        font-size: 11px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeTooltip {
        left: 0;
        transform: translateY(6px)
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeBlock:hover .case-opening-screen-module-scss-module__IF966W__vipModeTooltip {
        transform: translateY(0)
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__vipModeBlock:has(:focus-visible) .case-opening-screen-module-scss-module__IF966W__vipModeTooltip {
        transform: translateY(0)
    }
}

@media (max-width:380px) {
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__controls {
        grid-template-columns: minmax(0, 1fr)
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickRow {
        justify-content: stretch
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__quickToggle {
        justify-content: space-between;
        width: 100%
    }
}

@media (prefers-reduced-motion:reduce) {

    .case-opening-screen-module-scss-module__IF966W__vipModeBlock,
    .case-opening-screen-module-scss-module__IF966W__vipModeTooltip {
        transition: none
    }
}

@media (max-width:900px) {
    .case-opening-screen-module-scss-module__IF966W__scene {
        padding-top: 42px;
        padding-bottom: 56px
    }

    .case-opening-screen-module-scss-module__IF966W__sceneBackdrop {
        background-position: 50%;
        background-size: cover;
        width: 100vw;
        height: 620px
    }

    .case-opening-screen-module-scss-module__IF966W__caseTitle {
        font-size: 20px;
        line-height: 24px
    }

    .case-opening-screen-module-scss-module__IF966W__caseImage {
        height: 240px
    }

    .case-opening-screen-module-scss-module__IF966W__itemsSection {
        margin: 24px auto 64px
    }

    .case-opening-screen-module-scss-module__IF966W__controls {
        flex-wrap: wrap;
        gap: 10px;
        padding: 14px
    }

    .case-opening-screen-module-scss-module__IF966W__countsRow {
        flex: none;
        order: 1;
        justify-content: flex-start
    }

    .case-opening-screen-module-scss-module__IF966W__quickRow {
        flex: none;
        order: 2;
        justify-content: flex-end
    }

    .case-opening-screen-module-scss-module__IF966W__primaryButton {
        order: 3;
        width: 100%
    }

    .case-opening-screen-module-scss-module__IF966W__countButtonWrap:focus-visible {
        outline: none
    }

    .case-opening-screen-module-scss-module__IF966W__countButtonTooltip {
        width: min(220px, 72vw)
    }
}

@media (max-width:640px) {
    .case-opening-screen-module-scss-module__IF966W__page {
        min-height: calc(100dvh/var(--z) - 120px);
        margin-bottom: 0
    }

    .case-opening-screen-module-scss-module__IF966W__scene {
        padding-inline: 14px
    }

    .case-opening-screen-module-scss-module__IF966W__caseTitle {
        font-size: 18px;
        line-height: 22px
    }

    .case-opening-screen-module-scss-module__IF966W__caseImage {
        height: 190px
    }

    .case-opening-screen-module-scss-module__IF966W__itemsSection {
        margin: 20px auto 48px
    }

    .case-opening-screen-module-scss-module__IF966W__stage {
        padding: 8px
    }

    .case-opening-screen-module-scss-module__IF966W__idleStripFadeLeft,
    .case-opening-screen-module-scss-module__IF966W__idleStripFadeRight {
        width: clamp(48px, 18%, 100px)
    }

    .case-opening-screen-module-scss-module__IF966W__idleStripCard {
        width: 140px
    }

    .case-opening-screen-module-scss-module__IF966W__sceneBackdrop {
        --case-backdrop-image: url(/actual/case-opening/cs2-depot-mobile-v1.webp);
        background-position: 50%;
        background-size: cover;
        height: 560px
    }

    .case-opening-screen-module-scss-module__IF966W__countButton {
        width: 40px
    }

    .case-opening-screen-module-scss-module__IF966W__quickToggle {
        padding-inline: 10px
    }
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__caseImage {
    animation: .36s ease-in both case-opening-screen-module-scss-module__IF966W__vip-case-recede
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__idleStrip:after {
    display: none
}

@keyframes case-opening-screen-module-scss-module__IF966W__vip-case-recede {
    to {
        opacity: 0;
        transform: translate(-50%, -50%)scale(.88)
    }
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__spinExperienceSlot:not(.case-opening-screen-module-scss-module__IF966W__quickOpenPrewarm) {
    animation: .32s ease-out both case-opening-screen-module-scss-module__IF966W__vip-scene-in
}

@keyframes case-opening-screen-module-scss-module__IF966W__vip-scene-in {
    0% {
        opacity: 0;
        transform: translateY(6px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (prefers-reduced-motion:reduce) {

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idlePreviewLaunching .case-opening-screen-module-scss-module__IF966W__caseImage,
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__spinExperienceSlot:not(.case-opening-screen-module-scss-module__IF966W__quickOpenPrewarm) {
        animation: none
    }
}

.case-opening-screen-module-scss-module__IF966W__boardHeaderActions {
    z-index: 2;
    align-items: center;
    gap: 8px;
    display: flex;
    position: relative
}

.case-opening-screen-module-scss-module__IF966W__modeInfoModal {
    width: min(480px, 100vw - 24px)
}

.case-opening-screen-module-scss-module__IF966W__modeInfoDescription {
    color: var(--sk-light-200);
    font: 400 15px/1.6 var(--sk-font-family);
    margin: 0
}

@media (max-width:380px) {
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardHeaderActions {
        gap: 4px
    }

    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardHeaderButton {
        padding-inline: 8px;
        font-size: 11px
    }
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] {
    --case-stage-height: 340px
}

.case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__idlePreview {
    min-height: var(--case-stage-height)
}

@media (max-width:640px) {
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] {
        --case-stage-height: 280px
    }
}

@media (max-width:1024px) {

    .case-opening-screen-module-scss-module__IF966W__page .case-opening-screen-module-scss-module__IF966W__boardHeader,
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardHeader {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: 0;
        padding-top: 0;
        display: grid
    }

    .case-opening-screen-module-scss-module__IF966W__page .case-opening-screen-module-scss-module__IF966W__boardHeaderActions,
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardHeaderActions {
        flex-wrap: wrap;
        justify-content: flex-end;
        justify-self: end;
        min-width: 0
    }

    .case-opening-screen-module-scss-module__IF966W__page .case-opening-screen-module-scss-module__IF966W__boardTitleWrap,
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__boardTitleWrap {
        grid-area: 2/1/auto/-1;
        min-width: 0;
        margin: 0;
        padding: 4px 0 14px;
        position: relative;
        inset: auto
    }

    .case-opening-screen-module-scss-module__IF966W__page .case-opening-screen-module-scss-module__IF966W__caseTitle,
    .case-opening-screen-module-scss-module__IF966W__page[data-vip-available] .case-opening-screen-module-scss-module__IF966W__caseTitle {
        white-space: normal;
        overflow-wrap: anywhere;
        max-width: 100%
    }
}

.case-page-skeleton-module-scss-module__VyWD2q__page {
    --sk-skeleton-color: var(--sk-dark-550)
}

.case-page-skeleton-module-scss-module__VyWD2q__header {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    padding-block: 12px;
    display: grid
}

.case-page-skeleton-module-scss-module__VyWD2q__title {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: min(250px, 32vw);
    display: flex
}

.case-page-skeleton-module-scss-module__VyWD2q__favorite {
    justify-self: end
}

.case-page-skeleton-module-scss-module__VyWD2q__preview {
    background: var(--sk-dark-1150);
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.case-page-skeleton-module-scss-module__VyWD2q__strip {
    opacity: .65;
    gap: 10px;
    padding: 10px;
    display: flex;
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000);
    mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000)
}

.case-page-skeleton-module-scss-module__VyWD2q__stripCard,
.case-page-skeleton-module-scss-module__VyWD2q__itemCard {
    box-sizing: border-box;
    background: var(--sk-dark-1000);
    border-radius: 6px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 14px;
    display: flex
}

.case-page-skeleton-module-scss-module__VyWD2q__stripCard {
    flex: 0 0 160px;
    height: 220px
}

.case-page-skeleton-module-scss-module__VyWD2q__itemImage {
    margin-block: auto
}

.case-page-skeleton-module-scss-module__VyWD2q__casePlaceholder {
    --sk-skeleton-color: var(--sk-dark-650);
    width: min(240px, 50%);
    height: 170px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.case-page-skeleton-module-scss-module__VyWD2q__controls {
    background: var(--sk-dark-1100);
    border-radius: 0 0 12px 12px;
    justify-content: center;
    align-items: center;
    gap: 13px;
    padding: 14px;
    display: flex
}

.case-page-skeleton-module-scss-module__VyWD2q__counts {
    flex: 1;
    justify-content: flex-end;
    gap: 4px;
    display: flex
}

.case-page-skeleton-module-scss-module__VyWD2q__count {
    width: 46px
}

.case-page-skeleton-module-scss-module__VyWD2q__openButton {
    width: 206px
}

.case-page-skeleton-module-scss-module__VyWD2q__quick {
    flex: 1;
    align-items: center;
    gap: 8px;
    height: 46px;
    display: flex
}

.case-page-skeleton-module-scss-module__VyWD2q__contentsTitle {
    align-items: center;
    gap: 12px;
    display: flex
}

.case-page-skeleton-module-scss-module__VyWD2q__itemCard {
    aspect-ratio: 213.333/160;
    min-width: 0
}

@media (max-width:900px) {
    .case-page-skeleton-module-scss-module__VyWD2q__controls {
        flex-wrap: wrap;
        gap: 10px
    }

    .case-page-skeleton-module-scss-module__VyWD2q__counts {
        justify-content: flex-start
    }

    .case-page-skeleton-module-scss-module__VyWD2q__openButton {
        order: 3;
        width: 100%
    }

    .case-page-skeleton-module-scss-module__VyWD2q__quick {
        flex: 0 180px
    }
}

@media (max-width:640px) {
    .case-page-skeleton-module-scss-module__VyWD2q__header {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding-top: 0
    }

    .case-page-skeleton-module-scss-module__VyWD2q__title {
        grid-area: 2/1/auto/-1;
        justify-self: center;
        width: min(230px, 65vw)
    }

    .case-page-skeleton-module-scss-module__VyWD2q__favorite {
        grid-area: 1/2
    }

    .case-page-skeleton-module-scss-module__VyWD2q__stripCard {
        flex-basis: 140px;
        height: 192.5px
    }

    .case-page-skeleton-module-scss-module__VyWD2q__casePlaceholder {
        height: 130px
    }

    .case-page-skeleton-module-scss-module__VyWD2q__count {
        width: 32px
    }

    .case-page-skeleton-module-scss-module__VyWD2q__counts {
        flex: none
    }

    .case-page-skeleton-module-scss-module__VyWD2q__quick {
        flex: 1;
        min-width: 64px
    }

    .case-page-skeleton-module-scss-module__VyWD2q__quick>:first-child {
        display: none
    }

    .case-page-skeleton-module-scss-module__VyWD2q__quick>:last-child {
        margin-left: auto
    }

    .case-page-skeleton-module-scss-module__VyWD2q__itemCard {
        gap: 6px;
        padding: 10px
    }
}

.halloween-module-scss-module__2Wk3EG__theme {
    --sk-home-background: #0c0a10;
    --sk-banner-fade-rgb: 33 28 41;
    --sk-footer-art: url(/media/footer-skeletons.webp);
    --sk-footer-glow: radial-gradient(circle, #ffc64b99 0%, #e8a33861 20%, #d98b2524 43%, transparent 68%);
    --sk-cyan-500: #f5a15b;
    --sk-cyan-450: #ffb778;
    --sk-cyan-400: #ffc78f;
    --sk-cyan-350: #ffdbb7;
    --sk-cyan-50: #fff0df;
    --sk-brand-mark: #f5a15b;
    --sk-dark-1250: #0c0a10;
    --sk-dark-1200: #100d15;
    --sk-dark-1150: #120f18;
    --sk-dark-1100: #15111b;
    --sk-dark-1050: #17131e;
    --sk-dark-1000: #19151f;
    --sk-dark-950: #1b1722;
    --sk-dark-900: #1e1926;
    --sk-dark-850: #211c29;
    --sk-dark-800: #241e2c;
    --sk-dark-750: #292230;
    --sk-dark-700: #2e2637;
    --sk-dark-650: #332b3d;
    --sk-dark-600: #382f43;
    --sk-dark-550: #3e344a;
    --sk-surface-page: var(--sk-dark-1000);
    --sk-surface-raised: var(--sk-dark-850);
    --sk-surface-hover: var(--sk-dark-700);
    --sk-text-on-accent: #19151f;
    --sk-accent: var(--sk-cyan-500);
    --sk-accent-hover: var(--sk-cyan-450);
    background: #0c0a10
}

.halloween-module-scss-module__2Wk3EG__ribbon {
    z-index: 1;
    color: #ffc78f;
    background: linear-gradient(100deg, #322133, #231a27 55%, #362419);
    border-block: 1px solid #f5a15b30;
    flex-shrink: 0;
    position: relative
}

.halloween-module-scss-module__2Wk3EG__ribbonInner {
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    max-width: 1352px;
    min-height: 52px;
    margin-inline: auto;
    padding: 4px 24px;
    display: flex
}

.halloween-module-scss-module__2Wk3EG__identity {
    align-items: center;
    gap: 12px;
    display: flex
}

.halloween-module-scss-module__2Wk3EG__emblem {
    flex-shrink: 0;
    width: 34px;
    height: 34px
}

.halloween-module-scss-module__2Wk3EG__wordmark {
    font: 400 18px/1 var(--sk-font-family-display);
    text-transform: uppercase;
    letter-spacing: .035em
}

.halloween-module-scss-module__2Wk3EG__date {
    font: 600 11px/1.3 var(--sk-font-family);
    text-transform: uppercase;
    letter-spacing: .1em;
    white-space: nowrap;
    border-left: 1px solid #f5a15b40;
    padding-left: 12px
}

.halloween-module-scss-module__2Wk3EG__caption {
    color: #c3b4ce;
    font: 500 12px/1.5 var(--sk-font-family)
}

.halloween-module-scss-module__2Wk3EG__motionToggle {
    color: #e5cdb9;
    cursor: pointer;
    min-height: 44px;
    font: 500 12px/1.2 var(--sk-font-family);
    background: 0 0;
    border: 1px solid #0000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    display: inline-flex
}

.halloween-module-scss-module__2Wk3EG__motionToggle:hover {
    background: #f5a15b15;
    border-color: #f5a15b40
}

.halloween-module-scss-module__2Wk3EG__motionToggle:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #ffc78f
}

.halloween-module-scss-module__2Wk3EG__motionToggle[aria-pressed=true] {
    color: #ffc78f;
    background: #f5a15b15
}

.halloween-module-scss-module__2Wk3EG__cornerScene {
    width: calc(100vw/var(--z, 1));
    z-index: 2;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    height: clamp(64px, 11vw, 156px);
    position: absolute;
    top: 0;
    left: 50%;
    overflow: clip;
    transform: translate(-50%)
}

.halloween-module-scss-module__2Wk3EG__cornerWebLeft,
.halloween-module-scss-module__2Wk3EG__cornerWebRight {
    color: #d0b6ce;
    opacity: .2;
    width: clamp(64px, 11vw, 156px);
    height: 100%;
    position: absolute;
    top: 0
}

.halloween-module-scss-module__2Wk3EG__cornerWebLeft {
    left: 0
}

.halloween-module-scss-module__2Wk3EG__cornerWebRight {
    right: 0;
    transform: scaleX(-1)
}

.halloween-module-scss-module__2Wk3EG__scene {
    --spirit: #c3a0ed;
    z-index: 2;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    contain: layout paint;
    height: 630px;
    max-height: 100%;
    position: absolute;
    inset: 0 0 auto;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 0% 78%, #0000 100%);
    mask-image: linear-gradient(#000 0% 78%, #0000 100%)
}

.halloween-module-scss-module__2Wk3EG__haze {
    background: radial-gradient(at 0 45%, #c360242c, #0000 34%), radial-gradient(at 100% 30%, #9664cd28, #0000 32%);
    animation: 9s ease-in-out infinite alternate halloween-module-scss-module__2Wk3EG__breathe;
    position: absolute;
    inset: 0
}

.halloween-module-scss-module__2Wk3EG__webLeft,
.halloween-module-scss-module__2Wk3EG__webRight {
    color: #d0b6ce;
    opacity: .22;
    width: 156px;
    height: 156px;
    position: absolute;
    top: 0
}

.halloween-module-scss-module__2Wk3EG__webLeft {
    left: 0
}

.halloween-module-scss-module__2Wk3EG__webRight {
    right: 0;
    transform: scaleX(-1)
}

.halloween-module-scss-module__2Wk3EG__moon {
    opacity: .35;
    background: radial-gradient(circle at 35% 35%, #ecd0a8, #c29b71);
    border-radius: 50%;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 54px;
    right: 32px;
    box-shadow: 0 0 45px #e9b57425
}

.halloween-module-scss-module__2Wk3EG__moon:after {
    content: "";
    background: #1b1424;
    border-radius: 50%;
    position: absolute;
    inset: -4px 12px 10px -6px
}

.halloween-module-scss-module__2Wk3EG__bats {
    width: 110px;
    height: 140px;
    position: absolute;
    top: 100px;
    right: 16px
}

.halloween-module-scss-module__2Wk3EG__bat {
    top: calc(var(--i)*34px);
    right: calc(var(--i)*23px);
    width: calc(42px - var(--i)*6px);
    color: #ab83be;
    opacity: .55;
    animation: 7s ease-in-out infinite halloween-module-scss-module__2Wk3EG__batFlight;
    animation-delay: calc(var(--i)*-2.3s);
    position: absolute
}

.halloween-module-scss-module__2Wk3EG__bat svg {
    width: 100%;
    overflow: visible
}

.halloween-module-scss-module__2Wk3EG__wingLeft,
.halloween-module-scss-module__2Wk3EG__wingRight {
    transform-box: fill-box;
    animation: .9s ease-in-out infinite alternate halloween-module-scss-module__2Wk3EG__flap
}

.halloween-module-scss-module__2Wk3EG__wingLeft {
    transform-origin: 100%
}

.halloween-module-scss-module__2Wk3EG__wingRight {
    transform-origin: 0;
    animation-delay: -.1s
}

.halloween-module-scss-module__2Wk3EG__pumpkinFace {
    animation: 5s ease-in-out infinite halloween-module-scss-module__2Wk3EG__candlelight
}

.halloween-module-scss-module__2Wk3EG__ribbon .halloween-module-scss-module__2Wk3EG__pumpkinFace {
    animation: none
}

.halloween-module-scss-module__2Wk3EG__orbit {
    border: 1px solid #f5a15b35;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    animation: 18s linear infinite halloween-module-scss-module__2Wk3EG__orbit;
    display: none;
    position: absolute;
    top: 150px;
    left: -76px;
    box-shadow: 0 0 35px #f5a15b0a, inset 0 0 35px #f5a15b0a
}

.halloween-module-scss-module__2Wk3EG__orbit:after {
    content: "";
    border-radius: inherit;
    border: 1px dashed #f5a15b30;
    position: absolute;
    inset: 16px
}

.halloween-module-scss-module__2Wk3EG__orbit i {
    background: #ffc78f;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    position: absolute;
    box-shadow: 0 0 16px #f5a15b
}

.halloween-module-scss-module__2Wk3EG__orbit i:first-child {
    top: -4px;
    left: 75px
}

.halloween-module-scss-module__2Wk3EG__orbit i:nth-child(2) {
    bottom: 35px;
    right: 7px
}

.halloween-module-scss-module__2Wk3EG__orbit i:nth-child(3) {
    bottom: 35px;
    left: 7px
}

.halloween-module-scss-module__2Wk3EG__ghosts {
    display: none;
    position: absolute;
    inset: 0
}

.halloween-module-scss-module__2Wk3EG__ghost {
    top: calc(150px + var(--i)*100px);
    left: calc(15px + var(--i)*8px);
    width: 34px;
    color: var(--spirit);
    opacity: .3;
    filter: drop-shadow(0 0 12px #bfa2ed50);
    animation: 8s ease-in-out infinite halloween-module-scss-module__2Wk3EG__haunt;
    animation-delay: calc(var(--i)*-2.5s);
    position: absolute
}

.halloween-module-scss-module__2Wk3EG__ghost:nth-child(2) {
    left: auto;
    right: 24px
}

.halloween-module-scss-module__2Wk3EG__embers {
    position: absolute;
    inset: 0
}

.halloween-module-scss-module__2Wk3EG__embers i {
    left: calc(8px + var(--i)*7px);
    bottom: calc(20px + var(--i)*32px);
    opacity: 0;
    width: 3px;
    height: 3px;
    animation: 7s linear infinite halloween-module-scss-module__2Wk3EG__emberRise;
    animation-delay: calc(var(--i)*-.9s);
    background: #ffc78f;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0 0 9px #f5a15b
}

.halloween-module-scss-module__2Wk3EG__embers i:nth-child(2n) {
    left: auto;
    right: calc(8px + var(--i)*7px)
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=home] {
    width: calc(100vw/var(--z, 1));
    height: 430px;
    left: 50%;
    right: auto;
    transform: translate(-50%)
}

@media (min-width:1551px) {
    .halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=home] .halloween-module-scss-module__2Wk3EG__moon {
        display: none
    }
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=upgrade] .halloween-module-scss-module__2Wk3EG__orbit,
.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=upgrade] .halloween-module-scss-module__2Wk3EG__ghosts {
    display: block
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=upgrade] .halloween-module-scss-module__2Wk3EG__ghost:not(:nth-child(2)) {
    display: none
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=contracts] {
    --spirit: #c6a1f3
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=contracts] .halloween-module-scss-module__2Wk3EG__ghosts {
    display: block
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=contracts] .halloween-module-scss-module__2Wk3EG__orbit {
    border-color: #c6a1f355;
    animation-direction: reverse;
    display: block
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=contracts] .halloween-module-scss-module__2Wk3EG__haze {
    background: radial-gradient(at 0 35%, #9760c738, #0000 32%), radial-gradient(at 100%, #9760c730, #0000 32%)
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=combo] .halloween-module-scss-module__2Wk3EG__ghosts,
.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=secret] .halloween-module-scss-module__2Wk3EG__ghosts {
    display: block
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=combo] .halloween-module-scss-module__2Wk3EG__bats,
.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=secret] .halloween-module-scss-module__2Wk3EG__bats {
    display: none
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=secret] .halloween-module-scss-module__2Wk3EG__ghost {
    width: 42px;
    animation-duration: 11s
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=secret] .halloween-module-scss-module__2Wk3EG__ghost:not(:first-child) {
    display: none
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=roulette] .halloween-module-scss-module__2Wk3EG__bat {
    animation-duration: 4.5s
}

.halloween-module-scss-module__2Wk3EG__scene[data-halloween-scene=all-in] .halloween-module-scss-module__2Wk3EG__embers i {
    width: 4px;
    height: 4px;
    animation-duration: 5s
}

@keyframes halloween-module-scss-module__2Wk3EG__breathe {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes halloween-module-scss-module__2Wk3EG__batFlight {

    0%,
    to {
        transform: translate(0)rotate(-8deg)
    }

    50% {
        transform: translate(-18px, -22px)rotate(10deg)
    }
}

@keyframes halloween-module-scss-module__2Wk3EG__flap {
    0% {
        transform: scaleY(.65)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes halloween-module-scss-module__2Wk3EG__candlelight {

    0%,
    to {
        opacity: 1
    }

    40% {
        opacity: .65
    }

    60% {
        opacity: .9
    }
}

@keyframes halloween-module-scss-module__2Wk3EG__orbit {
    to {
        transform: rotate(360deg)
    }
}

@keyframes halloween-module-scss-module__2Wk3EG__haunt {

    0%,
    to {
        opacity: .2;
        transform: translateY(0)rotate(-5deg)
    }

    50% {
        opacity: .45;
        transform: translateY(-24px)rotate(6deg)
    }
}

@keyframes halloween-module-scss-module__2Wk3EG__emberRise {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    25% {
        opacity: .6
    }

    to {
        opacity: 0;
        transform: translate(12px, -100px)
    }
}

.halloween-module-scss-module__2Wk3EG__theme[data-theme-motion=paused] .halloween-module-scss-module__2Wk3EG__scene * {
    animation-play-state: paused
}

@media (max-width:767px) {
    .halloween-module-scss-module__2Wk3EG__ribbonInner {
        gap: 8px;
        min-height: 48px;
        padding-inline: 12px
    }

    .halloween-module-scss-module__2Wk3EG__identity {
        gap: 8px
    }

    .halloween-module-scss-module__2Wk3EG__wordmark {
        font-size: 14px
    }

    .halloween-module-scss-module__2Wk3EG__date,
    .halloween-module-scss-module__2Wk3EG__caption {
        display: none
    }

    .halloween-module-scss-module__2Wk3EG__emblem {
        width: 28px;
        height: 28px
    }

    .halloween-module-scss-module__2Wk3EG__motionToggle {
        padding-inline: 8px;
        font-size: 11px
    }

    .halloween-module-scss-module__2Wk3EG__scene {
        height: 460px
    }

    .halloween-module-scss-module__2Wk3EG__webLeft,
    .halloween-module-scss-module__2Wk3EG__webRight {
        opacity: .17;
        width: 72px;
        height: 72px
    }

    .halloween-module-scss-module__2Wk3EG__moon {
        opacity: .2;
        width: 30px;
        height: 30px;
        top: 18px;
        right: 10px
    }

    .halloween-module-scss-module__2Wk3EG__bats {
        opacity: .5;
        width: 42px;
        top: 62px;
        right: -10px
    }

    .halloween-module-scss-module__2Wk3EG__bat {
        width: 24px
    }

    .halloween-module-scss-module__2Wk3EG__bat:not(:first-child),
    .halloween-module-scss-module__2Wk3EG__orbit,
    .halloween-module-scss-module__2Wk3EG__ghosts,
    .halloween-module-scss-module__2Wk3EG__embers {
        display: none !important
    }

    .halloween-module-scss-module__2Wk3EG__haze {
        opacity: .5
    }
}

@media (prefers-reduced-motion:reduce) {
    .halloween-module-scss-module__2Wk3EG__scene * {
        animation: none !important
    }

    .halloween-module-scss-module__2Wk3EG__motionToggle,
    .halloween-module-scss-module__2Wk3EG__embers {
        display: none
    }
}

.home-borders-module-scss-module__Lck-ba__borders {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 2;
    display: none;
    position: absolute;
    inset: 0
}

@media (min-width:1551px) {
    .home-borders-module-scss-module__Lck-ba__borders {
        display: block
    }

    .home-borders-module-scss-module__Lck-ba__left,
    .home-borders-module-scss-module__Lck-ba__right {
        width: max(0px, (100vw/var(--z, 1) - 1352px)/2 - 16px);
        opacity: .68;
        background-repeat: repeat-y;
        background-size: clamp(210px, 100%, 460px);
        position: absolute;
        inset-block: 0;
        -webkit-mask-image: linear-gradient(#000 0% calc(100% - 120px), #0000);
        mask-image: linear-gradient(#000 0% calc(100% - 120px), #0000)
    }

    .home-borders-module-scss-module__Lck-ba__left {
        background-image: url(/img/home-pattern-left-corners.svg);
        background-position: 0 0;
        right: calc(100% + 16px)
    }

    .home-borders-module-scss-module__Lck-ba__right {
        background-image: url(/img/home-pattern-right.svg);
        background-position: 100% 0;
        left: calc(100% + 16px)
    }
}

.StreamerCurrencyGlyph-module-scss-module__gd2NeW__glyph {
    vertical-align: middle;
    flex-shrink: 0;
    line-height: 0;
    display: inline-block
}

.StreamerCurrencyGlyph-module-scss-module__gd2NeW__glyph path {
    fill: #20e4ff
}

.StreamerReveal-module-scss-module__JdZARq__root {
    opacity: 0;
    pointer-events: none;
    min-width: 0;
    transition: grid-template-columns var(--sk-dur-4, .38s) var(--sk-ease-emphasized, cubic-bezier(.2, 0, 0, 1)), opacity var(--sk-dur-3, .26s) var(--sk-ease-out, ease), margin var(--sk-dur-4, .38s) var(--sk-ease-emphasized, cubic-bezier(.2, 0, 0, 1));
    grid-template-columns: 0fr;
    display: grid;
    overflow: hidden
}

.StreamerReveal-module-scss-module__JdZARq__visible {
    opacity: 1;
    pointer-events: auto;
    grid-template-columns: 1fr
}

.StreamerReveal-module-scss-module__JdZARq__inline {
    vertical-align: middle;
    display: inline-grid
}

.StreamerReveal-module-scss-module__JdZARq__flex {
    flex-shrink: 0;
    width: max-content;
    max-width: 100%
}

.StreamerReveal-module-scss-module__JdZARq__flex.StreamerReveal-module-scss-module__JdZARq__visible {
    grid-template-columns: max-content
}

.StreamerReveal-module-scss-module__JdZARq__inner {
    filter: blur(3px);
    transform-origin: 0;
    min-width: 0;
    transition: transform var(--sk-dur-4, .38s) var(--sk-ease-out, ease), filter var(--sk-dur-3, .26s) var(--sk-ease-out, ease);
    overflow: hidden;
    transform: translate(-10px)scale(.94)
}

.StreamerReveal-module-scss-module__JdZARq__visible .StreamerReveal-module-scss-module__JdZARq__inner {
    filter: blur();
    transform: none
}

.StreamerReveal-module-scss-module__JdZARq__inline .StreamerReveal-module-scss-module__JdZARq__inner {
    display: inline-block
}

@media (prefers-reduced-motion:reduce) {

    .StreamerReveal-module-scss-module__JdZARq__inner,
    .StreamerReveal-module-scss-module__JdZARq__visible .StreamerReveal-module-scss-module__JdZARq__inner {
        filter: none;
        transform: none
    }
}

.styles-module-scss-module__hflUZq__modal {
    width: min(440px, 100vw - 24px)
}

.styles-module-scss-module__hflUZq__actions {
    gap: 12px;
    margin-top: 24px;
    display: flex
}

.styles-module-scss-module__hflUZq__actions>button {
    flex: 1
}

.GuestSignInHint-module-scss-module__Mn8Moa__root {
    box-sizing: border-box;
    justify-content: center;
    width: 100%;
    display: flex
}

.styles-module-scss-module__WLp-TG__spinner {
    border: 3px solid #1f2222;
    border-top-color: #20e4ff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: 1s linear infinite styles-module-scss-module__WLp-TG__spin
}

.styles-module-scss-module__WLp-TG__spinner.styles-module-scss-module__WLp-TG__s {
    border-width: 2px;
    width: 16px;
    height: 16px
}

.styles-module-scss-module__WLp-TG__spinner.styles-module-scss-module__WLp-TG__m {
    border-width: 3px;
    width: 20px;
    height: 20px
}

.styles-module-scss-module__WLp-TG__spinner.styles-module-scss-module__WLp-TG__big {
    border-width: 4px;
    width: 32px;
    height: 32px
}

@keyframes styles-module-scss-module__WLp-TG__spin {
    to {
        transform: rotate(360deg)
    }
}

.CasePrice-module-scss-module__ucmGpW__glyph {
    flex: none;
    width: 1em;
    height: 1em;
    display: block
}

.constructor-money-module-scss-module___PVzhG__money {
    white-space: nowrap
}

.constructor-money-module-scss-module___PVzhG__ruble {
    font-family: var(--font-family-body);
    font-size: var(--constructor-ruble-size, .9em);
    font-weight: inherit
}