.button-hover{
    transition: scale 0.2s;
}
.button-hover:hover{
    scale: 0.9;
}

.header {
    background-color: var(--backgorundDark);
    z-index: 50;

}

.header-menu {
    height: 90px;

}

.header-menu-button {
    top: 3px;
    position: relative;
    min-width: 85px;
    color: var(--textColorWhite);
    transition: color 0.2s, text-shadow 0.5s;
}

.header-menu-button:hover {
    color: #f5c71b;
    text-shadow: #f5c71b 0px 0px 6px;

}

.header-menu-button-icon {
    top: 3px;
    position: relative;
    min-width: 32px;
    color: var(--textColorWhite);
    transition: color 0.2s, text-shadow 0.5s, scale 0.2s;
}

.header-menu-button-icon:hover {
    color: #f5c71b;
    scale: 1.3;

}

.header-menu-button-logo {

    min-width: 55px;
    color: var(--textColorWhite);
    transition: color 0.2s, text-shadow 0.5s;
    z-index: 15;

}

.animation-scale-1{
    cursor: pointer;
    scale: 1;
    transition: scale 0.2s;
}
.animation-scale-1:hover{
    scale: 0.9;
}

.steam-logo {
    width: 38px;
    cursor: pointer;
}

.steam-logo-small {
    width: 40px;
}

.header-menu-button-profile {

    min-width: 145px;
    width: auto;
    transition: background-color 0.3s, text-shadow 0.1s;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    border-radius: 5px;
    background-color: #343331;
    cursor: pointer;


}

.header-menu-button-profile:hover {

    background-color: #3d3c3a;

}

.header-menu-button-profile-small {

    min-width: 40px;
    transition: background-color 0.3s, text-shadow 0.1s;
    color: #fff;

    height: 45px;
    border-radius: 50%;
    background-color: #32343b;
    cursor: pointer;


}

.header-menu-button-profile-small:hover {

    background-color: #363942;

}

.phone-number {
    background-color: #21201e;
    border: 0px;
    width: 100%;
    border-radius: 5px;
    min-height: 50px;
    outline: 0px;
    font-size: 13px;
}

.phone-number::placeholder {
    color: #9f9f9f;
}

.header-menu-button-profile:hover .profile-small-menu {

    display: block;

}

.profile-small-menu {
    display: none;
    width: 200px;
    right: 0px;
    height: auto;
    position: absolute;
    top: 40px;
    cursor: auto;
    z-index: 11;
}


.header-menu-button-basket {

    min-width: 95px;
    transition: background-color 0.3s, text-shadow 0.1s;
    color: #21201e;

    height: 45px;
    border-radius: 5px;
    background-color: #f5c71b;
    cursor: pointer;
    z-index: 3;
    position: relative;

}

.header-menu-button-basket:hover {

    background-color: #f8d864;

}

.header-menu-button-basket-small {

    min-width: 50px;
    transition: background-color 0.3s, text-shadow 0.1s;
    color: #fff;

    height: 50px;
    border-radius: 50%;
    background-color: #01aec2;
    cursor: pointer;
    z-index: 3;
    position: relative;

}

.header-menu-button-basket-small:hover {

    background-color: #047988;

}

.basket-button-pay {

    width: 100%;
    transition: background-color 0.3s, text-shadow 0.1s;
    color: #21201e;

    height: 45px;
    border-radius: 5px;
    background-color: #f5c71b;
    cursor: pointer;
    z-index: 3;
    position: relative;

}

.basket-button-pay:hover {

    background-color: #f8d763;

}

.basket-button-sell {

    width: 100%;
    transition: background-color 0.3s, text-shadow 0.1s;
    color: #21201e;
    font-size: 14px;
    min-height: 55px;
    border-radius: 5px;
    background-color: #f5c71b;
    cursor: pointer;
    z-index: 3;
    position: relative;

}

.basket-button-sell:hover {

    background-color: #f5c71b;

}

.index-button-buy {

    width: 250px;
    transition: background-color 0.3s, text-shadow 0.1s;
    color: #fff;

    height: 65px;
    border-radius: 5px;
    background-color: #01aec2;
    cursor: pointer;
    z-index: 3;
    position: relative;

}

.index-button-buy:hover {

    background-color: #047988;

}

.profile-cover-action-button {

    height: 60px;
    border-radius: 5px;
    border: #919295 1px solid;
    cursor: pointer;
}

.profile-cover-action-button:hover {

    background-color: #2b2d33;

}

.profile-cover-page-button {

    height: 55px;
    cursor: pointer;
    color: #999ca4;

}

.profile-cover-page-button:hover {

    background-color: #2b2d33;
    color: #05d2ea;

}

.profile-cover-in-page-button {

    height: 55px;
    background-color: #2b2d33;
    color: #05d2ea;
}


.basket-items {
    height: 100px;
    width: 100%;
    cursor: pointer;

    border-radius: 5px;
    background-color: #2a2927;
    transition: background-color 0.1s;
    margin-bottom: 10px;
}

.basket-items:hover {
    background-color: #33322f;
}

.my-inventory-items {
    transition: background-color 0.2s;
    cursor: pointer;
}

.my-inventory-items:hover {
    background-color: #4b4e57;
}

.header-menu-button-basket:focus .basket-small-menu {

    display: block;

}


.header-menu-button-login {

    min-width: 135px;
    transition: background-color 0.3s, text-shadow 0.1s,scale 0.2s;
    color: #21201e;
    padding-left: 12px;
    padding-right: 12px;
    height: 42px;
    border-radius: 5px;
    background-color: #f5c71b;
    cursor: pointer;
    z-index: 15;
    box-shadow: #21201e 0px 0px 14px -1px
}

.header-menu-button-login:hover {

    background-color: #f8d24a;

}

.profile-menu-buttons {
    color: #9aa1ad;
    transition: color 0.3s;
    cursor: pointer;
    font-size: 14px;
}

.profile-menu-buttons:hover {
    color: #f5c71b;
}

.logo-style {
    width: 40px
}

.logo-style-small {
    width: 35px
}

.div-min-width-10 {
    min-width: 10px
}

.basket-reset-button {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #919295;
    color: #b8b8b9;
    transition: all 0.2s;
    cursor: pointer;
}

.basket-reset-button:hover {

    border: 1px solid #d1d3d3;
    color: #f2f3f3;

}


.style-commodity-lock {
    padding-right: 10px;
    width: 100%;
    background-color: #8f000c;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    min-height: 45px;
    transition: all 0.2s;
}

.commodities-add-button {
    width: 50px;
    height: 100%;
    background-color: #f5c71b;
    border-radius: 10px;
    box-shadow: #000 0px 0px 5px -1px;
    color: #21201e;
    transition: all 0.2s;
}

.commodities-add-fs-button {
    width: 50px;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: #000 0px 0px 5px -1px;
    color: #e18803;
    transition: all 0.2s;
}

.style-commodity-price {
    padding: 7px;
    width: 100%;
    background-color: #21201e;
    color: #f5c71b;
    font-size: 12px;
    border-radius: 10px;
    min-height: 45px;
    transition: all 0.2s;
}

.style-commodity-price:hover {
    background-color: #21201e;
    color: #f5c71b;
}

.style-commodity-price-on-sell {
    padding: 7px;
    width: 100%;
    background-color: #bd0505;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    min-height: 45px;
    transition: all 0.2s;
}

.style-commodity-price-on-sell:hover {
    background-color: #fff;
    color: #bd0505;
}

.style-commodity-fs-price {
    padding: 7px;
    width: 100%;
    background-color: #21201e;
    color: #f5c71b;
    font-size: 10px;
    border-radius: 10px;
    min-height: 45px;
    transition: all 0.2s;
}

.style-commodity-fs-price:hover {
    background-color: #21201e;

}

.style-commodity-fs-price:hover .commodities-add-fs-button {
    background-color: #21201e;

}

.style-commodity-price-2 {
    padding: 7px;
    width: 100%;
    background-color: #21201e;
    color: #f5c71b;
    font-size: 12px;
    border-radius: 5px;
    min-height: 45px;
    transition: all 0.2s;
}

.style-commodity-price-2:hover {

    color: #f5c71b;
}

.style-commodity-lock:hover {

    color: #f5c71b;
}


.input-set-price {

    border: 0px;
    width: 100%;

    min-height: 50px;
    outline: 0px;
    position: relative;
    z-index: 5;
    font-size: 14px;
    padding-left: 8px;
}

.input-set-price::placeholder {
    color: #fff;
    font-size: 11px;
    text-align: right;
    padding-right: 8px;

}


@media only screen and (max-width: 900px) {

    .basket-small-menu {
        width: 100%;
        left: 0px;
        height: 100%;
        position: absolute;
        top: 0px;
        cursor: auto;
        z-index: 10;
    }

    .basket-info-style {
        width: 100%;
        border-radius: 0px;
        left: 0px;
        box-shadow: #0f0f0f 0px 0px 25px -1px;
        border: #4b4e57 0px solid;;
        height: 100%;
        background-color: #21201e;
        position: relative;
        top: 0px
    }

}

@media only screen and (min-width: 900px) {

    .basket-small-menu {
        display: none;
        width: 755px;
        left: 0px;
        height: auto;
        position: absolute;
        top: 40px;
        cursor: auto;
        z-index: 10;
    }

}