@charset "UTF-8";
.Toast-module__toast{
    width:360px;
    padding:10px;
    border-radius:5px;
    background:var(--bg-color-800);
    box-shadow:0 0 15px rgba(0,0,0,.4);
    overflow:hidden;
    cursor:pointer;
    display:flex;
    align-items:center;
    animation:Toast-module__toastEnter .2s linear
}
.Toast-module__toast.Toast-module__exit{
    animation:Toast-module__toastExit .2s linear forwards
}
.Toast-module__toast+.Toast-module__toast{
    margin-top:10px
}
.Toast-module__toast.Toast-module__success .Toast-module__title{
    color:#49d663
}
.Toast-module__toast.Toast-module__error .Toast-module__title{
    color:#ff365a
}
@media screen and (max-width: 380px){
    .Toast-module__toast{
        width:100%
    }
}
.Toast-module__icon{
    margin-right:10px;
    min-width:30px;
    width:30px;
    height:30px
}
.Toast-module__messageWrapper{
    display:flex;
    flex-direction:column;
    width:100%
}
.Toast-module__title{
    color:var(--font-color-700);
    font-size:15px;
    font-weight:500
}
.Toast-module__message{
    color:var(--font-color-800);
    white-space:pre-wrap
}
@keyframes Toast-module__toastEnter{
    0%{
        transform:translate(100%);
        opacity:.2
    }
    to{
        transform:translate(0);
        opacity:1
    }
}
@keyframes Toast-module__toastExit{
    0%{
        transform:translate(0);
        opacity:1
    }
    to{
        transform:translate(calc(100% + 5px));
        opacity:.2
    }
}
.Toasts-module__wrapper{
    position:fixed;
    top:10px;
    right:10px;
    max-height:100vh;
    z-index:400
}
@media screen and (max-width: 380px){
    .Toasts-module__wrapper{
        left:10px
    }
}
*,*:before,*:after{
    font-family:var(--default-font-family),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
:root{
    --default-font-size: 14px;
    --default-font-family: "Roboto";
    --safe-padding: 10px;
    --promocode-bg-color: #1d1b1af7;
    --accent-color-800: #cd422a;
    --accent-color-900: #af3723;
    --font-color-700: #fff;
    --font-color-800: rgba(255, 255, 255, .7);
    --font-color-900: #7b7b7b;
    --bg-color-800: #202020;
    --bg-color-900: #1d1b1a;
    --bg-color-700: #282828;
    --monitoring-joining-color: #e77725;
    --monitoring-queue-color: #A8201A;
    --product-items-trans-bg-color: rgba(0, 0, 0, .4)
}
:root[data-theme=red_black]{
    --accent-color-800: #cd422a;
    --accent-color-900: #af3723;
    --font-color-700: #fff;
    --font-color-800: rgba(255, 255, 255, .7);
    --font-color-900: #7b7b7b;
    --bg-color-800: #202020;
    --bg-color-700: #282828;
    --bg-color-900: #1d1b1a;
    --product-items-trans-bg-color: rgba(0, 0, 0, .4)
}
:root[data-theme=red_white]{
    --accent-color-800: #cd422a;
    --accent-color-900: #af3723;
    --font-color-700: #282828;
    --font-color-800: #202020;
    --font-color-900: #1d1b1a;
    --bg-color-700: #f2f2f2;
    --bg-color-800: #e6e6e6;
    --bg-color-900: #d9d9d9;
    --product-items-trans-bg-color: #e6e6e6
}
:root[data-theme=yellow_black]{
    --accent-color-800: #c19d00;
    --accent-color-900: #ab8b00;
    --font-color-700: rgba(255, 255, 255, .9);
    --font-color-800: rgba(255, 255, 255, .8);
    --font-color-900: #7b7b7b;
    --bg-color-800: #202020;
    --bg-color-700: #282828;
    --bg-color-900: #1d1b1a;
    --monitoring-joining-color: #EC9A29;
    --product-items-trans-bg-color: rgba(0, 0, 0, .4)
}
:root[data-theme=yellow_white]{
    --accent-color-800: #e3b800;
    --accent-color-900: #c4a300;
    --font-color-700: rgba(40, 40, 40, .85);
    --font-color-800: #202020;
    --font-color-900: #1d1b1a;
    --bg-color-700: #f2f2f2;
    --bg-color-800: #e6e6e6;
    --bg-color-900: #d9d9d9;
    --monitoring-joining-color: #EC9A29;
    --product-items-trans-bg-color: #e6e6e6
}
:root[data-theme=blue_black]{
    --accent-color-800: #2f8be6;
    --accent-color-900: #2977c9;
    --font-color-700: #fff;
    --font-color-800: rgba(255, 255, 255, .7);
    --font-color-900: #7b7b7b;
    --bg-color-900: #1d1b1a;
    --bg-color-800: #202020;
    --bg-color-700: #282828;
    --product-items-trans-bg-color: rgba(0, 0, 0, .4)
}
:root[data-theme=blue_white]{
    --accent-color-800: #2f8be6;
    --accent-color-900: #2977c9;
    --font-color-700: rgba(40, 40, 40, .85);
    --font-color-800: #202020;
    --font-color-900: #1d1b1a;
    --bg-color-700: #f2f2f2;
    --bg-color-800: #e6e6e6;
    --bg-color-900: #d9d9d9;
    --product-items-trans-bg-color: #e6e6e6
}
:root[data-theme=green_black]{
    --accent-color-800: #31b112;
    --accent-color-900: #2ca30f;
    --font-color-700: #fff;
    --font-color-800: rgba(255, 255, 255, .7);
    --font-color-900: #7b7b7b;
    --bg-color-900: #1d1b1a;
    --bg-color-800: #202020;
    --bg-color-700: #282828;
    --product-items-trans-bg-color: rgba(0, 0, 0, .4)
}
:root[data-theme=green_white]{
    --accent-color-800: #31b112;
    --accent-color-900: #2ca30f;
    --font-color-700: rgba(40, 40, 40, .85);
    --font-color-800: #202020;
    --font-color-900: #1d1b1a;
    --bg-color-700: #f2f2f2;
    --bg-color-800: #e6e6e6;
    --bg-color-900: #d9d9d9;
    --product-items-trans-bg-color: #e6e6e6
}
*,*:before,*:after{
    box-sizing:border-box;
    margin:0;
    padding:0
}
a{
    text-decoration:none;
    color:inherit;
    font-weight:inherit;
    font-size:inherit
}
button,input,textarea{
    border:0;
    outline:0;
    background-color:transparent;
    color:inherit;
    font-weight:inherit;
    font-size:inherit
}
h1,h2,h3,h4,h5,h6{
    font-weight:inherit;
    font-size:inherit;
}
body{
    min-height:100vh;
    width:100vw;
    overflow-x:hidden;
    background-color:var(--bg-color-800);
    color:var(--font-color-800);
    font-weight:400;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-attachment:fixed;
    font-size:var(--default-font-size)
}
body::-webkit-scrollbar{
    width:16px
}
body::-webkit-scrollbar-track{
    background:var(--bg-color-800)
}
body::-webkit-scrollbar-thumb{
    background:var(--bg-color-700);
    box-shadow:inset 0 0 2px rgba(0,0,0,.1)
}
.container{
    width:1160px;
    padding:0 var(--safe-padding);
    margin:0 auto
}
@media (max-width: 1180px){
    .container{
        width:100%
    }
}
.noScroll{
    max-height:100vh;
    overflow:hidden
}
.errorMessage{
    display:block;
    width:100%;
    text-align:center;
    margin:20px 0;
    font-size:16px;
    color:var(--font-color-700)
}
.boxHeader,.boxBody,.boxFooter{
    padding:15px
}
.boxHeader{
    background: white;
    border-radius:2px 2px 0 0
}
.boxBody{
    background: white;
}
.boxBody:last-child{
    border-radius:0 0 2px 2px
}
.boxFooter{
    background:var(--bg-color-700);
    border-radius:0 0 2px 2px
}
.dropDownWrapper{
    position:relative
}
.dropDownCurrentItem{
    width:100%;
    background-color:var(--bg-color-700);
    cursor:pointer;
    border-radius:2px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px;
    white-space:nowrap;
    font-size:15px;
    outline:1px solid transparent;
    transition:all .1s ease
}
.dropDownCurrentItem:hover,.dropDownCurrentItem:focus{
    outline:1px solid var(--accent-color-800)
}
.dropDownCurrentText{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.dropDownList{
    width:100%;
    margin-top:2px;
    position:absolute;
    top:100%;
    background:var(--bg-color-700);
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    padding:8px;
    border-radius:5px;
    max-height:200px;
    overflow-y:auto;
    z-index:60
}
.dropDownList::-webkit-scrollbar{
    width:10px
}
.dropDownList::-webkit-scrollbar-track{
    background:var(--bg-color-800)
}
.dropDownList::-webkit-scrollbar-thumb{
    background:var(--bg-color-700);
    box-shadow:inset 0 0 2px rgba(0,0,0,.2)
}
.dropDownList.dropDownListOpenOnTop{
    top:unset;
    bottom:100%;
    transform:translateY(3px) scale(.94);
    margin-bottom:2px
}
.dropDownItem{
    width:100%;
    display:flex;
    flex-direction:column;
    cursor:pointer;
    padding:8px 12px;
    color:var(--font-color-700);
    border-radius:5px;
    text-align:left;
    transition:all .2s ease
}
.dropDownItem+.dropDownItem{
    margin-top:2px
}
.dropDownItem:hover,.dropDownItem:focus,.dropDownItem.active{
    background-color:var(--accent-color-900)
}
.productModalImg{
    max-width:300px;
    width:100%;
    height:300px;
    object-fit:contain;
    margin-bottom:10px
}
.bpBgModalImg{
    background-image:url(https://gamestores.app/img/games/rust/blueprintbase.png);
    background-size:contain;
    background-repeat:no-repeat
}
.productModalDescription{
    list-style:inside;
    text-align:left;
    padding:10px;
    margin-bottom:10px;
    background-color:var(--bg-color-700)
}
.productModalDescription a{
    color:var(--accent-color-800);
    cursor:pointer;
    transition:all .15s ease
}
.productModalDescription a:hover{
    color:var(--accent-color-900)
}
.productModalForm{
    margin-bottom:15px
}
.productModalFormRow{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(0%,1fr));
    gap:15px;
    margin-bottom:15px
}
@media screen and (max-width: 460px){
    .productModalFormRow{
        grid-template-columns:repeat(1,1fr)
    }
}
.productModalProductAvailability{
    color:var(--font-color-800);
    display:block;
    text-align:center;
    font-weight:500;
    margin-bottom:5px
}
.productModalGiveText{
    color:#d22727;
    display:block;
    text-align:center;
    font-weight:500
}
.productModalContainsTitle{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.productModalContainsItems{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(188px,1fr));
    gap:15px;
    margin-bottom:15px
}
.productModalContainsItem{
    border-radius:2px;
    background-color:var(--bg-color-700);
    padding:10px;
    position:relative;
    display:flex;
    align-items:center
}
.productModalItemInfo{
    display:flex;
    flex-direction:column;
    max-width:100%;
    overflow:hidden
}
.productModalItemCount{
    color:var(--font-color-900);
    text-align:start
}
.productModalItemName{
    width:100%;
    text-align:start;
    color:var(--font-color-800);
    font-size:15px;
    margin-bottom:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.productModalItemImg{
    width:40px;
    height:40px;
    margin-right:8px;
    object-fit:contain
}
.skeletonWrapper{
    position:relative;
    overflow:hidden
}
.skeletonWrapper:after{
    top:0;
    left:0;
    bottom:0;
    content:"";
    position:absolute;
    width:300%;
    height:100%;
    background:linear-gradient(90deg,transparent 20%,hsla(0,0%,39%,.1) 50%,transparent 80%);
    animation:.7s ease-out infinite skeletonLoaderKeyframes
}
@keyframes skeletonLoaderKeyframes{
    0%{
        transform:translate(-100%)
    }
    to{
        transform:translate(100%)
    }
}
.customModalWrapper{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(15,15,15,.5);
    z-index:240;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s step-end
}
.customModalWrapper.active{
    opacity:1;
    visibility:visible;
    pointer-events:all;
    transition:opacity .2s ease,visibility 0s step-end
}
.customModalWrapper.active .customModalContent{
    transform:scale(1)
}
.customModalOverflow{
    height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.customModalOverflow::-webkit-scrollbar{
    width:16px
}
.customModalOverflow::-webkit-scrollbar-track{
    background:var(--bg-color-800)
}
.customModalOverflow::-webkit-scrollbar-thumb{
    background:var(--bg-color-700);
    box-shadow:inset 0 0 2px rgba(0,0,0,.1)
}
@media screen and (max-width: 760px){
    .customModalOverflow::-webkit-scrollbar{
        width:0
    }
}
.customModalPosition{
    min-height:100%;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    text-align:center;
    padding:0 var(--safe-padding) 0 var(--safe-padding)
}
.customModalContent{
    margin-top:20px;
    margin-bottom:20px;
    border-radius:2px;
    width:360px;
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    transform:scale(.97);
    transition:transform .2s ease
}
.Button-module__btn{
    cursor:pointer;
    border-radius:2px;
    padding:7px 13px;
    border:1px solid transparent;
    transition:all .2s ease
}
.Button-module__btn.Button-module__accent{
    color:var(--font-color-700);
    background-color:var(--accent-color-800);
    border-color:var(--accent-color-800)
}
.Button-module__btn.Button-module__accent:hover,.Button-module__btn.Button-module__accent:focus{
    background-color:var(--accent-color-900);
    border-color:var(--accent-color-900)
}
.Button-module__btn.Button-module__gray{
    color:var(--font-color-800);
    background-color:var(--bg-color-700);
    border-color:var(--bg-color-900)
}
.Button-module__btn.Button-module__gray:hover,.Button-module__btn.Button-module__gray:focus{
    background-color:var(--bg-color-800)
}
.Button-module__btn.Button-module__disabled{
    opacity:.7;
    cursor:wait
}
.ProfileNav-module__wrapper{
    min-width:264px;
    max-width:264px;
    margin-right:20px
}
@media screen and (max-width: 970px){
    .ProfileNav-module__wrapper{
        margin-right:0;
        max-width:initial;
        margin-bottom:20px;
        width:100%
    }
}
.ProfileNav-module__wrapper.ProfileNav-module__rightSide{
    margin-right:0;
    margin-left:20px
}
@media screen and (max-width: 970px){
    .ProfileNav-module__wrapper.ProfileNav-module__rightSide{
        margin-right:0;
        margin-left:0;
        max-width:initial;
        width:100%
    }
}
.ProfileNav-module__header{
    display:flex;
    align-items:center;
    flex-direction:column
}
.ProfileNav-module__img{
    width:234px;
    height:220px;
    margin-bottom:15px
}
.ProfileNav-module__name{
    font-size:16px
}
.ProfileNav-module__body{
    display:flex;
    flex-direction:column
}
.ProfileNav-module__navItem{
    cursor:pointer;
    background:var(--bg-color-700);
    border-radius:2px;
    padding:10px 15px;
    color:var(--font-color-900);
    transition:all .15s ease
}
.ProfileNav-module__navItem:hover,.ProfileNav-module__navItem:focus,.ProfileNav-module__navItem.ProfileNav-module__active{
    color:var(--font-color-800);
    background:var(--bg-color-800)
}
.ProfileNav-module__navItem+.ProfileNav-module__navItem{
    margin-top:3px
}
.ProfileNav-module__logOut{
    text-align:center;
    display:block;
    border-radius:2px;
    width:100%;
    padding:7px;
    color:var(--font-color-800);
    background:var(--accent-color-800)
}
.ProfileNav-module__logOut:hover,.ProfileNav-module__logOut:focus{
    color:var(--font-color-800);
    background:var(--accent-color-900)
}
.Selector-module__dropDownWrapper{
    width:100%;
    position:relative
}
.Selector-module__dropDownCurrentItem{
    width:100%;
    background-color:var(--bg-color-700);
    cursor:pointer;
    border-radius:2px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px;
    white-space:nowrap;
    font-size:15px;
    outline:1px solid transparent;
    transition:all .1s ease
}
.Selector-module__dropDownCurrentItem:hover,.Selector-module__dropDownCurrentItem:focus{
    outline:1px solid var(--accent-color-800)
}
.Selector-module__dropDownCurrentText{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.Selector-module__dropDownList{
    width:100%;
    position:absolute;
    background:var(--bg-color-700);
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    padding:8px;
    border-radius:5px;
    max-height:200px;
    overflow-y:auto;
    z-index:60
}
.Selector-module__dropDownList::-webkit-scrollbar{
    width:10px
}
.Selector-module__dropDownList::-webkit-scrollbar-track{
    background:var(--bg-color-800)
}
.Selector-module__dropDownList::-webkit-scrollbar-thumb{
    background:var(--bg-color-700);
    box-shadow:inset 0 0 2px rgba(0,0,0,.2)
}
.Selector-module__dropDownList.Selector-module__openOnTop{
    margin-bottom:2px;
    bottom:100%
}
.Selector-module__dropDownList.Selector-module__openOnBottom{
    margin-top:2px;
    top:100%
}
.Selector-module__dropDownItem{
    width:100%;
    display:flex;
    flex-direction:column;
    cursor:pointer;
    padding:8px 12px;
    color:var(--font-color-700);
    border-radius:5px;
    text-align:left;
    transition:all .2s ease
}
.Selector-module__dropDownItem+.Selector-module__dropDownItem{
    margin-top:2px
}
.Selector-module__dropDownItem:hover,.Selector-module__dropDownItem:focus,.Selector-module__dropDownItem.Selector-module__active{
    background-color:var(--accent-color-900)
}
.Selector-module__icon{
    width:20px;
    height:20px;
    flex:0 0 20px
}
.ProfileContent-module__wrapper{
    width:100%;
    margin-bottom:20px
}
.ProfileContent-module__header{
    display:flex;
    justify-content:flex-start;
    font-size:17px
}
.ProfileContent-module__body{
    display:flex;
    flex-direction:column
}
.ProfileContent-module__title{
    display:block;
    margin-bottom:5px
}
.ProfileContent-module__box{
    background-color:var(--bg-color-700);
    padding:0 4px
}
.ProfileContent-module__infoWrapper{
    margin-bottom:15px
}
.ProfileContent-module__infoLine{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    padding:10px 12px
}
.ProfileContent-module__infoLine+.ProfileContent-module__infoLine{
    border-top:1px solid var(--bg-color-800)
}
.ProfileContent-module__inputWrapper{
    display:flex;
    width:100%;
    height:36px;
    margin-bottom:15px
}
@media screen and (max-width: 680px){
    .ProfileContent-module__inputWrapper{
        height:auto;
        flex-direction:column
    }
}
.ProfileContent-module__input{
    width:100%;
    display:flex;
    height:36px;
    border-radius:2px;
    overflow:hidden;
    padding:0 15px;
    background:var(--bg-color-700)
}
.ProfileContent-module__usePromoBtn{
    margin-left:20px;
    height:36px;
    min-width:200px
}
@media screen and (max-width: 680px){
    .ProfileContent-module__usePromoBtn{
        margin-left:0;
        margin-top:15px
    }
}
.ProfileContent-module__infoLineValue{
    color:var(--font-color-700)
}
.ProfileContent-module__infoLineValue.ProfileContent-module__steamid{
    cursor:pointer;
    color:var(--accent-color-800);
    transition:all .15s ease
}
.ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover{
    color:var(--accent-color-900)
}
.ProfileContent-module__timedDiscountInfo{
    white-space:pre-wrap;
    padding:15px;
    background-color:var(--bg-color-700)
}
.Profile-module__wrapper{
    display:flex;
    align-items:flex-start
}
@media screen and (max-width: 970px){
    .Profile-module__wrapper{
        flex-direction:column-reverse
    }
}
@media screen and (max-width: 970px){
    .Profile-module__wrapper.Profile-module__rightSide{
        flex-direction:column
    }
}
.ShopFooter-module__links{
    display:flex;
    align-items:center;
    justify-content:space-around;
    text-transform:uppercase;
    font-weight:500
}
@media screen and (max-width: 600px){
    .ShopFooter-module__links{
        flex-direction:column;
        row-gap:10px
    }
}
.ShopFooter-module__link{
    font-size:12px;
    padding:2px 4px;
    color:var(--accent-color-800);
    text-align:center;
    transition:all .1s ease
}
.ShopFooter-module__link:hover{
    color:var(--accent-color-900)
}
.ShopFooter-module__text{
    margin-bottom:10px;
    text-align:center;
    font-size:12px
}
.Servers-module__servers{
    display:flex;
    flex-wrap:wrap;
    margin:-5px -5px 10px;
    justify-content:center
}
.Servers-module__server{
    cursor:pointer;
    color:var(--font-color-900);
    background-color:var(--bg-color-700);
    padding:10px 15px;
    border-radius:2px;
    flex:1;
    margin:5px;
    min-width:200px;
    max-width:300px;
    transition:all .15s ease
}
.Servers-module__server.Servers-module__active,.Servers-module__server:hover,.Servers-module__server:focus{
    background-color:var(--bg-color-800)
}
.Categories-module__categories{
    display:flex;
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    margin:-5px
}
.Categories-module__category{
    cursor:pointer;
    color:var(--font-color-900);
    background-color:var(--bg-color-700);
    padding:10px 15px;
    border-radius:2px;
    margin:5px;
    transition:all .15s ease
}
.Categories-module__category.Categories-module__active,.Categories-module__category:hover{
    background-color:var(--accent-color-800);
    color:var(--font-color-700)
}
.Categories-module__category.Categories-module__enableFocus:focus{
    background-color:var(--accent-color-800);
    color:var(--font-color-700)
}
.Search-module__wrapper{
    width:100%;
    display:flex;
    height:34px;
    border-radius:2px;
    overflow:hidden;
    background:var(--bg-color-700);
    margin-top:15px
}
.Search-module__iconWrapper{
    height:100%;
    padding:0 10px;
    background:var(--accent-color-800);
    color:var(--font-color-700);
    display:flex;
    align-items:center;
    justify-content:center
}
.Search-module__icon{
    width:18px;
    height:18px
}
.Search-module__icon path{
    stroke:#fff
}
.Search-module__input{
    font-size:15px;
    width:100%;
    padding:0 10px;
    color: #353535;
    font-weight: normal;
}
.Product-module__wrapper{
    background: #e0e1e2;
    position:relative;
    padding:10px;
    cursor:pointer;
    border-radius: .28571429rem;
    overflow:hidden;
    animation:Product-module__productAnimation .15s ease
}
.Product-module__wrapper:hover .Product-module__count,.Product-module__wrapper:active .Product-module__count{
    opacity:0
}
.Product-module__wrapper:hover .Product-module__name,.Product-module__wrapper:active .Product-module__name{
    transform:translateY(0)
}
.Product-module__price,.Product-module__discount,.Product-module__name,.Product-module__count{
    position:absolute
}
.Product-module__price {
    top: 0;
    left: 0;
    background-color: rgb(250 124 55);
    padding: 3px 6px;
    border-radius: 0 0 2px;
    display: flex;
    align-items: center;
    color: white;
}
.Product-module__oldPrice{
    position:relative;
    margin-right:4px
}
.Product-module__oldPrice:after{
    position:absolute;
    content:"";
    width:100%;
    height:2px;
    background-color:var(--font-color-800);
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.Product-module__discount{
    top:0;
    right:0;
    background-color:var(--accent-color-800);
    color:var(--font-color-700);
    padding:3px 6px;
    border-radius:0 0 0 2px
}
.Product-module__name{
    z-index:6;
    transition:all .2s ease;
    transform:translateY(100%);
    width:100%;
    padding:10px 8px;
    bottom:0;
    left:0;
    background-color:var(--product-items-trans-bg-color)
}
.Product-module__count{
    right:12px;
    bottom:8px;
    transition:all .15s ease;
    color: black;
}
.Product-module__img{
    object-fit:contain;
    width:100%;
    aspect-ratio:1/1
}
@keyframes Product-module__productAnimation{
    0%{
        opacity:0;
        transform:scale(.92)
    }
    to{
        opacity:1;
        transform:scale(1)
    }
}
.CountSelector-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.CountSelector-module__inputWrapper{
    width:100%;
    display:flex;
    height:36px;
    border-radius:2px;
    overflow:hidden;
    background:var(--bg-color-700)
}
.CountSelector-module__input{
    font-size:15px;
    width:100%;
    padding:0 10px
}
.CountSelector-module__changeCountBtn{
    width:60px;
    height:100%;
    background:var(--bg-color-700);
    position:relative;
    display:flex;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    transition:all .15s ease
}
.CountSelector-module__changeCountBtn:active .CountSelector-module__icon{
    transform:translateY(1px)
}
.CountSelector-module__changeCountBtn:hover,.CountSelector-module__changeCountBtn:focus{
    background:var(--bg-color-800)
}
.CountSelector-module__changeCountBtn.CountSelector-module__left{
    border-right:2px solid var(--bg-color-800)
}
.CountSelector-module__changeCountBtn.CountSelector-module__right{
    border-left:2px solid var(--bg-color-800)
}
.CountSelector-module__icon{
    width:76%;
    height:76%;
    transition:all .15s ease
}
.TotalSum-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.TotalSum-module__inputWrapper{
    width:100%;
    display:flex;
    height:36px;
    border-radius:2px;
    overflow:hidden;
    background:var(--bg-color-700)
}
.TotalSum-module__currency{
    height:100%;
    padding:0 10px;
    background:var(--accent-color-800);
    color:var(--font-color-700);
    line-height:36px
}
.TotalSum-module__input{
    font-size:15px;
    width:100%;
    padding:0 10px
}
.ActionSelector-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.ActionSelector-module__actionSelector{
    width:100%
}
.ActionSelector-module__icon{
    width:20px;
    height:20px;
    flex:0 0 20px
}
.ItemContent-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.ItemContent-module__footer{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.ModalLayout-module__wrapper{
    width:100vw;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(15,15,15,.5);
    z-index:200
}
.ModalLayout-module__overflowWrapper{
    height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.ModalLayout-module__overflowWrapper::-webkit-scrollbar{
    width:16px
}
.ModalLayout-module__overflowWrapper::-webkit-scrollbar-track{
    background:var(--bg-color-800)
}
.ModalLayout-module__overflowWrapper::-webkit-scrollbar-thumb{
    background:var(--bg-color-700);
    box-shadow:inset 0 0 2px rgba(0,0,0,.1)
}
@media screen and (max-width: 760px){
    .ModalLayout-module__overflowWrapper::-webkit-scrollbar{
        width:0
    }
}
.ModalLayout-module__positionWrapper{
    min-height:100%;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    text-align:center;
    padding:0 var(--safe-padding) 0 var(--safe-padding)
}
.ModalLayout-module__modal{
    margin-top:20px;
    margin-bottom:20px;
    border-radius:2px;
    width:360px;
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)
}
.ProductItemSelector-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.ProductItemSelector-module__items{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(50px,1fr));
    gap:8px
}
.ProductItemSelector-module__item{
    cursor:pointer;
    border:1px solid transparent;
    border-radius:2px;
    padding:2px;
    height:60px;
    transition:all .15s ease
}
.ProductItemSelector-module__item.ProductItemSelector-module__active,.ProductItemSelector-module__item:hover,.ProductItemSelector-module__item:focus{
    border:1px solid var(--accent-color-800)
}
.ProductItemSelector-module__img{
    width:100%;
    height:100%;
    object-fit:contain
}
.ProductItemSelector-module__serverSelector{
    width:100%
}
.ProductItemSelector-module__icon{
    width:20px;
    height:20px
}
.SelectContent-module__selectorWrapper{
    margin-bottom:15px
}
.SelectContent-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.SelectContent-module__footer{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.KitContent-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.KitContent-module__containsItems{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
    gap:20px;
    margin-bottom:15px
}
.KitContent-module__containsItem{
    border-radius:2px;
    background-color:var(--bg-color-700);
    padding:10px;
    position:relative;
    display:flex;
    align-items:center
}
.KitContent-module__itemCount{
    position:absolute;
    bottom:0;
    left:0;
    padding:4px 6px;
    background-color:var(--product-items-trans-bg-color);
    color:var(--font-color-900);
    text-align:start
}
.KitContent-module__itemName{
    padding:8px;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    right:0;
    text-align:start;
    color:var(--font-color-800);
    font-size:15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    background-color:var(--product-items-trans-bg-color)
}
.KitContent-module__itemImg{
    width:100%;
    height:auto;
    object-fit:contain
}
.KitContent-module__footer{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.RouletteContent-module__label{
    width:100%;
    text-align:left;
    display:block;
    font-weight:500;
    margin-bottom:6px
}
.RouletteContent-module__lineWrapper{
    position:relative;
    width:100%;
    overflow:hidden;
    background:var(--bg-color-800);
    display:flex;
    height:290px;
    align-items:center
}
.RouletteContent-module__triangle{
    position:absolute;
    left:50%;
    transform:translate(-50%);
    width:0;
    height:0;
    z-index:6
}
.RouletteContent-module__triangle.RouletteContent-module__top{
    top:0;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    border-top:24px solid var(--accent-color-800)
}
.RouletteContent-module__triangle.RouletteContent-module__bottom{
    bottom:0;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    border-bottom:24px solid var(--accent-color-800)
}
.RouletteContent-module__line{
    position:absolute;
    display:flex
}
.RouletteContent-module__rouletteItem{
    border-radius:2px;
    overflow:hidden;
    background:var(--bg-color-700);
    padding:8px
}
.RouletteContent-module__rouletteItem+.RouletteContent-module__rouletteItem{
    margin-left:10px
}
.RouletteContent-module__rouletteItemImg{
    width:200px;
    height:200px;
    object-fit:contain
}
.RouletteContent-module__rouletteItemInfo{
    margin-top:4px;
    display:flex;
    flex-direction:column;
    align-items:center
}
.RouletteContent-module__footer{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.ProductModal-module__command,.ProductModal-module__bp,.ProductModal-module__item,.ProductModal-module__dropdown{
    width:420px
}
.ProductModal-module__roulette,.ProductModal-module__set{
    width:900px
}
@media screen and (max-width: 440px){
    .ProductModal-module__dropdown,.ProductModal-module__item,.ProductModal-module__bp,.ProductModal-module__command{
        width:100%
    }
}
@media screen and (max-width: 940px){
    .ProductModal-module__set,.ProductModal-module__roulette{
        width:100%
    }
}
.ProductModal-module__header{
    font-size:17px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.Products-module__wrapper{
    margin:15px;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:15px
}
.Products-module__wrapper.Products-module__grid2{
    grid-template-columns:repeat(2,minmax(160px,1fr))
}
.Products-module__wrapper.Products-module__grid3{
    grid-template-columns:repeat(3,minmax(160px,1fr))
}
.Products-module__wrapper.Products-module__grid4{
    grid-template-columns:repeat(4,minmax(160px,1fr))
}
.Products-module__wrapper.Products-module__grid5{
    grid-template-columns:repeat(5,minmax(130px,1fr))
}
.Products-module__wrapper.Products-module__grid6{
    grid-template-columns:repeat(6,minmax(100px,1fr))
}
@media screen and (max-width: 1160px){
    .Products-module__wrapper.Products-module__grid2,.Products-module__wrapper.Products-module__grid3,.Products-module__wrapper.Products-module__grid4,.Products-module__wrapper.Products-module__grid5,.Products-module__wrapper.Products-module__grid6{
        grid-template-columns:repeat(auto-fill,minmax(160px,1fr))
    }
}
.Shop-module__wrapper{
    width:100%;
    margin-bottom:20px
}
.Shop-module__header{
    width:100%;
    font-size:17px
}
.VKWidget-module__wrapper,.VKWidget-module__wrapper iframe{
    width:100%!important
}
.MonitoringServer-module__wrapper+.MonitoringServer-module__wrapper{
    margin-top:16px
}
.MonitoringServer-module__name{
    display:block;
    margin-bottom:5px
}
.MonitoringServer-module__progressWrapper{
    position:relative
}
.MonitoringServer-module__progressWrapper:hover .MonitoringServer-module__progressInfo{
    opacity:1;
    transform:translateY(0);
    visibility:visible;
    transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),visibility 0s step-end
}
.MonitoringServer-module__progressInfo{
    z-index:7;
    position:absolute;
    border-radius:2px;
    width:100%;
    padding:5px 8px;
    box-shadow:0 20px 25px -5px rgba(0,0,0,.3);
    background-color:var(--bg-color-800);
    bottom:100%;
    left:0;
    margin-bottom:5px;
    opacity:0;
    transform:translateY(5px);
    visibility:hidden;
    transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s step-end
}
.MonitoringServer-module__progressInfo:before{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    transform:translate(-50%);
    width:0;
    height:0;
    border-style:solid;
    border-width:8px 8px 0;
    border-color:var(--bg-color-800) transparent transparent transparent
}
.MonitoringServer-module__progressBarWrapper{
    margin-bottom:6px;
    border-radius:2px;
    position:relative;
    width:100%;
    height:20px;
    overflow:hidden;
    background-color:var(--bg-color-700)
}
.MonitoringServer-module__playersInfo{
    width:100%;
    display:block;
    text-align:center;
    font-size:15px
}
.MonitoringServer-module__progressBar{
    border-radius:2px;
    --online-players: 0%;
    --joining-players: 0%;
    --queued-players: 0%;
    height:100%;
    width:100%;
    background-image:linear-gradient(90deg, #fb6f37 var(--online-players), var(--monitoring-joining-color) var(--online-players), var(--monitoring-joining-color) var(--joining-players), var(--monitoring-queue-color) var(--joining-players), var(--monitoring-queue-color) var(--queued-players), transparent var(--queued-players));
    background-repeat:repeat-y
}
.MonitoringServer-module__progressBarAnim{
    font-size:14px!important;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:.8;
    background:conic-gradient(from -30deg at 25%,transparent 240deg,rgba(255,255,255,.15) 0%) 0/1.44em,conic-gradient(from -30deg at 75%,rgba(255,255,255,.15) 240deg,transparent 0%) 0/1.44em;
    /*box-shadow:inset 0 0 5px #000;*/
    animation:MonitoringServer-module__monitoringAnimation 2s linear infinite
}
.MonitoringServer-module__info{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.MonitoringServer-module__olineDivider{
    margin:0 4px;
    color:var(--font-color-800);
    transform:rotate(15deg)
}
.MonitoringServer-module__btns{
    display:flex;
    align-items:center
}
.MonitoringServer-module__link,.MonitoringServer-module__btn{
    cursor:pointer
}
.MonitoringServer-module__link+.MonitoringServer-module__link,.MonitoringServer-module__link+.MonitoringServer-module__btn,.MonitoringServer-module__btn+.MonitoringServer-module__link,.MonitoringServer-module__btn+.MonitoringServer-module__btn{
    margin-left:10px
}
.MonitoringServer-module__icon{
    width:16px;
    height:16px;
    stroke:var(--font-color-800);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .15s ease
}
.MonitoringServer-module__icon:hover{
    stroke:var(--accent-color-800)
}
@keyframes MonitoringServer-module__monitoringAnimation{
    0%{
        background-position:0 0
    }
    to{
        background-position:40px 0
    }
}
.Loader-module__loader{
    width:48px;
    height:48px;
    border:5px solid var(--accent-color-800);
    border-bottom-color:var(--bg-color-700);
    border-radius:50%;
    display:block;
    margin:0 auto;
    animation:Loader-module__rotation 1s linear infinite
}
@keyframes Loader-module__rotation{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.MonitoringWidget-module__header{
    font-size:17px
}
.MonitoringWidget-module__updateBtn{
    width:100%
}
.MonitoringWidget-module__body{
    position:relative;
    transition:all .1s ease
}
.MonitoringWidget-module__body.MonitoringWidget-module__isUpdating{
    cursor:wait
}
.MonitoringWidget-module__body.MonitoringWidget-module__isUpdating .MonitoringWidget-module__updatingLoaderWrapper{
    opacity:1;
    pointer-events:all;
    left:0;
    transition:opacity .1s ease,left 0s step-end
}
.MonitoringWidget-module__updatingLoaderWrapper{
    z-index:100;
    position:absolute;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.2);
    opacity:0;
    pointer-events:none;
    left:-100%;
    transition:opacity .1s ease,left .1s step-end
}
.Widgets-module__wrapper{
    min-width:264px;
    max-width:264px;
    margin-right:20px
}
@media screen and (max-width: 970px){
    .Widgets-module__wrapper{
        margin-right:0;
        max-width:initial;
        margin-top:20px;
        width:100%
    }
}
.Widgets-module__wrapper.Widgets-module__rightSide{
    margin-right:0;
    margin-left:20px
}
@media screen and (max-width: 970px){
    .Widgets-module__wrapper.Widgets-module__rightSide{
        margin-right:0;
        margin-left:0;
        max-width:initial;
        width:100%
    }
}
.Widgets-module__widgetWrapper{
    width:100%
}
.Widgets-module__widgetWrapper+.Widgets-module__widgetWrapper{
    margin-top:20px
}
.Index-module__wrapper{
    display:flex;
    align-items:flex-start
}
@media screen and (max-width: 970px){
    .Index-module__wrapper{
        flex-direction:column-reverse
    }
}
@media screen and (max-width: 970px){
    .Index-module__wrapper.Index-module__rightSide{
        flex-direction:column
    }
}
.Banner-module__img{
    display:block;
    margin:0 auto;
    max-width:100%
}
.NavDropDown-module__wrapper{
    position:relative
}
.NavDropDown-module__btn{
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center
}
.NavDropDown-module__btn:hover .NavDropDown-module__linkName,.NavDropDown-module__btn:focus .NavDropDown-module__linkName{
    color:var(--accent-color-800)
}
.NavDropDown-module__btn:hover .NavDropDown-module__icon,.NavDropDown-module__btn:focus .NavDropDown-module__icon{
    fill:var(--accent-color-800)
}
.NavDropDown-module__icon{
    width:20px;
    height:20px
}
.NavDropDown-module__linkName{
    cursor:pointer;
    padding:10px 5px 10px 10px;
    transition:all .1s ease;
    text-transform:uppercase
}
.NavDropDown-module__list{
    margin-top:2px;
    position:absolute;
    top:100%;
    left:-10%;
    z-index:50;
    background:var(--bg-color-700);
    box-shadow:0 0 15px -3px rgba(0,0,0,.2),0 4px 6px -4px rgba(0,0,0,.2);
    padding:8px;
    border-radius:5px;
    opacity:0;
    transform:translateY(3px) scale(.94);
    visibility:hidden;
    pointer-events:none;
    transition:opacity .1s ease,transform .1s ease,visibility .1s step-end
}
.NavDropDown-module__list.NavDropDown-module__active{
    opacity:1;
    transform:translateY(0) scale(1);
    visibility:visible;
    pointer-events:all;
    transition:opacity .1s ease,transform .1s ease,visibility 0s step-end
}
@media screen and (max-width: 980px){
    .NavDropDown-module__list.NavDropDown-module__active{
        display:block
    }
}
@media screen and (max-width: 980px){
    .NavDropDown-module__list{
        margin-top:0;
        position:relative;
        top:0;
        left:0;
        display:none;
        background:transparent
    }
}
.NavDropDown-module__link{
    text-transform:initial;
    display:flex;
    flex-direction:column;
    cursor:pointer;
    padding:8px 12px;
    color:var(--font-color-700);
    white-space:nowrap;
    border-radius:5px;
    text-align:left;
    width:100%;
    transition:all .2s ease
}
@media screen and (max-width: 980px){
    .NavDropDown-module__link{
        color:var(--font-color-800)
    }
}
.NavDropDown-module__link+.NavDropDown-module__link{
    margin-top:2px
}
.NavDropDown-module__link:hover,.NavDropDown-module__link:focus{
    background-color:var(--accent-color-900)
}
.NavServerDropDown-module__wrapper{
    position:relative
}
.NavServerDropDown-module__btn{
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center
}
.NavServerDropDown-module__btn:hover .NavServerDropDown-module__shopTitle,.NavServerDropDown-module__btn:focus .NavServerDropDown-module__shopTitle{
    color:var(--accent-color-800)
}
.NavServerDropDown-module__btn:hover .NavServerDropDown-module__icon,.NavServerDropDown-module__btn:focus .NavServerDropDown-module__icon{
    fill:var(--accent-color-800)
}
.NavServerDropDown-module__icon{
    width:20px;
    height:20px
}
.NavServerDropDown-module__shopTitle{
    cursor:pointer;
    padding:10px 5px 10px 10px;
    transition:all .1s ease;
    text-transform:uppercase
}
.NavServerDropDown-module__list{
    margin-top:2px;
    position:absolute;
    top:100%;
    left:-2%;
    z-index:50;
    background:var(--bg-color-700);
    box-shadow:0 0 15px -3px rgba(0,0,0,.2),0 4px 6px -4px rgba(0,0,0,.2);
    padding:8px;
    border-radius:5px;
    opacity:0;
    transform:translateY(3px) scale(.94);
    visibility:hidden;
    pointer-events:none;
    transition:opacity .1s ease,transform .1s ease,visibility .1s step-end
}
.NavServerDropDown-module__list.NavServerDropDown-module__active{
    opacity:1;
    transform:translateY(0) scale(1);
    visibility:visible;
    pointer-events:all;
    transition:opacity .1s ease,transform .1s ease,visibility 0s step-end
}
@media screen and (max-width: 980px){
    .NavServerDropDown-module__list.NavServerDropDown-module__active{
        display:block
    }
}
@media screen and (max-width: 980px){
    .NavServerDropDown-module__list{
        margin-top:0;
        position:relative;
        top:0;
        left:0;
        display:none;
        background:transparent
    }
}
.NavServerDropDown-module__server{
    display:flex;
    flex-direction:column;
    cursor:pointer;
    padding:8px 12px;
    color:var(--font-color-700);
    white-space:nowrap;
    border-radius:5px;
    text-align:left;
    width:100%;
    transition:all .2s ease
}
@media screen and (max-width: 980px){
    .NavServerDropDown-module__server{
        color:var(--font-color-800)
    }
}
.NavServerDropDown-module__server+.NavServerDropDown-module__server{
    margin-top:2px
}
.NavServerDropDown-module__server:hover,.NavServerDropDown-module__server:focus{
    background-color:var(--accent-color-900)
}
.SupportLink-module__link{
    position:relative;
    cursor:pointer;
    padding:10px;
    transition:all .1s ease
}
.SupportLink-module__link:hover,.SupportLink-module__link:focus{
    color:var(--accent-color-800)
}
.SupportLink-module__supportCount{
    position:absolute;
    top:0;
    right:0;
    color:var(--bg-color-800);
    background-color:var(--accent-color-800);
    border-radius:5px;
    padding:2px 6px;
    font-size:12px;
    transform:translate(50%,-50%)
}
.HeaderNav-module__wrapper{
    display:flex;
    align-items:center;
    column-gap:10px;
    margin-left:40px;
    text-transform:uppercase;
    flex-wrap:wrap
}
@media screen and (max-width: 980px){
    .HeaderNav-module__wrapper{
        display:none
    }
}
.HeaderNav-module__link{
    cursor:pointer;
    padding:10px;
    transition:all .1s ease
}
.HeaderNav-module__link:hover,.HeaderNav-module__link:focus{
    color:var(--accent-color-800)
}
.LangSwitcher-module__wrapper{
    position:relative
}
@media screen and (max-width: 600px){
    .LangSwitcher-module__wrapper{
        width:100%
    }
}
.LangSwitcher-module__btn{
    cursor:pointer;
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    transition:all .1s ease
}
.LangSwitcher-module__btn:hover,.LangSwitcher-module__btn:focus{
    background-color:var(--accent-color-800)
}
@media screen and (max-width: 600px){
    .LangSwitcher-module__btn{
        width:100%;
        background-color:var(--bg-color-700)
    }
}
.LangSwitcher-module__currentLang{
    cursor:pointer;
    padding:10px
}
.LangSwitcher-module__list{
    z-index:50;
    margin-top:2px;
    position:absolute;
    top:100%;
    left:-10%;
    background:var(--bg-color-700);
    box-shadow:0 0 15px -3px rgba(0,0,0,.2),0 4px 6px -4px rgba(0,0,0,.2);
    padding:8px;
    border-radius:5px;
    opacity:0;
    transform:translateY(-3px) scale(.94);
    visibility:hidden;
    pointer-events:none;
    transition:opacity .1s ease,transform .1s ease,visibility .1s step-end
}
.LangSwitcher-module__list.LangSwitcher-module__active{
    opacity:1;
    transform:translateY(0) scale(1);
    visibility:visible;
    pointer-events:all;
    transition:opacity .1s ease,transform .1s ease,visibility 0s step-end
}
@media screen and (max-width: 600px){
    .LangSwitcher-module__list{
        width:100%;
        top:100%;
        left:0
    }
}
.LangSwitcher-module__lang{
    width:100%;
    display:flex;
    flex-direction:column;
    cursor:pointer;
    padding:8px 12px;
    color:var(--font-color-700);
    white-space:nowrap;
    border-radius:5px;
    text-align:left;
    transition:all .2s ease
}
.LangSwitcher-module__lang+.LangSwitcher-module__lang{
    margin-top:2px
}
.LangSwitcher-module__lang:hover,.LangSwitcher-module__lang:focus{
    background-color:var(--accent-color-900)
}
.PlayerBalanceModal-module__header{
    font-size:17px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.PlayerBalanceModal-module__form{
    display:flex;
    flex-direction:column;
    align-items:flex-start
}
.PlayerBalanceModal-module__label{
    margin-bottom:8px;
    font-weight:500
}
.PlayerBalanceModal-module__inputWrapper{
    width:100%;
    display:flex;
    height:36px;
    border-radius:2px;
    overflow:hidden;
    background:var(--bg-color-700)
}
.PlayerBalanceModal-module__currency{
    height:100%;
    padding:0 10px;
    background:var(--accent-color-800);
    color:var(--font-color-700);
    line-height:36px
}
.PlayerBalanceModal-module__input{
    font-size:15px;
    width:100%;
    padding:0 10px
}
.PlayerBalanceModal-module__footer{
    display:flex;
    justify-content:space-between
}
@media screen and (max-width: 600px){
    .PlayerBalance-module__wrapper{
        width:100%
    }
}
.PlayerBalance-module__btn{
    text-transform:uppercase;
    cursor:pointer;
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    white-space:nowrap;
    transition:all .1s ease
}
.PlayerBalance-module__btn:hover,.PlayerBalance-module__btn:focus{
    background-color:var(--accent-color-800)
}
@media screen and (max-width: 600px){
    .PlayerBalance-module__btn{
        width:100%;
        background-color:var(--bg-color-700)
    }
}
.PlayerBalance-module__modal{
    width:360px
}
@media screen and (max-width: 380px){
    .PlayerBalance-module__modal{
        width:100%
    }
}
.CrosseCloseBtn-module__btn{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer
}
.CrosseCloseBtn-module__btn:hover .CrosseCloseBtn-module__line,.CrosseCloseBtn-module__btn:focus .CrosseCloseBtn-module__line{
    background-color:var(--accent-color-800)
}
.CrosseCloseBtn-module__line{
    position:absolute;
    width:100%;
    height:2px;
    background-color:var(--font-color-900);
    transition:all .15s ease
}
.CrosseCloseBtn-module__line:nth-child(1){
    transform:rotate(45deg)
}
.CrosseCloseBtn-module__line:nth-child(2){
    transform:rotate(-45deg)
}
.PlayerMenuMobile-module__mobileMenuBtn{
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    padding:4px 0;
    width:30px;
    height:30px;
    border-radius:6px;
    margin-left:20px
}
@media screen and (max-width: 980px){
    .PlayerMenuMobile-module__mobileMenuBtn{
        display:flex
    }
}
.PlayerMenuMobile-module__line{
    width:80%;
    height:2px;
    border-radius:1px;
    background-color:var(--font-color-800)
}
.PlayerMenuMobile-module__menuWrapper{
    overflow-x:hidden;
    overflow-y:auto;
    display:flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    min-height:100vh;
    z-index:100;
    background-color:rgba(15,15,15,.5);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s step-end
}
.PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible{
    opacity:1;
    transform:translate(0);
    visibility:visible;
    pointer-events:all;
    transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility 0s step-end
}
.PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .PlayerMenuMobile-module__menu{
    transform:scale(1)
}
.PlayerMenuMobile-module__menu{
    position:absolute;
    right:0;
    top:0;
    height:100vh;
    width:min(360px,100vw - 30px);
    display:flex;
    flex-direction:column;
    transform:translate(100%);
    transition:transform .15s cubic-bezier(.4,0,.2,1)
}
.PlayerMenuMobile-module__header{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.PlayerMenuMobile-module__body{
    display:flex;
    flex-direction:column;
    height:100%;
    overflow-y:auto
}
.PlayerMenuMobile-module__nav{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-left:0
}
.PlayerMenuMobile-module__playerMenu{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    row-gap:20px
}
@media screen and (max-width: 600px){
    .PlayerMenuMobile-module__playerMenu{
        margin-bottom:30px
    }
}
.PlayerMenuMobile-module__langSwitcher,.PlayerMenuMobile-module__balance,.PlayerMenuMobile-module__profileLink,.PlayerMenuMobile-module__loginLink{
    display:none
}
@media screen and (max-width: 600px){
    .PlayerMenuMobile-module__langSwitcher,.PlayerMenuMobile-module__balance,.PlayerMenuMobile-module__profileLink,.PlayerMenuMobile-module__loginLink{
        display:block
    }
}
.PlayerMenuMobile-module__profileLink,.PlayerMenuMobile-module__loginLink{
    border-radius:2px;
    background-color:var(--bg-color-700);
    text-align:center;
    width:100%;
    padding:10px
}
.PlayerMenu-module__wrapper{
    margin-left:auto;
    display:flex;
    align-items:center;
    column-gap:10px
}
@media screen and (max-width: 600px){
    .PlayerMenu-module__langSwitcher,.PlayerMenu-module__balance{
        display:none
    }
}
.PlayerMenu-module__profileLink,.PlayerMenu-module__loginLink{
    text-transform:uppercase;
    cursor:pointer;
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    white-space:nowrap;
    transition:all .1s ease
}
.PlayerMenu-module__profileLink:hover,.PlayerMenu-module__profileLink:focus,.PlayerMenu-module__loginLink:hover,.PlayerMenu-module__loginLink:focus{
    background-color:var(--accent-color-800)
}
@media screen and (max-width: 600px){
    .PlayerMenu-module__profileLink,.PlayerMenu-module__loginLink{
        display:none
    }
}
.Header-module__wrapper{
    background-color:var(--bg-color-700);
    margin-bottom:20px;
    padding:0 15px;
    min-height:50px;
    font-weight:500;
    width:100%;
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.Header-module__wrapper.Header-module__newYearVibe{
    position:relative
}
.Header-module__wrapper.Header-module__newYearVibe:after{
    pointer-events:none;
    position:absolute;
    content:"";
    display:block;
    width:100%;
    height:100%;
    right:0;
    bottom:0;
    left:0;
    top:-20px;
    background-image:url(https://i122.fastpic.org/big/2023/1213/a0/381951bfe98e71bfe8d71ec691283ea0.webp);
    background-position:center;
    background-repeat:repeat;
    background-size:240px 100%
}
.Header-module__logoWrapper{
    display:flex;
    align-items:center;
    justify-content:center
}
.Header-module__logo{
    font-size:18px;
    text-transform:uppercase
}
@media screen and (max-width: 980px){
    .Header-module__nav{
        display:none
    }
}
.Cookie-module__wrapper{
    z-index:50;
    position:fixed;
    bottom:10px;
    left:50%;
    transform:translate(-50%);
    padding:15px;
    border-radius:2px;
    background-color:var(--bg-color-800);
    display:flex;
    align-items:center;
    box-shadow:0 0 10px rgba(0,0,0,.3)
}
@media screen and (max-width: 600px){
    .Cookie-module__wrapper{
        bottom:30px
    }
}
@media screen and (max-width: 430px){
    .Cookie-module__wrapper{
        width:calc(100% - 20px);
        justify-content:space-between
    }
}
.Cookie-module__icon{
    width:30px;
    height:30px;
    fill:var(--accent-color-800);
    margin-right:10px
}
.Cookie-module__text{
    margin-right:30px;
    white-space:nowrap
}
.Cookie-module__button{
    margin-right:10px;
    text-transform:uppercase
}
.DesktopCopyright-module__wrapper{
    z-index:49!important;
    position:fixed!important;
    bottom:5px!important;
    left:5px!important;
    padding:10px;
    border-radius:2px;
    background-color:var(--bg-color-800);
    display:flex;
    align-items:center;
    opacity:1!important;
    content:"Редактируя этот класс имейте ввиду, что если он будет не читабельным вы получите пермаментную блокировку магазина!"
}
@media screen and (max-width: 760px){
    .DesktopCopyright-module__wrapper{
        display:none
    }
}
.DesktopCopyright-module__text{
    white-space:nowrap
}
.DesktopCopyright-module__link{
    white-space:nowrap;
    margin-left:5px;
    color:var(--accent-color-800)
}
.WelcomeSelectServer-module__modalWrapper{
    background-color:rgba(0,0,0,.9);
    z-index:1000
}
.WelcomeSelectServer-module__modal{
    width:580px
}
@media screen and (max-width: 600px){
    .WelcomeSelectServer-module__modal{
        width:100%
    }
}
.WelcomeSelectServer-module__header{
    font-size:17px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.WelcomeSelectServer-module__description{
    display:block;
    margin-bottom:20px
}
.WelcomeSelectServer-module__servers{
    margin-bottom:15px;
    display:grid;
    gap:10px
}
.WelcomeSelectServer-module__server{
    width:100%;
    background-color:var(--bg-color-700);
    padding:10px 15px;
    border-radius:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.WelcomeSelectServer-module__serverName{
    color:var(--font-color-800)
}
.BGImage-module__img{
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    object-fit:cover
}
.MobileCopyright-module__wrapper{
    z-index:49!important;
    display:none;
    padding:10px;
    border-radius:2px;
    margin:0 10px 10px;
    background-color:var(--bg-color-800);
    align-items:center;
    opacity:1!important;
    content:"Редактируя этот класс имейте ввиду, что если он будет не читабельным вы получите пермаментную блокировку магазина!"
}
@media screen and (max-width: 768px){
    .MobileCopyright-module__wrapper{
        display:flex
    }
}
.MobileCopyright-module__text{
    white-space:nowrap
}
.MobileCopyright-module__link{
    white-space:nowrap;
    margin-left:5px;
    color:var(--accent-color-800)
}
.Ban-module__body{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100vw;
    height:100vh;
    background-color:var(--bg-color-800);
    position:fixed;
    top:0;
    left:0
}
.Ban-module__logo{
    font-size:30px;
    margin-bottom:30px
}
.Ban-module__red{
    font-size:30px;
    color:#af3723
}
.Ban-module__title{
    display:block;
    font-size:20px;
    margin-bottom:15px
}
.Maintenance-module__body{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100vw;
    height:100vh;
    background-color:var(--bg-color-800);
    position:fixed;
    top:0;
    left:0
}
.Maintenance-module__logo{
    font-size:30px;
    margin-bottom:30px
}
.Maintenance-module__red{
    font-size:30px;
    color:#af3723
}
.Maintenance-module__title{
    display:block;
    font-size:20px;
    margin-bottom:15px
}
.Maintenance-module__subTitle{
    display:block;
    font-size:14px
}
.InitializingError-module__body{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100vw;
    height:100vh;
    background-color:var(--bg-color-800);
    position:fixed;
    top:0;
    left:0
}
.InitializingError-module__logo{
    font-size:30px;
    margin-bottom:30px
}
.InitializingError-module__red{
    font-size:30px;
    color:#af3723
}
.InitializingError-module__title{
    display:block;
    font-size:20px;
    margin-bottom:15px
}
.InitializingError-module__subTitle{
    display:block;
    font-size:14px
}
.Page-module__wrapper{
    width:100%;
    margin-bottom:20px
}
.Page-module__pageContent a{
    color:var(--accent-color-800);
    cursor:pointer;
    transition:all .15s ease
}
.Page-module__pageContent a:hover{
    color:var(--accent-color-900)
}
.Page-module__header{
    width:100%;
    font-size:17px
}
.Page-module__loader{
    width:48px;
    height:48px;
    border:5px solid var(--accent-color-800);
    border-bottom-color:var(--bg-color-700);
    border-radius:50%;
    display:block;
    margin:0 auto;
    animation:Page-module__rotation 1s linear infinite
}
@keyframes Page-module__rotation{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.CustomPage-module__wrapper{
    display:flex;
    align-items:flex-start
}
@media screen and (max-width: 970px){
    .CustomPage-module__wrapper{
        flex-direction:column-reverse
    }
}
@media screen and (max-width: 970px){
    .CustomPage-module__wrapper.CustomPage-module__rightSide{
        flex-direction:column
    }
}
.Pagination-module__pagination{
    width:100%;
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap:7px
}
.Pagination-module__navPageBtn,.Pagination-module__page{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:2px;
    border:1px solid transparent;
    background:var(--bg-color-700)
}
.Pagination-module__page{
    cursor:pointer;
    transition:all .15s ease
}
.Pagination-module__page:hover,.Pagination-module__page.Pagination-module__active,.Pagination-module__page:focus{
    color:var(--accent-color-800)
}
.Pagination-module__navPageBtn{
    cursor:pointer;
    transition:all .2s ease
}
.Pagination-module__navPageBtn:hover,.Pagination-module__navPageBtn:focus{
    border:1px solid var(--accent-color-800)
}
.Pagination-module__navPageBtn:hover .Pagination-module__pagIcon,.Pagination-module__navPageBtn:focus .Pagination-module__pagIcon{
    stroke:var(--accent-color-800)
}
.Pagination-module__pagIcon{
    transition:all .15s ease;
    width:20px;
    height:20px
}
.Pagination-module__left{
    margin-right:7px
}
.Pagination-module__left .Pagination-module__pagIcon{
    transform:rotate(180deg);
    transition:all .2s ease
}
.Pagination-module__right{
    margin-left:7px
}
.Pagination-module__right .Pagination-module__pagIcon{
    transition:all .2s ease
}
.HistoryTable-module__wrapper{
    width:100%
}
.HistoryTable-module__table{
    width:100%;
    overflow-x:auto
}
.HistoryTable-module__tableData{
    width:100%;
    position:relative;
    transition:all .15s ease;
    min-height:140px
}
@media screen and (max-width: 1180px){
    .HistoryTable-module__tableData{
        min-width:920px
    }
}
.HistoryTable-module__loader{
    margin:20px auto
}
.HistoryTable-module__tableHeader{
    background-color:var(--bg-color-700)
}
.HistoryTable-module__tableLine,.HistoryTable-module__tableHeader{
    display:grid;
    grid-template-columns:1fr 200px 130px;
    gap:10px;
    align-items:center;
    padding:14px 12px
}
.HistoryTable-module__tableLine:nth-child(2n-1){
    background-color:var(--bg-color-800)
}
.HistoryTable-module__tableLine:nth-child(2n-1) .HistoryTable-module__skeletonDetail{
    background-color:var(--bg-color-900)
}
.HistoryTable-module__tableLine:nth-child(2n-1) .HistoryTable-module__skeletonDate{
    background-color:var(--bg-color-900)
}
.HistoryTable-module__tableLine:nth-child(2n-1) .HistoryTable-module__skeletonSum{
    background-color:var(--bg-color-900)
}
.HistoryTable-module__tableTitle,.HistoryTable-module__value{
    text-align:center
}
.HistoryTable-module__tableTitle:first-child,.HistoryTable-module__value:first-child{
    text-align:start
}
.HistoryTable-module__tableTitle:last-child,.HistoryTable-module__value:last-child{
    text-align:end
}
.HistoryTable-module__tableTitle{
    color:var(--font-color-900);
    font-size:16px;
    font-weight:400
}
.HistoryTable-module__value{
    color:var(--font-color-800);
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .15s ease
}
.HistoryTable-module__skeletonDetail,.HistoryTable-module__skeletonDate,.HistoryTable-module__skeletonSum{
    border-radius:6px;
    background-color:var(--bg-color-800)
}
.HistoryTable-module__skeletonDetail{
    width:100%;
    height:24px
}
.HistoryTable-module__skeletonDate{
    margin:0 auto;
    height:24px;
    width:80%
}
.HistoryTable-module__skeletonSum{
    height:24px;
    width:80%;
    margin-left:auto
}
.HistorySearch-module__wrapper{
    width:100%;
    display:flex;
    height:40px;
    border-radius:2px;
    overflow:hidden;
    background:var(--bg-color-700)
}
.HistorySearch-module__iconWrapper{
    height:100%;
    padding:0 10px;
    background:var(--accent-color-800);
    color:var(--font-color-700);
    display:flex;
    align-items:center;
    justify-content:center
}
.HistorySearch-module__icon{
    width:18px;
    height:18px
}
.HistorySearch-module__icon path{
    stroke:#fff
}
.HistorySearch-module__input{
    font-size:15px;
    width:100%;
    padding:0 10px;
    color:var(--font-color-800)
}
.HistorySearch-module__input::placeholder{
    color:var(--font-color-900)
}
.HistoryFilters-module__wrapper{
    display:flex;
    margin-bottom:15px;
    align-items:center
}
.HistoryContent-module__wrapper{
    width:100%;
    margin-bottom:20px
}
.HistoryContent-module__header{
    font-size:17px;
    display:flex;
    justify-content:flex-start
}
.ProfileHistory-module__wrapper{
    display:flex;
    align-items:flex-start
}
@media screen and (max-width: 970px){
    .ProfileHistory-module__wrapper{
        flex-direction:column-reverse
    }
}
@media screen and (max-width: 970px){
    .ProfileHistory-module__wrapper.ProfileHistory-module__rightSide{
        flex-direction:column
    }
}
.ProfileBasket-module__wrapper{
    display:flex;
    align-items:flex-start
}
@media screen and (max-width: 970px){
    .ProfileBasket-module__wrapper{
        flex-direction:column-reverse
    }
}
@media screen and (max-width: 970px){
    .ProfileBasket-module__wrapper.ProfileBasket-module__rightSide{
        flex-direction:column
    }
}
.BasketSearch-module__wrapper{
    width:100%;
    display:flex;
    height:40px;
    border-radius:2px;
    overflow:hidden;
    background:var(--bg-color-700)
}
.BasketSearch-module__iconWrapper{
    height:100%;
    padding:0 10px;
    background:var(--accent-color-800);
    color:var(--font-color-700);
    display:flex;
    align-items:center;
    justify-content:center
}
.BasketSearch-module__icon{
    width:18px;
    height:18px
}
.BasketSearch-module__icon path{
    stroke:#fff
}
.BasketSearch-module__input{
    font-size:15px;
    width:100%;
    padding:0 10px;
    color:var(--font-color-800)
}
.BasketSearch-module__input::placeholder{
    color:var(--font-color-900)
}
.BasketFilters-module__wrapper{
    display:flex;
    margin-bottom:15px;
    align-items:center
}
.BasketFilters-module__serverSelector{
    margin-left:20px
}
.BasketTable-module__wrapper{
    width:100%
}
.BasketTable-module__table{
    width:100%;
    overflow-x:auto
}
.BasketTable-module__tableData{
    width:100%;
    position:relative;
    transition:all .15s ease;
    min-height:140px
}
@media screen and (max-width: 1180px){
    .BasketTable-module__tableData{
        min-width:920px
    }
}
.BasketTable-module__loader{
    margin:20px auto
}
.BasketTable-module__tableHeader{
    background-color:var(--bg-color-700)
}
.BasketTable-module__tableLine,.BasketTable-module__tableHeader{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    align-items:center;
    padding:14px 12px
}
.BasketTable-module__tableLine.BasketTable-module__canSell,.BasketTable-module__tableHeader.BasketTable-module__canSell{
    grid-template-columns:1fr 1fr 100px
}
.BasketTable-module__tableLine{
    position:relative
}
.BasketTable-module__tableLine:hover .BasketTable-module__disabledLine{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .1s ease,visibility .1s step-end
}
.BasketTable-module__tableLine:nth-child(2n-1){
    background-color:var(--bg-color-800)
}
.BasketTable-module__tableLine:nth-child(2n-1) .BasketTable-module__skeletonImg{
    background-color:var(--bg-color-900)
}
.BasketTable-module__tableLine:nth-child(2n-1) .BasketTable-module__skeletonName{
    background-color:var(--bg-color-900)
}
.BasketTable-module__tableLine:nth-child(2n-1) .BasketTable-module__skeletonServer{
    background-color:var(--bg-color-900)
}
.BasketTable-module__disabledLine{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    color:#e6e6e6;
    opacity:1;
    visibility:visible;
    transition:opacity .1s ease,visibility .1s step-end
}
.BasketTable-module__tableTitle,.BasketTable-module__value{
    text-align:center
}
.BasketTable-module__tableTitle:first-child,.BasketTable-module__value:first-child{
    text-align:start
}
.BasketTable-module__tableTitle{
    color:var(--font-color-900);
    font-size:16px;
    font-weight:400
}
.BasketTable-module__productNameWrapper{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.BasketTable-module__productInfoWrapper,.BasketTable-module__serverInfoWrapper{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.BasketTable-module__productInfoWrapper{
    align-items:flex-start
}
.BasketTable-module__serverInfoWrapper{
    align-items:center
}
.BasketTable-module__itemImg,.BasketTable-module__skeletonImg{
    width:50px;
    height:46px;
    margin-right:16px
}
.BasketTable-module__inlineBtn{
    color:var(--accent-color-800);
    cursor:pointer;
    margin-top:5px;
    transition:all .15s ease
}
.BasketTable-module__inlineBtn:hover{
    color:var(--accent-color-900)
}
.BasketTable-module__value{
    color:var(--font-color-800);
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .15s ease
}
.BasketTable-module__skeletonImg,.BasketTable-module__skeletonName,.BasketTable-module__skeletonServer{
    border-radius:6px;
    background-color:var(--bg-color-800)
}
.BasketTable-module__skeletonImg{
    width:60px
}
.BasketTable-module__skeletonName{
    height:24px;
    width:100%
}
.BasketTable-module__skeletonServer{
    margin:0 auto;
    height:24px;
    width:50%
}
.BasketChangeServer-module__header{
    font-size:17px;
    display:flex;
    justify-content:flex-start
}
.BasketChangeServer-module__footer{
    display:flex;
    justify-content:space-between
}
.BasketContent-module__wrapper{
    width:100%;
    margin-bottom:20px
}
.BasketContent-module__header{
    font-size:17px;
    display:flex;
    justify-content:flex-start
}
.BasketContent-module__modal{
    width:480px
}
@media screen and (max-width: 500px){
    .BasketContent-module__modal{
        width:100%
    }
}