@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "Fira Sans";
    font-style: normal;
    cursor: url(../images/cursors/1.png) 2 2, auto;
    background: url(../images/background_main.webp) no-repeat top;
    background-color: #3a3846;

    /*
    aspect-ratio: 2560 / 1544;
    */
    margin: 0;
    padding: 0 !important;
}

body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

body::-webkit-scrollbar-track {
    background: transparent;
}

.account_btn_dan {
    position: absolute;
    background: none;
    border: 1px solid #979797;
    box-shadow: 0;
    color: #979797;
    font-size: 14px;
    width: 123px;
    border-radius: 8px;
    height: 30px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
}

.lock_btn_dan {
    position: absolute;
    background: none;
    box-shadow: 0;
    font-size: 14px;
    width: 123px;
    border-radius: 8px;
    height: 55px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
}



.account_btn_dan:enabled:hover,
a.account_btn_dan:hover {
    border-color: #fff !important;
    color: #fff !important;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
[type="file"]:not(:disabled),
button:not(:disabled),
a,
.option,
#load-more {
    cursor: url(../images/cursors/3.png) 2 2, auto;
}

@media (width >=1921px) {
    body {
        background-size: 100%;
    }
    .modal-close {
        transform: translate(0%, -120%);
    }
}

input:focus,
textarea:focus {
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
}


#all-cont {
    min-width: 1200px;
    overflow: hidden;
}

.container {
    position: relative;
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}

#top {
    position: relative;
    height: 85px;
    background: url(../images/top_bg.png);

    /*    background: url(../images/top_bg_b.png) no-repeat top center;       */
    width: 100%;
}

/* Если нужен sticky header */
#top.sticky {
    position: sticky !important;
    z-index: 999;
    top: 0;
}

#top::after {
    content: '';
    position: absolute;
    z-index: 2;
    background: url(../images/line.png);
    top: 84px;
    width: 100%;
    height: 2px;

}

.top_menu,
.top_menu_entred {
    position: absolute;
    width: 100%;
    height: 85px;
    top: 0;
    left: 0;
}

.top_menu_entred_mobile,
.top_menu_mobile {
    display: none;
}

.top_menu a,
.top_menu_entred a,
#footer a.logo {
    text-decoration: none;
}

.top_menu::after,
.top_menu_entred::after {
    content: '';
    background: url(../images/top_light.png) no-repeat bottom center;
    width: 1139px;
    height: 32px;
    z-index: 2;
    position: absolute;
    top: 52px;
    left: 30px;
}

.top-brand.logo {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 5;
}

.top-brand.logo::after {
    content: '[BETA]';
    color: #c1ac82;
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -17px;
    right: -6px;
    text-decoration: none;
}


.top-navbar-nav {
    position: absolute;
    display: flex;
    top: 31px;
    left: 385px;
    z-index: 5;
}

.top-navbar-nav2 {
    position: absolute;
    display: flex;
    top: 28px;
    right: 22px;
    z-index: 5;
}

.top-navbar-nav2 .top-nav-item {
    margin-right: 2px;
    margin-left: 4px;
}

.top_menu_entred .top-navbar-nav {
    left: 281px;
}

.top-nav-link,
.nav-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #c1ac82;
    transition: none;
    text-decoration: none;
}

.top-nav-item {
    position: relative;
    margin-right: 27px;
}

/************** Огонь при наведении в меню ***************

.nav-item a:hover,
.navbar-nav .nav-link.active {
    --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
    color: #b79632;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:visited {
    color: #b79632;
}

.nav-item a::before,
.nav-item a::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    margin-left: -25px;
}

.nav-item a::before {
    content: "";
    background-image: var(--glitter), var(--glitter),
        linear-gradient(0deg,
            white 0,
            #ff8951 5px,
            #dcbc169c 30%,
            transparent 70%),
        radial-gradient(ellipse at bottom, transparent 3%, black 50%);
    background-size: 800px 800px;
    background-blend-mode: hard-light, color-dodge, multiply;
    background-position: 0 0, 0 0, var(--gradientPos);
    background-repeat: repeat, repeat, repeat, no-repeat;
    mix-blend-mode: color-dodge;
    filter: brightness(3.7) blur(7px) contrast(6);
    animation: fire 5s linear infinite;
}

@keyframes fire {
    0% {
        background-position: center 0, center 0, 50% 100%, center center;
    }

    100% {
        background-position: center -500px, center -650px, 50% 100%, center center;
    }
}
*/


.top-nav-item a:hover,
.top-navbar-nav .top-nav-link.active,
.main_board_container .nav-item a,
.main_board_container .navbar-nav .nav-link {
    color: #fff;
}

.top-nav-item a:hover, .top-navbar-nav .top-nav-link.active {
    color: #fff;
    text-shadow: 0px 0px 15px #c1ac82;
}

.sub-menu li a:hover {
    color: #c1ac82;
    position: relative;
    text-shadow: none;
}

.main_board_container .nav-item a:hover,
.main_board_container .navbar-nav .nav-link.active {
    color: #c1ac82;
}

.top_enter {
    position: absolute;
    top: 33px;
    right: 0;
    z-index: 5;
}

.top-nav-link i {
    font-style: normal;
    color: #fff;
}

.top_make_game {
    position: absolute;
    width: 136px;
    height: 30px;
    top: 28px;
    left: 981px;
    text-transform: uppercase;
    color: #fff;
    border-color: #6a223b;
    z-index: 5;
    line-height: 29px;
}

.top_menu_entred .top_make_game {
    left: 769px;
}

.top_menu .top_make_game:hover,
.top_menu_entred .top_make_game:hover {
    border-color: #6a223b !important;
    background-color: #6a223b;
}


.top-nav-link .top_name {
    color: #979797;
}

.top_make_game:hover {
    border: 1px solid #fff;
    color: #fff;
}

.top_money span {
    height: 30px;
    border: 1px solid #c1ac82;
    border-radius: 8px;
    display: inline-block;
    line-height: 29px;
    padding: 0 24px 0 7px;
}

.top_money span:hover {
    border: 1px solid #fff;
}

.top_ruble span {
    padding-right: 20px;
}

.top_ruble span::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 10px;
    top: 10px;
    right: 8px;
    background: url(../images/ruble_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.top_mana span::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 7px;
    right: 5px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.top_icon {
    border: 1px solid #c1ac82;
    border-radius: 8px;
    padding: 1px 14px 10px;
}

.top_icon:hover {
    border: 1px solid #fff;
}

.password-block .top_icon_swith {
    background: url(../images/switch.png) no-repeat center center;
}

.top_icon_swith:hover {
    background: url(../images/switch_hover.png) no-repeat center center;
}

.top_icon_cristal::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 7px;
    background: url(../images/buttons/sprite.png) no-repeat -313px 0;
    width: 16px;
    height: 19px;
}

.top_icon_cristal:hover::before {
    background: url(../images/buttons/sprite.png) no-repeat -331px 0;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.5; }
    100% { transform: scale(1); opacity: 1; }
}

.top_icon_bell::before {
    animation: pulse 1.5s infinite;
}

.top_icon_bell.no-unread::before {
    display: none;
}

.notification.no-unread::before {
    display: none;
}

.notification.no-unread::after {
    display: none !important;
}

.nav-link:hover {
    color: #fff
}

.top_icon_bell::before {
    content: '';
    background: #8f2b19;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    top: 24px;
    left: 22px;
}

.top_icon_bell::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/sprite.png) no-repeat -89px 0;
    width: 12px;
    height: 16px;
}

.top_icon_bell:hover::after {
    background-position: -103px 0;
}

.sub-menu {
    position: absolute;
    display: none;
    width: 155px;
    height: 219px;
    background: url(../images/buttons/sprite.png) -795px -252px;
    top: 30px;
    left: -124px;
    padding: 20px 0 0;

}

.internal_menu li {
    position: relative;
}

.internal_menu .sub-menu {
    width: 138px;
    border: 1px solid #979797;
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    left: 50%;
    margin-left: -69px;
    top: 62px;
    height: auto;
    background: #1c1920;
    padding: 0;
    z-index: 10;
    padding-bottom: 5px;
}

.internal_menu .sub-menu .nav-item::after {
    content: none;
}

.internal_menu .sub-menu::before {
    content: '';
    position: absolute;
    top: -14px;
    left: -1px;
    width: 139px;
    height: 14px;
    background: url(../images/buttons/sprite.png) -117px 0;
}

.sub-menu-link:focus ~ .sub-menu,
.sub-menu-link:active ~ .sub-menu,
.sub-menu:hover {
    display: block;
}

.sub-menu-link:focus {
    pointer-events: none;
}

.sub-menu li a {
    display: block;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
    text-transform: none;
    margin-bottom: 7px;
    padding: 0;
}

.sub-menu li a:hover {
    color: #c1ac82;
    position: relative;
}

.sub-menu li a:hover::after {
    content: '';
    position: absolute;
    background: url(../images/buttons/sprite.png) 0 0;
    width: 30px;
    height: 2px;
    top: 24px;
    left: 54px;
}

.internal_menu ul .sub-menu li a:hover::after {
    top: 14px;
}

.internal_menu .sub-menu .nav-item {
    line-height: 6px;
    margin: 11px 0 6px;
}

.internal_menu .sub-menu li a:hover::after {
    top: 17px;
}

.top_money {
    color: #fff;
    font-size: 14px;
    text-shadow: none !important;
}

.online_ofline {
    color: #4da238;
    font-size: 16px;
    width: fit-content;
    line-height: 40px;
    padding: 0;
    text-align: right;
}

.online_ofline span {
    color: #92897a;
}

.online_ofline span {
    border-left: 2px solid #92897a;
    padding-left: 7px;
    margin-left: 4px;
}

.main_board_top_elem_serch {
    margin: 2px 0 0 -7px;
    padding-right: 3px;
}

.has-search .form-control {
    padding-left: 35px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    line-height: 40px;
    margin-left: 6px;
}

.form-control {
    border-radius: 8px;
    height: 40px;
}

.has-search {
    width: 100%;
}

.has-search input {
    width: 135px;
    height: 40px;
    transition: width .3s ease-in-out;
    padding-left: 39px;
}

.has-search input:focus {
    width: 100%;
    height: 40px;
}

.filter_btn {
    flex: 0;
    padding-left: 0;
}

#main_board .btn-primary:hover {
    background: url(../images/buttons/sprite.png) -432px -129px;
}

.main_board_top_elem {
    position: relative;
    margin-top: 30px;
    height: 40px;
    padding: 0 12px 0 25px;
}

#main_board .navbar {
    margin: 12px 0;
}

.main_baord_cards {
    padding: 0 0 0 25px;
    display: flex;

    /*    flex-direction: row-reverse;  */

    /*    align-content: end; */

    /*    flex-wrap: wrap-reverse;  */
}

/*
.game_card_block:nth-last-child(4n+1):-child {
    margin-right: 75%;
}

.game_card_block:nth-last-child(4n+2):first-child {
    margin-right: 50%;
}

.game_card_block:nth-last-child(4n+3):first-child {
    margin-right: 25%;
}
*/

/*

.game_card {
    width: 269px;
    height: 371px;
    position: relative;
    transition: 0.75s;
    transform-style: preserve-3d;
    z-index: 1;
}

.game_card_front {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/card_front_bg.png) no-repeat;
}

.game_card:hover {
    transform: rotateY(180deg);
}
*/

/*
.cardContainer {
  position: relative;
    width: 269px;
    height: 371px;
  min-width: 269px;
  min-height: 371px;
  perspective: 1000px;
}

.game_card {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    perspective: 1000px;
  transform-style: preserve-3d;
  transform: translateZ(0);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.game_card_front {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/card_front_bg.png) no-repeat;
}

.game_card:hover {
    transform: translateZ(100px);
}
*/

.cardContainer {
    perspective: 1000px;
}

.game_card {
    width: 269px;
    height: 371px;
    position: relative;
    z-index: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 0.3s;
}

.game_card_front {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/card_front_bg.png) no-repeat;
    z-index: 2;
    border-radius: 8px;
}

/*
.game_card_front:hover::after {
    content: '';
    position: absolute;
    background: url(../images/arrow_rot.png) no-repeat top center;
    width: 56px;
    height: 50px;
    z-index: 2;
    top: 70px;
    left: 107px;
}

*/

.game_card_front::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/gradient_to_card.png) no-repeat;
    z-index: 1;
}

.game_card:hover {
    transition: all 0.3s ease-out;
    transform: translateY(-5px);

    /*    margin-top: -5px; */
}

.game_card::before {
    content: '';
    width: 199px;
    height: 305px;
    position: absolute;
    box-shadow: 0 0 10px 35px rgb(0, 0, 0, 60%);
    top: 35px;
    left: 35px;
    opacity: 0.6;
    transition: all 0.3s ease-out;
}

.game_card:hover::before {
    content: '';
    width: 209px;
    height: 315px;
    position: absolute;
    box-shadow: 0 0 10px 35px rgb(0, 0, 0, 50%);
    top: 30px;
    left: 30px;
    opacity: 0.65;
}

.game_card.blue_shadow::before {
    box-shadow: 0 0 10px 35px rgb(39, 131, 186, 60%);
    width: 215px;
    height: 313px;
    position: absolute;
    top: 29px;
    left: 28px;
    opacity: 0.9;
    transition: all 0.3s ease-out;
}

.game_card.blue_shadow:hover::before {
    box-shadow: 0 0 10px 35px rgb(39, 131, 186, 60%);
    width: 221px;
    height: 320px;
    position: absolute;
    top: 26px;
    left: 25px;
    opacity: 1;
    transition: all 0.3s ease-out;
}

.game_card.active {
    transform: rotateY(180deg);
}

.game_card.active:hover {
    transform: rotateY(180deg) translateY(-5px);
}


.game_card_logo {
    position: absolute;
    width: 269px;
    height: 191px;
    top: 0;
    left: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.game_card_logo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(17, 11, 24, 45%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.game_card_logo::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/card_img_mask.png) no-repeat top center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


.game_card_logo img {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}



.game_card_border {
    position: absolute;
    width: 269px;
    height: 191px;
    top: 0;
    left: 0;
    z-index: 1;
}

.beta_test::before {
    content: '';
    position: absolute;
    width: 269px;
    height: 191px;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(../images/beta_test.png) no-repeat top center;
}

.game_card_border img {
    width: 269px;
    height: 191px;
}

/*
.game_card_logo::after {
    content: url(../images/game_card_ramca.png);
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
}
*/
.game_card_logo_name {
    position: absolute;
    top: 23px;
    right: 22px;
}

.game_card_logo_name img {
    border-radius: 0;
}

.game_card_money_logo_mana {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/game_card_mana_icon.png) no-repeat;
    top: 23px;
    left: 25px;
    z-index: 1;
}

.game_card_money_logo_res {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/game_card_res_icon.png) no-repeat;
    top: 23px;
    left: 24px;
    z-index: 1;
}

.game_card_money_price {
    z-index: 1;
}

.game_card_money_price.mana {
    position: absolute;
    top: 25px;
    left: 57px;
    font-size: 16px;
    color: #6ebff5;
}

.game_card_money_price.free {
    position: absolute;
    top: 23px;
    left: 24px;
    font-size: 16px;
    color: #92897a;
    text-transform: uppercase;
}

.game_card_money_price.res {
    position: absolute;
    top: 27px;
    left: 62px;
    font-size: 16px;
    color: #e76143;
    text-transform: uppercase;
}

.game_card_name {
    position: absolute;
    width: 80%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    bottom: 26px;
    left: 10%;
    line-height: 22px;
    overflow: hidden;
}


.game_card_master_name {
    position: absolute;
    top: 201px;
    left: 16px;
    font-size: 14px;
    color: #979797;
    z-index: 3;
}

.game_card_master_name span {
    /* text-transform: uppercase; */
}

.game_card_master_name a {
    color: #979797;
    text-decoration: none;
}

.game_card_master_name a:hover {
    color: #fff;
}

.game_card_rating_logo {
    position: absolute;
    top: 201px;
    left: 241px;
    color: #fff;
    font-size: 14px;

}

.game_card_rating_logo {
    z-index: 3;
}

.game_card_rating_logo::after {
    content: 'Рейтинг';
    position: absolute;
    top: -26px;
    left: -31px;
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}


.game_card_rating_logo:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}


.game_card_rating_logo::before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 16px;
    top: 2px;
    left: -22px;
    background-color: #a48830;

    /* Цвет звезды */
    -webkit-mask: url('../images/game_card_master_rating.svg') no-repeat center left;
    mask: url('../images/game_card_master_rating.svg') no-repeat center left;
}

.game_card_rating_logo a {
    color: #fff;
    text-decoration: none;
}

.game_card_rating_logo:hover::before {
    background-color: #fff;
}

.game_card_specifications {
    position: absolute;
    width: 240px;
    height: 95px;
    color: #fff;
    font-size: 14px;
    top: 232px;
    left: 16px;

    /* opacity: 0.5; */
}

.game_card_specifications_item {
    float: left;
    background-color: #3e6634;
    margin: 0 5px 5px 0;
    padding: 0 5px;
    line-height: 19px;
}

.game_card_specifications_item.red {
    background-color: #8f2b19;
}

.game_card_time {
    position: absolute;
    top: 342px;
    left: 14px;
    color: #538946;
    font-size: 14px;
    z-index: 3;
}

.game_card_time span {
    color: #fff;
}

.game_card_gamers_points {
    position: absolute;
    top: 333px;
    right: 12px;
}

.game_card_gamers_points_item {
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #979797;
    margin: 0 0 0 3px;
}

.game_card_gamers_points .green {
    background-color: #538946;
}

.game_card_gamers_quantity {
    position: absolute;
    top: 342px;
    right: 12px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.game_card_back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    background: url(../images/card_back_bg.png) no-repeat;
    transform: rotateY(180deg);
    z-index: 3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/*
.game_card_back::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/gradient_to_card.png) no-repeat;
    z-index: 3;
}
*/

.game_card_memo {
    position: absolute;
    width: 250px;
    height: 300px;
    top: 12px;
    left: 9px;
    color: #b69632;
}

.game_card_memo .title {
    position: absolute;
    width: 100%;
    top: 5px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #a17c84;
    font-weight: 500;
}

.game_card_memo .memo {
    position: absolute;
    top: 10px;
    width: 100%;
    height: 300px;
    font-size: 12px;
    color: #d6d6d6;
    text-align: left;
    font-style: italic;
    padding: 17px;
    line-height: 14px;
    font-weight: 300;
    overflow-wrap: break-word;
    hyphens: auto;
}

.game_card_memo .memo span {
    color: #a17c84;
    text-align: left;
    font-style: normal;
    font-weight: 500;
}

.game_card_memo .memo p:nth-child(1) {
    position: absolute;
    width: 217px;
    top: 19px;
    left: 17px;
}

.game_card_memo .memo p:nth-child(2) {
    position: absolute;
    width: 217px;
    top: 214px;
    left: 17px;
}

.game_card_memo .memo p:nth-child(3) {
    position: absolute;
    width: 217px;
    top: 267px;
    left: 17px;
}

.game_card_btn {
    position: absolute;
    width: 109px;
    height: 29px;
    background-repeat: no-repeat !important;

    /*    background-position: center center !important; */
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    text-shadow: -2px 2px 4px black;
    z-index: 4;
}

/*
.game_card_btn:hover {
    background: url(../images/card_button_hover.png) no-repeat;
}
*/
.game_card_block {
    display: none;
    margin-top: 30px;
    padding: 0;
}

p {
    margin-bottom: 10px;
}

.btn_dop {
    position: absolute;
    top: 314px;
    left: 22px;
    z-index: 4;
}

.dop_rec {
    top: 314px;
    left: 141px;
}

/*
.tiptoolhover:hover::after {
    content: attr(data-title);
    position: absolute;
    width: 239px;
    height: 90px;
    left: 72px;
    top: 13px;
    z-index: 10;
    background: url(../images/hover_bg.png) no-repeat;
    font-size: 12px;
    line-height: 15px;
    text-transform: none;
    text-align: left;
    color: #fff;
    font-weight: 100;
    padding: 10px 15px;
}
*/

/*
.tiptoolhover::after {
    content: attr(data-title);
    position: fixed;
    z-index: 1000;
    background: url(../images/hover_bg.png) no-repeat;
    font-size: 12px;
    line-height: 15px;
    text-transform: none;
    text-align: left;
    color: #fff;
    font-weight: 100;
    padding: 10px 15px;
    pointer-events: none;
    display: none;
}
.tiptoolhover:hover::after {
    display: block;
}
*/
.tooltip_block {
    position: fixed;
    display: none;
    max-width: 250px;
    padding: 11px 12px;
    background: url(../images/buttons/sprite.png) -554px -252px;
    color: #d6d6d6;
    font-size: 12px;
    line-height: 15px;
    pointer-events: none;

    /* Чтобы не мешала кликам */
    z-index: 1500;
    width: 239px;
    height: 68px;
    text-transform: none;
    text-align: left;
    font-weight: 300;

}

.tooltip_block span.green {
    color: #4f7f43;
    font-weight: 500;
}

#main_board {
    position: relative;
    margin-top: 0;
    min-height: calc(100vh - 287px);
}

/* только страницы без внутреннего меню (чужие отзывы) */
#main_board.no-subnav {
    margin-top: 20px;           /* 20px, а не 20PX */
    /* min-height остаётся тем же */
}

.filter {
    height: 100vh;
    background: #1c1920;
    width: 300px !important;
    float: left;
    margin-top: 0;
    overflow: auto;
    overflow-x: hidden;
}

.offcanvas-title {
    height: 18px;
    color: #fff;
}



#main_board .btn-primary {
    width: 135px;
    height: 44px;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
    transition: none;
    background: url(../images/buttons/sprite.png) -295px -129px;
    padding-left: 16px;
    border: none;
}

#main_board .btn-primary::after {
    content: "\f0c9";
    font-family: FontAwesome;
    position: relative;
    top: 0;
    right: -19px;
    font-size: 16px;
}

.filter_block {
    width: 270px;
    background-color: #342f3a;
    margin: 10px auto;
    padding: 5px 10px;
    border-radius: 8px;
}

.accordion-button:focus {
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
}

.filter_block.collapsed-color {
    background-color: #342f3a;
}

.filter_block input {
    height: 30px;
    width: 100%;
    border-radius: 7px;
    padding-left: 7px;
}

.filter_block_title {
    font-size: 14px;
    color: #fff;
    padding-left: 7px;
}

.accordion-body {
    padding: 4px 0px 0px;
    /* margin: 0 -12px; */
}

.accordion-body--interval {
    padding: 0 0 0;
    margin: 0 -12px;
}

.filter_block_row {
    width: auto;
    max-height: 205px;
    overflow: auto;
    overflow-x: hidden;
    border-radius: 3px;
}

.filter_block_row::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(151, 151, 151, 100%);
}

.filter_block_row::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.filter_block_row::-webkit-scrollbar-track {
    /*    background: transparent; */
    background-color: rgb(151, 151, 151, 100%);
    border-radius: 3px;
}

.filter_block .col-md-6:first-child {
    padding: 0 5px 0 10px;
}

.filter_block .col-md-6:last-child {
    padding: 0 10px 0 5px;
}

.filter_block .checkbox-text {
    margin-left: 0;
    margin-top: 0;
}

.filter_buttons .col-md-6:first-child {
    padding: 0 6px 0 10px;
}

.filter_buttons .col-md-6:last-child {
    padding: 0 12px 0 4px;
}

.accordion-item {
    font-size: 14px;
    color: #b2b2b2;
    background-color: #342f3a;
    border: none;
}

.accordion-item button,
.accordion-button:not(.collapsed) {
    background-color: #342f3a;
    font-size: 14px;
    color: #fff;
    border: none;
    max-height: 32px;
    box-shadow: none;
    padding: 0 0 0 7px;
}

.accordion-collapse {
    background: #342f3a;
}

.collapsed-color .accordion-item button,
.collapsed-color .accordion-button:not(.collapsed) {
    background-color: #342f3a;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23979797'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/* Hide arrow on fixed-open sections */
.accordion-button.no-arrow::after {
    display: none !important;
}

.form-control {
    font-size: 16px;
    background-color: #979797;
    border: 1px solid #979797;
}

.filter_block_row .col-12 {
    display: flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}

/* Скрываем нативный чекбокс */
.mycheckbox {
    display: none;
}

/* Стилизуем псевдо-чекбокс (квадратик) */
.myCheckBoxLabel {
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: url(../images/cursors/3.png) 2 2, auto;
    flex-shrink: 0;
}

/* Подсветка при наведении на квадратик
.myCheckBoxLabel:hover {
    border-color: #8f2b19;
} */

/* Состояние "отмечено" */
.mycheckbox:checked+.myCheckBoxLabel {
    background: url(../images/buttons/sprite.png) -73px -1px;
    border-color: #8f2b19;
}

/* Текст (не кликабелен, не влияет на чекбокс) */
.checkbox-text {
    color: #b2b2b2;
}

/* Ссылки в тексте получают особый курсор */
.checkbox-text a {
    cursor: url(../images/cursors/3.png) 2 2, auto;
    color: inherit;
    text-decoration: none;
}

/* Отключенное состояние */
.mycheckbox:disabled+.myCheckBoxLabel {
    opacity: 0.5;
    cursor: url(../images/cursors/1.png) 2 2, auto;
}




.filter_buttons {
    width: 293px;
    margin: -8px 0 0 4px;
}

.filter_button {
    font-size: 14px;
    width: 100%;
    border-radius: 8px;
    background-color: #49454d;
    border: 1px solid #49454d;
    color: #fff;
    height: 30px;
}

.filter_button.apply {
    background-color: #892b1b;
    border: 1px solid #892b1b;
}

.filter_button.apply:hover {
    color: #979797;
}

.filter_button.reset:hover {
    color: #979797;
}

/*
.filter .mycheckbox + label {
    display: none;
}

.filter .cb-visible + label {
    display: block;
}
*/

.filter_block_row .col-12:not(.cb-visible) {
    display: none !important;
}

.checkbox-text {
    position: relative;
    margin-left: 21px;
    margin-top: -26px;
    height: 25px;
    display: flex;
    align-items: center;
    user-select: none;
    font-size: 14px;
    color: #b2b2b2;
}

.load-more-cards {
    height: 44px;
    width: 168px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    margin: 0 auto;
    background: url(../images/buttons/sprite.png) -569px -129px;
    border: none;
}

.load-more-cards:hover {
    background: url(../images/buttons/sprite.png) -739px -129px;
}

#load-more {
    width: 168px;
    height: 44px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    margin: 0 auto;
    background: url(../images/buttons/sprite.png) -569px -129px;
}

#load-more:hover {
    background: url(../images/buttons/sprite.png) -739px -129px;
}

/* ------ Карточка мастера ------- */

.main_board_container {
    width: 1140px;
    margin: 0 auto;
}

.main_board_container .row {
    margin: 0;
}


.master_card_block {
    width: 565px;
    height: 271px;
    padding: 0;
}

.master_card {
    position: relative;
    width: 565px;
    height: 271px;
    background: url(../images/card_master_bg.png) no-repeat center center;
}


.master_card_geraldika img {
    width: 565px;
    height: 271px;
}

.master_card_ava {
    position: absolute;
    width: 82px;
    height: 105px;
    top: 15px;
    left: 17px;
}

.master_card_ava::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../images/master_logo_gradient.png) no-repeat bottom center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.master_card_ava.test::before {
    content: '';
    width: 82px;
    height: 105px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/test.png);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}


.master_card_ava img {
    border-radius: 8px;
    width: 82px;
    height: 105px;
}

.masters_card_ava {
    position: absolute;
    width: 82px;
    height: 105px;
    top: 15px;
    left: 17px;
}

.masters_card_ava::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.masters_card_ava.test::before {
    content: '';
    width: 82px;
    height: 105px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/test.png);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}


.masters_card_ava img {
    border-radius: 8px;
    width: 82px;
    height: 105px;
}

.master_card_runs {
    position: absolute;
    top: 90px;
    left: 22px;
    z-index: 3;
}

.master_card_runs_img {
    position: relative;
    float: left;
    width: 24px;
}

.master_card_runs_img::after {
    content: attr(alt);
    position: absolute;
    top: -26px;
    left: 12px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

.master_card_runs_img:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}
/*.master_card_runs_img img {
    display: block;
    transition: filter .15s ease, transform .15s ease;
}

.master_card_runs_img:hover img,
.master_card_runs_img:focus-visible img {
    filter: brightness(1.35) drop-shadow(0 0 4px rgba(255,255,255,.75));
    transform: translateY(-1px);
}

!* Тултип уже есть через ::after, поднимем поверх всего, как у рейтинга *!
.master_card_runs_img::after {
    z-index: 100;                 !* у рейтинга z-index:100, синхронизируем *!
    !* если хочешь задержку как у рейтинга — оставь или добавь: *!
    !* transition: opacity 1s ease; transition-delay: .5s; *!
}

!* Показ тултипа по фокусу (доступность с клавиатуры) *!
.master_card_runs_img:focus-visible::after {
    opacity: 1;
}*/

.master_card_name {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 16px;
    left: 115px;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    flex: 1;
}

.master_card_name a {
    color: #7b3bb6;
    text-decoration: none;
}

.master_card_name a:hover {
    color: #fff;
}

.master_card_name.sub-neofit a {
    color: #979797;
}

.master_card_name.sub-neofit a:hover {
    color: #fff;
}

.master_card_name.sub-acolyte a {
    color: #b69532;
}

.master_card_name.sub-acolyte a:hover {
    color: #fff;
}

.master_card_name.sub-shadow a {
    color: #488cb5;
}

.master_card_name.sub-shadow a:hover {
    color: #fff;
}

.master_card_name.sub-oracle a {
    color: #b74e3a;
}

.master_card_name.sub-oracle a:hover {
    color: #fff;
}

.master_card_name.sub-ancient a {
    color: #8578b9;
}

.master_card_name.sub-ancient a:hover {
    color: #fff;
}

.master_card_rating {
    position: absolute;
    top: 15px;
    left: 245px;
    color: #fff;
    font-size: 14px;
    cursor: url(../images/cursors/3.png) 2 2, auto;
}

.master_card_rating::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 14px;
    top: 3px;
    left: -22px;
    background-color: #a48830;

    /* Цвет звезды */
    -webkit-mask: url('../images/game_card_master_rating.svg') no-repeat center;
    mask: url('../images/game_card_master_rating.svg') no-repeat center;
}


.master_card_rating a {
    color: #fff;
    text-decoration: none;
}

.master_card_rating:hover::before {
    background-color: #fff;
}

.master_card_rating::after {
    content: 'Рейтинг';
    position: absolute;
    top: -26px;
    left: -31px;
    background: rgba(0, 0, 0, 1);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.master_card_rating:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.master_card_sex_age {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 37px;
    left: 115px;
}

.master_card_bd_logo {
    position: absolute;
    top: 32px;
    left: 250px;
}

.master_card_city {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 53px;
    left: 115px;
}

.master_card_city {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 53px;
    left: 115px;
}

.master_card_status {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 73px;
    left: 115px;
}

.master_card_status .offline {
    color: #d82121;
}

.master_card_status .online {
    color: #4da238;
}

.master_card_statistics {
    position: absolute;
    top: 100px;
    left: 115px;
    font-size: 14px;
    color: #fff;
}

.master_card_statistic {
    float: left;
    background: #3e6634;
    height: 19px;
    border-radius: 8px;
    padding: 0 7px;
    margin: 0 4px 0 0;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
}

.chat_pending_master_card_statistic {
    float: left;
    background: #4d393d;
    height: 19px;
    border-radius: 8px;
    padding: 0 7px;
    margin: 0 4px 0 0;
    line-height: 19px;
    color: #f0f0f0;
    text-decoration: none;
}



a.master_card_statistic:hover {
    color: #342f3a;
}

.master_card_btn {
    position: absolute;
    width: 123px;
    height: 31px;
    font-size: 12px;
    color: #fff;

    /*    border-radius: 5px; */
    border: 0;
    text-transform: uppercase;
    background-repeat: no-repeat;
    text-shadow: -2px 2px 4px black;
}

.master_card_left_btn {
    top: 133px;
    left: 16px;
}

.master_card_right_btn {
    top: 133px;
    left: 147px;
}

.account_subscription_text .sub-ancient { color: #8c7ec0; font-weight:500}
.account_subscription_text .sub-neofit  { color: #979797; font-weight:500}

/* опечатка: нужно одно 'c' */
.account_subscription_text .sub-acolyte { color: #af9442; font-weight:500}

/* hex из 6 знаков, а не 5 — исправь на валидный */
.account_subscription_text .sub-shadow  { color: #6789bc; font-weight:500}

/* остальное */
.account_subscription_text .sub-oracle  { color: #c85d48; font-weight:500}

/*

.blue_btn {
    background: url(../images/buttons/blue_btn_stand.png);
}

.blue_btn:hover {
    background: url(../images/buttons/blue_btn_hover.png);
}

.blue_btn:active {
    background: url(../images/buttons/blue_btn_active.png);
}

.blue_btn_long {
    background: url(../images/buttons/blue_btn_long_stand.png);
}

.blue_btn_long:hover {
    background: url(../images/buttons/blue_btn_long_hover.png);
}

.blue_btn_long:active {
    background: url(../images/buttons/blue_btn_long_active.png);
}

.red_btn {
    background: url(../images/buttons/red_btn_stand.png);
}

.red_btn:hover {
    background: url(../images/buttons/red_btn_hover.png);
}

.red_btn:active {
    background: url(../images/buttons/red_btn_active.png);
}

.red_btn_long {
    background: url(../images/buttons/red_btn_long_stand.png);
}

.red_btn_long:hover {
    background: url(../images/buttons/red_btn_long_hover.png);
}

.red_btn_long:active {
    background: url(../images/buttons/red_btn_long_active.png);
}

.yellow_btn_long {
    background: url(../images/buttons/yellow_btn_long_stand.png);
}

.yellow_btn_long:hover {
    background: url(../images/buttons/yellow_btn_long_hover.png);
}

.yellow_btn_long:active {
    background: url(../images/buttons/yellow_btn_long_active.png);
}

.green_btn {
    background: url(../images/buttons/green_btn_stand.png);
}

.green_btn:hover {
    background: url(../images/buttons/green_btn_hover.png);
}

.green_btn:active {
    background: url(../images/buttons/green_btn_active.png);
}

.black_btn {
    background: url(../images/buttons/black_btn_stand.png);
}

.black_btn:hover {
    background: url(../images/buttons/black_btn_hover.png);
}

.black_btn:active {
    background: url(../images/buttons/black_btn_active.png);
}

.black_btn_long {
    background: url(../images/buttons/black_btn_long_stand.png);
}

.black_btn_long:hover {
    background: url(../images/buttons/black_btn_long_hover.png);
}

.black_btn_long:active {
    background: url(../images/buttons/black_btn_long_active.png);
}
*/


/*

.sprite {
    background: url(../images/buttons/sprite.png) no-repeat top left;
    width: 123px;
    height: 29px;
}

.sprite.black_btn {
    background-position: -222px 0;
    width: 109px;
}

.sprite.black_btn:hover {
    background-position: -111px 0;
    width: 109px;
}

.sprite.black_btn:active {
    background-position: 0 0;
    width: 109px;
}

.sprite.blue_btn {
    background-position: -551px 0;
    width: 107px;
}

.sprite.blue_btn:hover {
    background-position: -442px 0;
    width: 107px;
}

.sprite.blue_btn:active {
    background-position: -333px 0;
    width: 107px;
}

.sprite.green_btn {
    background-position: -878px 0;
    width: 107px;
}

.sprite.green_btn:hover {
    background-position: -769px 0;
    width: 107px;
}

.sprite.green_btn:active {
    background-position: -660px 0;
    width: 107px;
}

.sprite.red_btn {
    background-position: -111px -31px;
    width: 109px;
}

.sprite.red_btn:hover {
    background-position: 0 -31px;
    width: 109px;
}

.sprite.red_btn:active {
    background-position: -987px 0;
    width: 109px;
}

.sprite.black_btn_long {
    background-position: -472px -31px;
    height: 31px;
}

.sprite.black_btn_long:hover {
    background-position: -347px -31px;
    height: 31px;
}

.sprite.black_btn_long:active {
    background-position: -222px -31px;
    height: 31px;
}

.sprite.blue_btn_long {
    background-position: -847px -31px;
    height: 31px;
}

.sprite.blue_btn_long:hover {
    background-position: -722px -31px;
    height: 31px;
}

.sprite.blue_btn_long:active {
    background-position: -597px -31px;
    height: 31px;
}

.sprite.red_btn_long {
    background-position: -125px -64px;
    height: 31px;
}

.sprite.red_btn_long:hover {
    background-position: 0 -64px;
    height: 31px;
}

.sprite.red_btn_long:active {
    background-position: -972px -31px;
    height: 31px;
}

.sprite.yellow_btn_long {
    background-position: -500px -64px;
    height: 31px;
}

.sprite.yellow_btn_long:hover {
    background-position: -375px -64px;
    height: 31px;
}

.sprite.yellow_btn_long:active {
    background-position: -250px -64px;
    height: 31px;
}

*/

.sprite {
    background: url(../images/buttons/sprite.png) no-repeat top left;
    width: 123px;
    height: 29px;
}

.sprite.black_btn {
    background-position: -825px 0;
    width: 109px;
}

.sprite.black_btn:hover {
    background-position: -714px 0;
    width: 109px;
}

.sprite.black_btn:active {
    background-position: -603px 0;
    width: 109px;
}

.sprite.blue_btn {
    background-position: -1045px 0;
    width: 107px;
}

.sprite.blue_btn:hover {
    background-position: -936px 0;
    width: 107px;
}

.sprite.blue_btn:active {
    background-position: 0 -31px;
    width: 107px;
}

.sprite.green_btn {
    background-position: -327px -31px;
    width: 107px;
}

.sprite.green_btn:hover {
    background-position: -218px -31px;
    width: 107px;
}

.sprite.green_btn:active {
    background-position: -109px -31px;
    width: 107px;
}

.sprite.red_btn {
    background-position: -658px -31px;
    width: 109px;
}

.sprite.red_btn:hover {
    background-position: -436px -31px;
    width: 109px;
}

.sprite.red_btn:active {
    background-position: -547px -31px;
    width: 109px;
}

.sprite.black_btn_long {
    background-position: -619px -63px;
    height: 31px;
}

.sprite.black_btn_long:hover {
    background-position: -494px -63px;
    height: 31px;
}

.sprite.black_btn_long:active {
    background-position: -369px -63px;
    height: 31px;
}

.sprite.blue_btn_long {
    background-position: -994px -63px;
    height: 31px;
}

.sprite.blue_btn_long:hover {
    background-position: -869px -63px;
    height: 31px;
}

.sprite.blue_btn_long:active {
    background-position: -744px -63px;
    height: 31px;
}

.sprite.red_btn_long {
    background-position: -500px -96px;
    height: 31px;
}

.sprite.red_btn_long:hover {
    background-position: -375px -96px;
    height: 31px;
}

.sprite.red_btn_long:active {
    background-position: -625px -96px;
    height: 31px;
}

.sprite.yellow_btn_long {
    background-position: 0 -129px;
    height: 31px;
}

.sprite.yellow_btn_long:hover {
    background-position: -818px -96px;
    height: 31px;
}

.sprite.yellow_btn_long:active {
    background-position: -943px -96px;
    height: 31px;
}

.sprite.green_btn_long {
    background-position: -250px -96px;
    height: 31px;
}

.sprite.green_btn_long:hover {
    background-position: -125px -96px;
}

.sprite.green_btn_long:active {
    background-position: 0 -96px;
}


.master_card_verification {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 21px;
    height: 21px;
    background: url(../images/FinalThirdVerfy.png) no-repeat top center;
    z-index: 1;
}

.master_card_verification::after {
    content: attr(alt);
    position: absolute;
    top: -29px;
    left: 12px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

.master_card_verification:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.master_card_stats {
    position: absolute;
    width: 250px;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    top: 15px;
    left: 296px;
}

.master_card_stats .opit {
    color: #e03f1a;
}

.master_card_stats .upor {
    color: #bf347d;
}

.master_card_stats .systemi {
    color: #2783ba;
}

.master_card_stats .redakcii {
    color: #4da238;
}

.master_card_stats .seting {
    color: #475dcf;
}

.master_card_stats .janri {
    color: #28af8a;
}

.master_card_stats .gildia {
    color: #c1ac82;
}

.truncate_systemi {
  /*display: inline-block;
  max-width: 23ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;*/
}

.truncate_setting {
  display: inline-block;
  max-width: 16ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.truncate_janri {
  display: inline-block;
  max-width: 20ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.master_card_memo_title {
    position: absolute;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #92897a;
    top: 174px;
    font-weight: 500;
}

.master_card_memo_title::before {
    content: '';
    position: absolute;
    width: 531px;
    height: 2px;
    background: url(../images/master_card_line.png) no-repeat top center;
    top: 7px;
    left: 16px;
}

.master_card_memo {
    position: absolute;
    width: 530px;
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
    color: #d6d6d6;
    font-style: italic;
    font-weight: 300;
    top: 196px;
    left: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;

}

.internal_menu {
    position: relative;
    width: 100%;
    height: 44px;
    background-color: #1c1920;
    margin: 0 auto;
    border-radius: 8px;
    margin-top: 10px;
}

.internal_menu .nav-item a {
    text-transform: none;
}

.internal_menu .nav-item::after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #fff;
}

.internal_menu .last-item::after {
    width: 0;
}

.account_block {
    position: relative;
    width: 1140px;
    height: 611px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);

    /*          background: url(../images/account_bg_b.png);   */
}

.account_left_side {
    position: absolute;
    left: 0;
    top: 0;
    width: 569px;
    height: 611px;
}

.account_block_logo {
    position: absolute;
    width: 140px;
    height: 180px;
    top: 22px;
    left: 25px;
}

.account_block_logo img {
    border-radius: 8px;
    width: 140px;
    height: 180px;
}

.account_block_logo::before {
    content: '140 x 180 mx 70Kb png/jpeg';
    position: absolute;
    width: 60px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    top: 40px;
    left: 39px;
}

.account_block_logo::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(17, 11, 24, 50%);
    border-radius: 8px;
}


.account_block_logo_btn {
    position: absolute;
    top: 128px;
    left: 21px;
    z-index: 5;
    width: 95px;
}

.personal_info_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 28px;
    left: 203px;
}

.inn_info_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 298px;
    left: 183px;
}

.inn_info {
    position: absolute;
    width: 216px;
    top: 285px;
    left: 320px;
}

.account_block input,
.registration_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
}

.personal_info_nikname {
    position: absolute;
    width: 216px;
    top: 59px;
    left: 190px;
}

.personal_info_nikname_sub {
    top: 63px;
    left: 419px;
}

.account_btn {
    position: absolute;
    background: none;
    border: 1px solid #979797;
    box-shadow: 0;
    color: #979797;
    width: 140px;
    height: 30px;
    border-radius: 8px;
    font-size: 14px;
}

.personal_info_nikname_btn {
    top: 59px;
    left: 412px;
}

.acc_green_btn {
    border-color: #4da238 !important;
    color: #4da238 !important;
}


.submit-button:disabled {
    cursor: url(../images/cursors/1.png) 2 2, auto;
}

.submit-button:enabled {
    border-color: #4da238 !important;
    color: #4da238 !important;
}

.submit-button:enabled:hover {
    border-color: #fff !important;
    color: #fff !important;
}

datalist {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #333;
    height: 300px;
    font-size: 18px;
}

.personal_info_city {
    position: absolute;
    top: 96px;
    left: 190px;
    width: 362px;
    height: 30px;
}


.reg_personal_info_city {
    position: absolute;
    top: 135px;
    left: 190px;
    width: 362px;
    height: 30px;
}

/********************* Выпадающие списки **********************/

.select-container {
    width: 100%;
    position: relative;
}

.select-header {
    font-size: 14px;
    color: #1c1920;
    padding: 0 5px 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    background-color: white;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: url(../images/cursors/3.png) 2 2, auto;
}

asdasd .select-header:hover {
    border-color: #aaa;
}

.select-header.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #666;
}

.input-wrapper {
    position: relative;
    flex: 1;
    min-height: 20px;
    order: 1;
}

.main-input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
    position: relative;
    min-height: 20px;
    line-height: 20px;
}

.open .main-input:hover {
    cursor: text;
}

.main-input[contenteditable="true"]:empty::before {
    content: attr(placeholder);
    color: #999;
    pointer-events: none;
    display: inline-block;
    width: 100%;
}

.selected-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    order: 0;
    min-height: 20px;
}

.tag {
    padding: 0 10px 0 0;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
}

.tag-remove {
    margin-left: 3px;
    color: #666;
    font-size: 12px;
}

/* Стрелка селекта */
.arrow {
    transition: transform 0.2s;
    flex-shrink: 0;
    order: 2;
    position: absolute;
    background: url(../images/drop_down_arrow.png) no-repeat center center;
    width: 20px;
    height: 20px;
    top: 0;
    right: -2px;
}

.arrow.open {
    transform: rotate(180deg);
}

.select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
    max-height: 300px;
    overflow-y: auto;
    display: none;
    z-index: 100;
    box-shadow: 0 4px 8px rgb(0, 0, 0, 10%);
    font-size: 14px;
}

.select-dropdown.open {
    display: block;
}

.limit-message {
    padding: 8px 16px;
    color: #ff5722;
    font-size: 14px;
    display: none;
}

.select-dropdown.show-limit .limit-message {
    display: block !important;
}

.options-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.option {
    padding: 5px 16px;
    display: block;
}

.option:hover {
    background-color: #f0f0f0;
}


.option.selected {
    background-color: #e0e0e0;

    /*    font-weight: bold; */
}

/* Чекбоксы для выпадающих списков на странице Мастера */
#mastersAndPlayersFiltersForm .select-container .options-list .option {
    position: relative;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 24px; /* space for checkbox */
}

/* Закомментировать hover и selected фон для страницы Мастера */
#mastersAndPlayersFiltersForm .select-container .options-list .option:hover {
    /* background-color: #f0f0f0; */ /* Закомментировано для страницы Мастера */
    background-color: transparent; /* Отключаем фон при наведении */
}

#mastersAndPlayersFiltersForm .select-container .options-list .option.selected {
    /* background-color: #e0e0e0; */ /* Закомментировано для страницы Мастера */
    background-color: transparent; /* Отключаем фон при выборе */
}

/* Убираем левый отступ у контейнеров селекта только на странице Мастера */
#mastersAndPlayersFiltersForm .select-container {
    padding-left: 0;
}

/* Flexbox стили для списка опций на странице Мастера */
#mastersAndPlayersFiltersForm .select-container .options-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}

#mastersAndPlayersFiltersForm .select-container .options-list .option::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: transparent;
}

#mastersAndPlayersFiltersForm .select-container .options-list .option.selected::before {
    background: url(../images/buttons/sprite.png) -73px -1px;
    border-color: #8f2b19;
}

#mastersAndPlayersFiltersForm .select-container .options-list .option:hover::before {
    border-color: #8f2b19;
}

/* Базовые стили для квадратика чекбокса на странице Мастера */
#mastersAndPlayersFiltersForm .filter_block_row .col-12 label {
    position: relative;
    padding-left: 24px; /* место под квадрат */
}

#mastersAndPlayersFiltersForm .filter_block_row .col-12 label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: transparent;
}

/* Ховер-подсветка рамки квадратика для чекбоксов на странице Мастера */
#mastersAndPlayersFiltersForm .filter_block_row .col-12 label:hover::before {
    border-color: #8f2b19;
}

/* Состояние «отмечено» — подменяем фон квадратика для чекбоксов на странице Мастера */
#mastersAndPlayersFiltersForm .filter_block_row .col-12 input.mycheckbox:checked+label::before {
    background: url(../images/buttons/sprite.png) -73px -1px;
    border-color: #8f2b19;
}


.no-options {
    padding: 10px 16px;
    color: #999;
    font-style: italic;
}

.submit-btn {
    padding: 10px 20px;
    background: #2196F3;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
}

.submit-btn:hover {
    background: #0b7dda;
}

.input-wrapper {
    position: relative;
    display: flex;
}

.placeholder {
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    color: #979797;
    pointer-events: none;
    display: none;
    font-size: 14px;
    padding: 0;
    background: #fff;
    opacity: 1;
}

.main-input:empty+.placeholder {
    display: block;
}

.main-input[contenteditable="true"] {
    outline: none;

    /*   min-width: 120px; */
}

.main-input[contenteditable="true"]:focus {
    outline: none;
}

.main-input.limit-exceeded {
    color: #ff5722;
}
.char-counter {
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-108%);
    font-size: 12px;
    color: #979797;
    display: none;
    background: #3c3544;
    padding: 0px 5px;
    border: 1px solid #3c3544;
    border-radius: 6px;
    pointer-events: none;
    margin-top: 2px;
}

.char-counter.nickname {
    padding-right: 5px;
    margin-top: -525px;
    margin-right: 170px;
}

.select-header:focus-within .char-counter {
    display: block;
}

.single-select .char-counter {
    display: none;
    margin-top: -3px;
}

.create_tg_link .char-counter {
    display: none !important;
}

.char-counter.limit-exceeded {
    color: #ff5722;
}

/*
.dropdown_arrow::before {
    content: '';
    position: absolute;
    background: url(../images/drop_down_arrow.png) no-repeat center center;
    width: 13px;
    height: 6px;
    z-index: 1;
    top: 12px;
    right: 10px;
    display: block;
}
*/
.personal_sub {
    position: absolute;
    color: #979797;
    font-size: 14px;
    text-align: center;
}

.personal_info_city_sub {
    width: 363px;
    top: 136px;
    left: 190px;
}

.personal_info_sex {
    position: absolute;
    top: 166px;
    left: 190px;
    width: 105px;
}


.personal_info_bd_d {
    position: absolute;
    top: 166px;
    left: 300px;
    width: 67px;
}

.registration_right_side .personal_info_bd_d {
    top: 204px;
}

.registration_right_side .personal_info_city_sub {
    top: 173px;
}

.personal_info_bd_m {
    position: absolute;
    top: 166px;
    left: 372px;
    width: 100px;
}

.registration_right_side .personal_info_bd_m {
    top: 204px;
}

.registration_right_side .personal_info_sex {
    top: 204px;
}


.personal_info_bd_y {
    position: absolute;
    top: 166px;
    left: 477px;
    width: 75px;
}

.registration_right_side .personal_info_bd_y {
    top: 204px;
}

.personal_info_about {
    position: absolute;
    top: 223px;
    left: 23px;
    width: 529px;
    height: 68px;
    border-radius: 8px;
    background: #fff;
}

.personal_info_about textarea {
    width: 529px;
    height: 100%;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
}

.personal_info_about .char-counter {
    margin-right: 7px;
    margin-top: -2px;
}

.dop_info_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 304px;
    left: 35px;
}

.dop_info_exp_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 304px;
    left: 190px;
}

.dop_info_exp {
    position: absolute;
    top: 300px;
    left: 281px;
    width: 86px;
}


.dop_info_focus_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 304px;
    left:388px;
}

.dop_info_focus {
    position: absolute;
    top: 300px;
    left: 442px;
    width: 110px;
}

.dop_info_system {
    position: absolute;
    top: 339px;
    left: 23px;
    width: 529px;
}

.personal_info_system_sub {
    width: 529px;
    top: 380px;
    left: 23px;
    text-align: center;
}

.dop_info_setting {
    position: absolute;
    top: 413px;
    left: 23px;
    width: 529px;
}

.personal_info_setting_sub {
    width: 529px;
    top: 454px;
    left: 23px;
    text-align: center;
}

.dop_info_genre {
    position: absolute;
    top: 486px;
    left: 23px;
    width: 529px;
}

.personal_info_genre_sub {
    width: 529px;
    top: 527px;
    left: 23px;
    text-align: center;
}

.account_right_side {
    position: absolute;
    left: 570px;
    top: 0;
    width: 569px;
    height: 611px;
}

.account_address_title {
    position: absolute;
    color: #fff;
    font-size: 14px;
    left: 26px;
    top: 28px;
}

.account_address_subtitle {
    left: 170px;
    top: 28px;
}

.account_address_fio {
    position: absolute;
    width: 525px;
    top: 59px;
    left: 12px;
}

.account_address_all {
    position: absolute;
    width: 525px;
    top: 96px;
    left: 12px;
}

.account_address_entrance {
    position: absolute;
    width: 101px;
    top: 133px;
    left: 224px;
}

.account_address_floor {
    position: absolute;
    width: 101px;
    top: 133px;
    left: 330px;
}

.account_address_apartment {
    position: absolute;
    width: 101px;
    top: 133px;
    left: 435px;
}

.registration_right_side .account_address_fio {
    width: 362px;
    top: 97px;
    left: 191px;
}


/*********** отпустить ****************/


.account_email_title {
    position: absolute;
    color: #fff;
    font-size: 14px;
    left: 26px;
    top: 172px;
}


.account_email {
    position: absolute;
    width: 271px;
    top: 205px;
    left: 12px;
}

.account_phone {
    position: absolute;
    width: 271px;
    top: 243px;
    left: 12px;
}

.account_email_confirm_btn {
    top: 205px;
    left: 288px;
}

.acc_red_btn {
    border-color: #e76143;
    color: #e76143;
}

.account_email_change_btn {
    top: 205px;
    left: 414px;
}

.account_phone_confirm_btn {
    top: 243px;
    left: 288px;
}

.account_phone_change_btn {
    top: 243px;
    left: 414px;
}

.not_master_checkbox {
    position: absolute;
    left: 12px;
    top: 301px;
}

.not_master_memo {
    position: absolute;
    width: 524px;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    top: 335px;
    left: 12px;

}

.account_inn_icon {
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../images/inn.png) no-repeat center center;
    top: 302px;
    left: 275px;
}

.account_inn_icon_reg {
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../images/inn.png) no-repeat center center;
    top: 302px;
    left: 275px;
}

.account_inn_icon_hover {
    display: none;
}

.account_inn_icon_reg_hover {
    display: none;
}

.account_inn_icon:hover+.account_inn_icon_hover {
    position: absolute;
    width: 208px;
    height: 110px;
    background-color: #1c1920;
    border: 1px solid #1c1920;
    display: block;
    top: 186px;
    left: 181px;
    padding: 6px 7px;
    border-radius: 8px;
    font-size: 10px;
    color: #d6d6d6;
    font-weight: 300;
    line-height: normal;
    z-index: 5;
}

.account_inn_icon_reg:hover+.account_inn_icon_reg_hover {
    position: absolute;
    width: 208px;
    height: 110px;
    background-color: #1c1920;
    border: 1px solid #1c1920;
    display: block;
    top: 186px;
    left: 181px;
    padding: 6px 7px;
    border-radius: 8px;
    font-size: 10px;
    color: #d6d6d6;
    font-weight: 300;
    line-height: normal;
    z-index: 5;
}

.account_inn_icon_hover::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 99px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.account_inn_icon_reg_hover::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 99px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.account_inn_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 303px;
    left: 302px;
}

.account_inn {
    position: absolute;
    width: 189px;
    padding-left: 10px;
    padding-right: 10px;
    top: 298px;
    left: 347px;
    right: 33px;
}

.account_inn:disabled {
    cursor: url(../images/cursors/1.png) 2 2, auto;
}

.account_inn:disabled::placeholder {
  color: transparent;
  opacity: 0;
}

.not_gamer_checkbox {
    position: absolute;
    left: 12px;
    top: 414px;
}

.not_gamer_memo {
    position: absolute;
    width: 524px;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    top: 440px;
    left: 12px;
}

.account_subscription_btn {
    top: 507px;
    left: 13px;
    width: 180px;
}

.account_subscription {
    position: absolute;
    width: 325px;
    height: 30px;
    top: 507px;
    left: 204px;
    font-size: 14px;
    color: #979797;
    line-height: 14px;
    text-align: center;
    display: flex;
}

.account_subscription_text {
    margin: auto;
}

.account_subscription_text span {
    color: #979797;
}

.account_delete_btn {
    top: 554px;
    left: 13px;
    width: 180px;
}

.account_change_password_btn {
    top: 554px;
    left: 204px;
    width: 180px;
}

.account_save_btn {
    position: absolute;
    width: 135px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #8f2b19;
    border-radius: 8px;
    top: 554px;
    left: 396px;
    border: 1px solid #8f2b19;
}

.registration_block {
    position: relative;
    width: 1138px;
    height: 578px;
    border-radius: 8px;
}

.registration_left_side {
    position: absolute;
    left: 0;
    top: 20px;
    width: 569px;
    height: 578px;
}

.registration_phone_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 560px;
    height: 141px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);
}

.registration_phone_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 11px;
    left: 16px;
}

.registration_block .account_phone {
    top: 44px;
    left: 16px;
}

.registration_block .account_phone_confirm_btn {
    top: 44px;
    left: 295px;
    width: 135px;
}

.registration_block .politica_checkbox {
    position: absolute;
    top: 87px;
    left: 16px;
    display: block;
}

.registration_phone_bg .checkbox-text {
    display: block;
    color: #979797;
    top: 2px;
}



.registration_phone_bg a {
    color: #979797;
    text-decoration: underline;
}

.registration_email_bg {
    position: absolute;
    top: 151px;
    left: 0;
    width: 560px;
    height: 95px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);
}

.registration_email_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 12px;
    left: 16px;
}

.registration_password_bg {
    position: absolute;
    top: 257px;
    left: 0;
    width: 560px;
    height: 95px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);

    /*    background: url(../images/.registration_password_bg_b.png) no-repeat top center; */
}

.registration_password_title1 {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 12px;
    left: 16px;
}

.registration_password_title2 {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 12px;
    left: 286px;
}

.registration_password_bg .password-block .new-pass {
    position: absolute;
    width: 256px;
    top: 43px;
    left: 18px;
    font-size: 22px;
    line-height: 22px;
}

.registration_pass {
    width: 256px;
}

.password-container {
    position: relative;
    width: 100px;
    margin-top: 31px;
    margin-left: 237px;
}

.registration_password_bg .password-strength {
    position: absolute;
    display: flex;
    gap: 3px;
    margin-bottom: 5px;
    top: 29px;
    left: 237px;
}

.strength-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #92897a;
    transition: background-color 0.2s;
}

.password-hint {
    position: absolute;
    top: -57px;
    left: 188px;
    background-color: #1c1920;
    border: 1px solid #1c1920;
    padding: 7px;
    border-radius: 8px;
    font-size: 10px;
    display: none;
    width: 140px;

    /*    height: 77px; */
    color: #d6d6d6;
    font-weight: 300;
    line-height: normal;
    z-index: 5;
}

/* Стрелочка подсказки */
.password-hint::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 61px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.password-hint::before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 61px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.toggle-password {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
    width: 26px;
    height: 30px;
    display: block;
    mask: url(../images/eye_open.svg) no-repeat center;
    mask-size: contain;
    background-color: #979797;
}

.toggle-password:hover {
    background-color: #000;
}

.toggle-password.show {
    mask: url(../images/eye_close.svg) no-repeat center;
    mask-size: contain;
    background-color: #979797;
}

.toggle-password.show:hover {
    background-color: #000;
}

.registration_password_bg .password-block .new-pass-conf {
    position: absolute;
    width: 256px;
    top: 43px;
    left: 286px;
}

.registration_pass_conf {
    width: 256px;
}

.registration_block .account_email {
    top: 44px;
    left: 16px;
}

.registration_block .account_email_confirm_btn {
    top: 44px;
    left: 295px;
    width: 135px;
}

.registration_block .account_save_btn {
    width: 185px;
    left: 198px;
    top: 564px;
}

.registration_right_side {
    position: absolute;
    left: 569px;
    top: 20px;
    width: 569px;
    height: 615px;
}

.registration_right_side::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 559px;
    height: 615px;
    background-color: rgb(0, 0, 0, 35%);
    border-radius: 8px;
    margin-left: 10px;

}

.registration_right_side .dop_info_title {
    top: 216px;
}

.registration_right_side .dop_info_exp_sub {
    top: 252px;
}

.registration_right_side .dop_info_focus_sub {
    top: 252px;
}

.registration_right_side .dop_info_exp {
    top: 248px;
}

.registration_right_side .dop_info_focus {
    top: 248px;
}

.registration_right_side .dop_info_system {
    top: 287px;
}

.registration_right_side .personal_info_system_sub {
    top: 325px;
}

.registration_right_side .not_master_checkbox {
    top: 361px;
    left: 24px;
}

.registration_right_side .account_inn_icon_reg {
    top: 361px;
    left: 293px;
}

.registration_right_side .account_inn_icon_reg:hover+.account_inn_icon_reg_hover {
    top: 245px;
    left: 199px;
}

.registration_right_side .account_inn_sub {
    top: 362px;
    left: 320px;
}

.registration_right_side .account_inn {
    top: 357px;
    left: 364px;
}

.registration_right_side .not_master_memo {
    top: 396px;
    left: 24px;
}

.registration_right_side .not_gamer_checkbox {
    top: 472px;
    left: 24px;
}

.registration_right_side .not_gamer_memo {
    top: 500px;
    left: 24px;
}

#footer {
    position: relative;
    width: 100%;
    background-color: #1c1920;
    height: 182px;
    margin-top: 20px;
}

#footer::before {
    left: 0;
    content: '';
    position: absolute;
    z-index: 2;
    background: url(../images/line.png);
    width: 100%;
    height: 2px;
}

#footer .row .col-3 {
    padding: 18px 0 0 34px;
    text-align: left;
}

.icon_telegramm {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/sprite.png) -227px -129px;
}

.icon_telegramm:hover {
    background: url(../images/buttons/sprite.png) -261px -129px;
}

.icon_discord {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/sprite.png) -125px -129px;
}
.icon_vk {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/sprite.png) -784px -95px;
}

.icon_vk:hover {
    background: url(../images/buttons/sprite.png) -750px -95px;
}

.footer_social {
    margin-left: -31px;
    margin-top: 14px;
    width: 100%;
    height: 32px;
    flex-direction: row;
    display: inline-flex;
    gap: 5px;
}




.footer_title {
    color: #979797;
    font-size: 18px;
}

ul,
li {
    list-style: none;
}

ul.footer_links {
    margin-left: -33px;
    margin-top: 9px;
}

.footer_links li {
    height: 14px;
    padding: 0 0 17px;
}

.footer_links a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.footer_links a:hover {
    color: #c1ac82;
}

ul.footer_soc {
    margin-left: -31px;
    margin-top: 14px;
    width: 100%;
    height: 32px;
    flex-direction: row;
    display: inline-flex
}

.footer_soc li {
    margin-right: 5px;
}

#footer .logo::after {
    content: '[BETA]';
    color: #c1ac82;
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -17px;
    right: -10px;
}


.icontg {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/sprite.png) -227px -129px;
}

.icontg:hover {
    background: url(../images/buttons/sprite.png) -261px -129px;
}

.icondis {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/sprite.png) -125px -129px;
}

.icondis:hover {
    background: url(../images/buttons/sprite.png) -159px -129px;
}

.iconvk {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/sprite.png) -784px -95px;
}

.iconvk:hover {
    background: url(../images/buttons/sprite.png) -750px -96px;
}


.copyright {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 143px;
    left: 50%;
    margin-left: 336px;
}

.lobby_bg {
    position: relative;
    width: 100%;
    height: auto;

    /* Меняется по контенту */
    border-radius: 8px;

    /*    background: url(../images/lobby_bg_2.png) no-repeat top center;    */

    /*    background-color: rgba(0, 0, 0, 0.35); */
}

.lobby {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 560px;

    /*    background: url(../images/lobby_bg_2.png); */
    background-color: rgb(0, 0, 0, 35%);
    background-repeat: no-repeat;
    background-position: right 14px top 14px;
    background-size: auto calc(100% - 28px);
    padding-top: 1px;
    border-radius: 8px;
    z-index: 10;
}

.lobby_img {
    position: absolute;
    width: calc(100% - 14px);
    height: calc(100% - 28px);
    overflow: hidden;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    top: 14px;
}

.lobby_img img {
    position: absolute;
    height: calc(100%);
    right: -26%;
    -webkit-mask-image: -webkit-linear-gradient(right, #000, transparent);
    mask-image: -o-linear-gradient(right, #000, transparent);
    mask-image: linear-gradient(to left, #000 530px, transparent 770px);
    border-radius: 8px;
    object-fit: cover;
}

.lobby_img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #110b18;
    opacity: 0.5;
    z-index: 1;
    -webkit-mask-image: -webkit-linear-gradient(right, #000, transparent);
    mask-image: -o-linear-gradient(right, #000, transparent);
    mask-image: linear-gradient(to left, #000 530px, transparent 700px);
    border-radius: 8px;
}

* .lobby_header_container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 20px;
    top: 10px;
    left: 22px;
}

.lobby_title {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
}

.lobby_numbers_and_logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lobby_mana_logo {
    width: 18px;
    height: 18px;
    background: url(../images/game_card_mana_icon.png) no-repeat center center;
    background-size: cover;
}

.lobby_mana {
    font-size: 18px;
    color: #6ebff5;
}

.lobby_free {
    font-size: 16px;
    color: #92897a;
    text-transform: uppercase;
}

.buffer_link {
    position: absolute;
    background: #fff;
    font-size: 14px;
    line-height: 31px;
    color: #1c1920;
    border-radius: 8px;
    padding-left: 10px;
    height: 30px;
}

.lobby_link {
    position: relative;
    width: 386px;
    top: 25px;
    left: 729px;
}

.buffer_link::after {
    content: '';
    position: absolute;
    background: url(../images/buttons/sprite.png) -277px 0;
    width: 16px;
    height: 19px;
    top: 5px;
    right: 6px;
}

.buffer_link:hover::after {
    background: url(../images/buttons/sprite.png) -295px 0
}

.lobby_link_sub {
    position: absolute;
    top: 59px;
    left: 749px;
}

.lobby_specifications {
    position: absolute;
    width: 705px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    top: 69px;
    left: 22px;
}

.lobby_timer_block {
    position: absolute;
    width: 240px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #979797;
    top: 132px;
    left: 22px;
    padding-top: 1px;
}

.lobby_timer_timer {
    position: absolute;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    left: 10px;
}

.lobby_timer_timer::after {
    content: 'Времени до начала';
    position: absolute;
    top: -21px;
    left: 36px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
}

.lobby_timer_timer:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}


.lobby_timer_date {
    position: absolute;
    font-size: 14px;
    line-height: 27px;
    color: #979797;
    right: 10px;
}

.lobby_change_btn {
    position: absolute;
    width: 200px;
    height: 30px;
    top: 132px;
    left: 270px;
    border-radius: 8px;
    border: 1px solid #979797;
}

.lobby_chat_btn {
    position: absolute;
    width: 195px;
    top: 132px;
    left: 534px;
    text-transform: none;

}

.lobby_gamer_line {
    position: relative;
    width: 714px;
    height: 62px;
    background: url(../images/buttons/sprite.png) 0 -188px;

}

.lobby_leader {
    position: absolute;
    top: 183px;
    left: 15px;
}

.lobby_gamer_ico {
    position: absolute;
    width: 22px;
    top: 20px;
    height: 20px;
    background: url(../images/lobby_leader_ico.png) no-repeat center center;
    left: 17px;
}

.lobby_gamers_lines .gamer .lobby_gamer_ico {
    background: url(../images/lobby_gamer_ico.png) no-repeat center center;
}

.lobby_gamers_lines .add .lobby_gamer_ico {
    background: none;
}

.lobby_gamers_lines .add .lobby_gamer_ico::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 1px;
    background: url(../images/buttons/sprite.png) no-repeat -349px 0;
    width: 19px;
    height: 19px;
}

.lobby_leader .lobby_gamer_ico::after {
    content: 'Мастер';
    position: absolute;
    top: -30px;
    left: 11px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.lobby_leader .lobby_gamer_ico:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}


.lobby_gamer_name {
    position: absolute;
    font-size: 14px;
    width: 350px;
    height: 30px;
    background: linear-gradient(to right, var(--block-color), transparent);
    border-radius: 8px;
    top: 15px;
    left: 46px;
    line-height: 31px;
}

.lobby_gamer_name a {
    display: block;
    color: #fff;
    text-decoration: none;
    height: 32px;
    padding: 0 12px;
    width: fit-content;
}

.lobby_gamer_name a:hover {
    color: #979797;
}

.add .lobby_gamer_name a {
    color: #979797;
    width: 660px;
}

.add .lobby_gamer_name a:hover {
    color: #fff;
}


.lobby_gamer_icons {
    position: absolute;
    top: 15px;
    right: 12px;
    height: 30px;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.lobby_btn {
    background: none;
    border: 1px solid #92897a;
    box-shadow: 0;
    color: #92897a;
    font-size: 14px;
    border-radius: 8px;
    height: 32px;
}

.lobby_btn:not(:disabled):hover {
    color: #fff;
    border-color: #fff;
}

.lobby_gamer_icons_start {
    position: relative;
    width: 183px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #484848;
    color: #484848;
}

.lobby_gamers_lines {
    position: relative;
    width: 714px;
    margin-top: 233px;
    left: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.lobby_gamer_icons_donat {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_donat::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    ;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/sprite.png) no-repeat -487px 0;
    width: 18px;
    height: 22px;
}

.lobby_gamer_icons_donat:hover::before {
    background-position: -507px 0;
}

.lobby_gamer_icons_star {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_star::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    ;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 21px;
    background: url(../images/buttons/sprite.png) no-repeat -391px 0;
}


.lobby_gamer_icons_star:hover::before {
    background-position: -415px 0;
}

.lobby_gamer_icons_star::after {
    content: 'Оценка и отзыв';
    position: absolute;
    top: -30px;
    left: 16px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.lobby_gamer_icons_star:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}


.lobby_gamer_icons_complain {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_complain::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    ;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/sprite.png) no-repeat -439px 0;
    width: 22px;
    height: 22px;
}

.lobby_gamer_icons_complain:hover::before {
    background-position: -463px 0;
}

.lobby_gamer_icons_complain::after {
    opacity: 0;
    content: 'Пожаловаться';
    position: absolute;
    top: -30px;
    left: 16px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    pointer-events: none;
}

.lobby_gamer_icons_complain:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.lobby_gamer_icons_donat2 {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_donat2::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    ;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/sprite.png) no-repeat -527px 0;
    width: 22px;
    height: 22px;
}

.lobby_gamer_icons_donat2:hover::before {
    background-position: -551px 0;
}


.lobby_gamer_icons_donat::after,
.lobby_gamer_icons_donat2::after {
    content: 'Поддержать';
    position: absolute;
    top: -30px;
    left: 16px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.lobby_gamer_icons_donat:hover::after,
.lobby_gamer_icons_donat2:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}


.lobby_gamer_icons_rejection {
    width: 146px;
}

.lobby_gamer_icons_confirmed {
    width: 137px;
    text-transform: uppercase;
    color: #4da238;
    border: none;
}

.lobby_gamers_lines .add .lobby_gamer_name {
    background: none;
    color: #979797;
    padding: 0 12px;
    width: 655px;
    left: 45px;
}

.lobby_gamers_lines .add .lobby_gamer_name::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    background: url(../images/buttons/sprite.png) no-repeat -769px -31px;
    width: 367px;
    height: 30px;
}

.lobby_gamer_line.add a:hover .lobby_gamer_name {
    color: #fff;
    background: url(../images/buttons/sprite.png) 1px -62px;
    top: 15px;
    left: 45px;
    width: 367px;
    height: 31px;
}

.lobby_gamer_line.add a:hover .lobby_gamer_ico::before {
    background: url(../images/buttons/sprite.png) -370px 0;
}


.lobby_gamer_line.butttons {
    margin-top: 15px;
    right: -12px;
    background: none;
    margin-bottom: 15px;
}

.lobby_gamer_icons_confirm {
    width: 146px;
    color: #6ebff5;
    border-color: #6ebff5;
}

.butttons .lobby_btn {
    width: 196px;
    border: 1px solid #979797;
    color: #979797;
}

.butttons .red {
    color: #e76143;
    border-color: #e76143;
}

.lobby_memo {
    position: absolute;
    font-size: 12px;
    line-height: normal;
    color: #d6d6d6;
    font-style: italic;
    font-weight: 300;
    width: 366px;
    top: 130px;
    left: 750px;
}

/******************************* Страница создания игры *************************************/

.create_block {
    position: relative;
    margin-top: 24px;
    width: 1140px;
    height: 954px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);
    padding: 15px 22px;
    display: flex;
}

.create_left_side {
    position: relative;
    width: 540px;
    height: 920px;
}

.create_block_logo {
    position: absolute;
    width: 200px;
    height: 140px;
    top: 0;
    left: 0;

}

.create_block_logo img {
    border-radius: 8px;
    width: 200px;
    height: 140px;
}

.create_block_logo::before {
    content: '1140 x 701 до 4Mb';
    position: absolute;
    width: 70px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    top: 28px;
    left: 68px;
}

.create_block_logo::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(17, 11, 24, 50%);
    border-radius: 8px;
}

.create_block_logo_btn {
    position: absolute;
    top: 88px;
    left: 52px;
    z-index: 5;
    width: 95px;
}

.create_block_logo_btn a:hover {
    color: #979797;
    border-color: #979797;
}

.create_name_title {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 14px;
    left: 236px;
}

.create_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 100%;
}

.create_name {
    position: absolute;
    top: 45px;
    left: 223px;
    width: 313px;
}

.input-container input {
    padding-right: 40px;
}

.input-container .char-counter {
    padding-right: 5px;
    padding-bottom: 3px;
}

.create_valuta {
    position: absolute;
    width: 157px;
    top: 82px;
    left: 223px;
}

.input-with-icon-container {
    position: absolute;
    width: 152px;
    top: 82px;
    left: 385px;
}

.input-icon {
    display: block;
    width: 30px;
    height: 20px;
    background-size: auto 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 0;
}

.input-with-icon-container .char-counter {
    display: none !important;
}

.create_memo {
    position: absolute;
    font-size: 14px;
    color: #d8d8d8;
    font-weight: 300;
    border: 1px solid #908f95;
    border-radius: 8px;
    padding: 13px 25px;
    line-height: normal;
    font-style: italic;
}

.create_memo p {
    margin-bottom: 15px;
}

.create_memo.valuta {
    position: absolute;
    width: 100%;
    height: 215px;
    top: 159px;
}

.create_memo .green {
    color: #4f7f43;
    font-weight: 500;
}

.create_system {
    position: absolute;
    width: 536px;
    top: 389px;
    left: 1px;
}

.create_setting {
    position: absolute;
    width: 264px;
    top: 426px;
    left: 1px;
}

.create_genre {
    position: absolute;
    width: 264px;
    top: 426px;
    left: 273px;
}

.create_text {
    position: absolute;
    width: 113px;
    top: 472px;
    left: 1px;
}

.create_city {
    position: absolute;
    width: 300px;
    top: 472px;
    left: 119px;
}

.create_campany {
    position: absolute;
    width: 113px;
    top: 472px;
    left: 424px;
}

.create_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
}

.sub_age {
    top: 514px;
}

.create_age_from {
    position: absolute;
    width: 86px;
    top: 509px;
    left: 70px;
}

.create_age_to {
    position: absolute;
    width: 86px;
    top: 509px;
    left: 161px;
}

.create_qty_from {
    position: absolute;
    width: 62px;
    top: 509px;
    left: 408px;
}

.create_qty_to {
    position: absolute;
    width: 62px;
    top: 509px;
    left: 475px;
}

.sub_qty {
    top: 514px;
    left: 289px;
}

.sub_start {
    top: 559px;
    left: 1px;
}

.create_start_t {
    position: absolute;
    width: 76px;
    top: 554px;
    left: 186px;
}

.create_start_d {
    position: absolute;
    width: 72px;
    top: 554px;
    left: 267px;
}

.create_start_m {
    position: absolute;
    width: 114px;
    top: 554px;
    left: 343px;
}

.create_start_y {
    position: absolute;
    width: 75px;
    top: 554px;
    left: 462px;
}

.create_memo.time {
    width: 100%;
    height: 311px;
    top: 601px;
    left: 0;
}

.create_right_side {
    position: relative;
    width: 536px;
    height: 920px;
    margin-left: 19px;
}

.create_textarea {
    position: absolute;
    border-radius: 8px;
    background: #fff;
    width: 100%;
}

.create_textarea textarea {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    color: #1c1920;
}

.create_textarea .char-counter {
    padding-right: 10px;
}

.create_comment {
    top: 1px;
    height: 68px;
}

.create_description {
    top: 84px;
    height: 200px;
}

.sub_lavel {
    top: 302px;
    left: 310px;
}

.create_lavel {
    position: absolute;
    top: 299px;
    left: 446px;
    width: 90px;
}

.create_requirements {
    top: 344px;
    height: 83px;
}

.create_additional {
    top: 359px;
    height: 68px;
}

.create_open {
    position: absolute;
    top: 442px;
    width: 112px;
}

.create_link {
    width: 418px;
    top: 442px;
    left: 118px;
}

.sub_open {
    top: 480px;
    left: 68px;
}

.create_tg_link {
    position: absolute;
    width: 100%;
    top: 511px;
}

.sub_tg_link {
    width: 100%;
    top: 550px;
    left: 0;
    text-align: center;
    line-height: normal;
}

.create_img {
    position: absolute;
    width: 204px;
    height: 145px;
    border: 1px solid #908f95;
    border-radius: 8px;
    top: 600px;
    text-align: center;
    line-height: 86px;
}

.create_img img {
    width: 100%;
    height: 100%;
}

.sub_border {
    color: #fff;
    top: 599px;
    left: 218px
}

.sub_border_alarm {
    width: 318px;
    top: 670px;
    left: 219px;
    font-size: 14px;
    color: #d8d8d8;
    font-weight: 300;
    line-height: normal;
    font-style: italic;
}

.sub_border_alarm span {
    color: #e76143;
}

.create_border_btn {
    width: 144px;
    top: 627px;
    left: 218px;
}

.create_mana_btn {
    width: 261px;
    top: 840px;
    left: 0;
    color: #6ebff5;
    border-color: #6ebff5;
}

.account_btn_dan.create_mana_btn:hover {
    background: #2783ba;
    color: #fff;
    border-color: #2783ba !important;
}

.create_preview {
    width: 261px;
    top: 880px;
    left: 0;
    color: #979797;
    border-color: #979797;
}

.create_save_btn {
    position: absolute;
    width: 262px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #8f2b19;
    top: 880px;
    left: 274px;
    border-color: #8f2b19;
}


.reviews {
    position: relative;
    width: 100%;
    height: auto;
}

.reviews .tag-remove,
.reviews_new .tag-remove {
    display: none;
}

.reviews_new {
    position: relative;
    width: 100%;
    height: auto;
}

.reviews_new .reviews_item_btn {
    display: none;
}

.reviews .reviews_master_name {
    display: none;
}

.reviews_master_name {
    position: absolute;
    font-size: 14px;
    color: #92897a;
    right: 0;
    top: 2px;
    text-align: center;
}

.reviews_master_name span {
    font-size: 30px;
    color: inherit;
}

.reviews_master_name p {
    margin-bottom: -8px;
}

.reviews_filter {
    position: absolute;
    background-color: rgb(0, 0, 0, 35%);
    width: 182px;
    height: 67px;
    border-radius: 8px;
    top: 0;
    left: 0;
    z-index: 5;
}

.reviews_filter_dd {
    position: absolute;
    top: 18px;
    left: 16px;
    width: 150px;
}

.reviews_filter_dd .select-header,
.reviews_filter_dd .select-dropdown {
    background-color: #49454d;
    color: #fff;
    border-color: #49454d;
}


.reviews_filter_dd .option:hover,
.reviews_filter_dd .option.selected {
    background: #49454d;
    color: #c1ac82;
}

.reviews_rating_digital {
    position: absolute;
    font-size: 43px;
    font-weight: 600;
    color: #fff;
    top: 0;
    left: 203px;
    z-index: 5;
}

.reviews_rating_sub {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 32px;
    left: 272px;
}


.reviews_blocks {
    position: relative;
    width: 100%;
    padding-top: 88px;
}

.reviews_item {
    position: relative;
    width: 562px;
    height: auto;
    background-color: rgb(0, 0, 0, 35%);
    border-radius: 8px;
    margin-bottom: 13px;
}

.reviews_item_logo {
    position: absolute;
    width: 58px;
    top: 10px;
    left: 10px;
}

.reviews_item_logo img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.reviews_item_name {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    top: 21px;
    z-index: 4;
}

.reviews_item_date {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 9px;
    left: 467px;
    /* z-index: 5; */
    text-align: center;
    width: 100px;
}


.reviews_item_rating {
    position: absolute;
    top: 45px;
    left: 234px;
}

.custom_reviews_item_rating {
    position: absolute;
    top: -10px;
    left: 0px;
}


.reviews_item_memo {
    position: relative;
    font-size: 14px;
    color: #979797;
    width: 100%;
    padding: 10px 10px 0 10px;
    padding-top: 95px;
    line-height: normal;
    margin-bottom: 7px;
    z-index: 2;

    display: -webkit-box;             /* включаем флекс-контейнер */
    -webkit-line-clamp: 4;            /* ограничиваем 4 строками */
    -webkit-box-orient: vertical;     /* направление блока */
    overflow: hidden;                 /* скрываем лишнее */
    text-overflow: ellipsis;
    max-height: 165px;
}

.reviews_rating_stars {
    position: absolute;
    left: 270px;
    top: 10px;
    gap: 8px; /* расстояние между звёздами и текстом */
}


.rating-container {
    display: flex;
    align-items: center;

}

.rating-container .stars {
    display: flex;
    gap: 1px;
    position: static;
    top: 0px;
    left: 5px;
}

.rating-container .star {
    position: relative;
    width: 18px;
    height: 24px;
}

.rating-container .star-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #979797;

    /* Цвет незакрашенной звезды */
}

.rating-container .star-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #b69632;

    /* Цвет закрашенной звезды */
    clip-path: inset(0 0 0 0);
}

.reviews_item_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #49454d;
    border-radius: 8px;
    color: #979797;
    font-size: 14px;
    top: 9px;
    left: 518px;
    z-index: 4;
}

.reviews_item_btn .arrow {
    display: none;
}

.reviews_item_btn .select-header {
    background-color: #49454d;
}

.reviews_item_btn .input-wrapper {
    margin-left: -3px;
}


.reviews_item_btn .option:hover,
.reviews_item_btn .option.selected {
    background: #49454d;
    color: #b69532;
}


.reviews_item_btn .placeholder {
    background-color: #49454d;
}

.reviews_item_btn .select-dropdown {
    background-color: #49454d;
    width: 125px;
    left: -95px;
    border: 0;
    top: 29px;
}

.reviews_item_btn .select-header {
    height: 28px;
    border: 1px solid #49454d;
}

.reviews_item_btn a {
    text-decoration: none;
    color: #fff;
}

.reviews_item_btn a:hover {
    color: #c1ac82;
}

.reviews_item_btn .option {
    cursor: url(../images/cursors/1.png) 2 2, auto;
}

.reviews_item_btn .select-header:hover {
    border: 1px solid #fff;
}

.reviews_item_btn .select-header:hover .placeholder {
    color: #fff;
}

.reviews_item_btn .select-header.open:hover {
    border-bottom-color: #49454d;
}
.not-master-text,
.access-denied-wrapper {
    color: #1c1920;
    font-size: 36px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    /* SemiBold */
    margin-top: 50px;
    /* отступ от контента, при необходимости менять */
    text-align: center;
}

.empty-games-text {
    color: #d6d1d9;
    font-size: 30px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    /* SemiBold */
    margin-top: 24px;
    /* отступ от контента, при необходимости менять */
    text-align: center;
}

.notice_block {
    display: flex;
    justify-content: start;
    width: 100%;
    color: #fff;
}

.notice_item {
    display: flex;
    gap: 50px;

    /* Отступ между колонками */
    min-width: 477px;
    max-width: 816px;
    background-color: rgb(52, 47, 58, 65%);
    padding: 15px 15px 15px 25px;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
}

.notice_item_left {
    flex: 1;

    /* Занимает все доступное пространство */
    min-width: 0;

    /* Для корректного переноса текста */
}

.notice_item_left p {
    font-size: 14px;
    margin: 0;
    line-height: normal;
    font-weight: 400;
}

.notice_item_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;

    /* Ширина по содержимому */
    flex-shrink: 0;

    /* Запрещаем уменьшение */
}

.notice_item_date {
    align-self: flex-end;
    color: #979797;
    font-size: 14px;
}

.notice_item_condition {
    align-self: flex-end;
    font-size: 14px;
}

.notice_item_left a {
    text-decoration: none;
}

.notice_item_left a:hover {
    color: #fff;
}

.notice_item_left .gold {
    color: #b69532;
}

.notice_item_left .blue {
    color: #6ebff5
}

.notice_item_left .red {
    color: #e76143
}

.notice_item_left .coffee {
    color: #92897a
}

.notice_item_condition.readed {
    color: #979797;
}

.notice_btn {
    background: none;
    border: 1px solid #979797;
    box-shadow: 0;
    color: #979797;
    font-size: 14px;
    border-radius: 8px;
    width: 150px;
    height: 32px;
    text-transform: uppercase;
    margin-top: 10px;
}

.notice_green_btn {
    background-color: #3e6634;
    border-color: #3e6634;
    color: #fff;
}

.notice_grey_btn {
    background-color: #777;
    border-color: #333;
    color: #bbb;
}

.notice_btn:hover {
    border-color: #fff;
    color: #fff;
}

/**************** Мои Объявления *****************/


.adsds,
.adsds_new {
    position: relative;
    width: 100%;
    height: auto;

    /*    background: url(../images/ads_bg_b.png) no-repeat top center; */
}

.adsds_filter {
    position: absolute;
    width: 271px;
    height: 108px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 10px;
    z-index: 5;
}

.adsds_new .adsds_block {
    padding-top: 87px;
}

.adsds_new .adsds_filter {
    height: 67px;
}

.adsds_new .adsds_checkbox {
    display: none;
}

.adsds_new .adsds_filter_dd {
    display: none;
}

.adsds_new .adsds_item_checkbox {
    display: none;
}

.adsds_new .adsds_item_btn {
    display: none;
}

.adsds .adsds_master_name {
    display: none;
}

.adsds_master_name {
    position: absolute;
    font-size: 14px;
    color: #92897a;
    right: 0;
    top: 2px;
    text-align: center;
}

.adsds_master_name span {
    font-size: 30px;
    color: #7b3bb6;
}

.adsds_master_name p {
    margin-bottom: -8px;
}

.adsds_master_name .sub-ancient { color: #8c7ec0; }
.adsds_master_name .sub-neofit  { color: #979797; }
.adsds_master_name .sub-acolyte { color: #af9442; }
.adsds_master_name .sub-shadow  { color: #6789bc; }
.adsds_master_name .sub-oracle  { color: #c85d48; }

.adsds_btn {
    position: absolute;
    width: 115px;
    background: none;
    border: 1px solid #92897a;
    box-shadow: 0;
    color: #92897a;
    font-size: 14px;
    border-radius: 8px;
    height: 32px;
}

.adsds_btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #1c1920;
}

.adsds_btn_active {
    top: 17px;
    left: 19px;
}

.adsds_btn_history {
    top: 17px;
    left: 140px;
    color: #fff;
    border-color: #fff;
}

.adsds_btn.active {
    border: 1px solid #fff;
    background: #fff;
    color: #1c1920;
}


.adsds_filter_dd {
    position: absolute;
    top: 59px;
    left: 44px;
    width: 211px;
}

.adsds_filter_dd .select-header,
.adsds_filter_dd .select-dropdown,
.adsds_filter_dd .placeholder {
    background-color: #49454d;
    color: #fff;
    border-color: #49454d;
}


.adsds_filter_dd .option:hover,
.adsds_filter_dd .option.selected {
    background: #49454d;
    color: #c1ac82;
}

.adsds_checkbox {
    position: absolute;
    top: 61px;
    left: 20px;
}

.adsds_block {
    position: relative;
    width: 100%;
    padding-top: 127px;
}

.adsds_block .adsds_item {
    position: relative;
    width: 217px;
    height: 255px;
    margin-bottom: 13px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 8px;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.4, 1);
    transform-origin: center;
    will-change: transform;
}

.adsds_block .adsds_item:hover {
    transform: scale(1.05);
    z-index: 1;
    position: relative;
}

.adsds_block .row-custom {
    --gap: 13.25px;

    margin-left: calc(-0.5 * var(--gap));
    margin-right: calc(-0.5 * var(--gap));
}

.adsds_block .row-custom>[class^="col-"] {
    padding-left: calc(0.5 * var(--gap));
    padding-right: calc(0.5 * var(--gap));
}

.adsds_item_img {
    position: absolute;
    top: 9px;
    left: 9px;
}

.adsds_item_img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(17, 11, 24, 50%);
    top: 0;
    left: 0;
    border-radius: 8px;
}

.adsds_item_img img {
    border-radius: 8px;
}

.adsds_item_checkbox {
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 5;
}

.adsds_item_logo {
    position: absolute;
    width: 100%;
    top: 59px;
    text-align: center;
}

.adsds_numbers_and_logo {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    top: 107px;
    width: 100%;
}

.adsds_mana_logo {
    width: 18px;
    height: 18px;
    background: url(../images/game_card_mana_icon.png) no-repeat center center;
    background-size: cover;
}

.adsds_mana {
    font-size: 18px;
    color: #6ebff5;
}

.adsds_item_name {
    position: absolute;
    width: 200px;
    height: 45px;
    text-align: center;
    left: 10px;
    top: 160px;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    /* Число строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adsds_date {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 218px;
    left: 17px;
}

.adsds_item_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #49454d;
    border-radius: 8px;
    color: #979797;
    font-size: 14px;
    top: 213px;
    left: 180px;
    z-index: 5;
}

.adsds_item_btn .arrow {
    display: none;
}

.adsds_item_btn .select-header {
    background-color: #49454d;
}

.adsds_item_btn .input-wrapper {
    margin-left: -3px;
}


.adsds_item_btn .option:hover,
.adsds_item_btn .option.selected {
    background: #49454d;
    color: #b69532;
}


.adsds_item_btn .placeholder {
    background-color: #49454d;
}

.adsds_item_btn .select-dropdown {
    background-color: #49454d;
    width: 95px;
    left: -65px;
    border: 0;
    top: 29px;
    position: absolute;
    z-index: 10;
}

.adsds_item_btn .select-header {
    height: 28px;
    border: 1px solid #49454d;
}

.adsds_item_btn a {
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: block;
}

.adsds_item_btn a:hover {
    color: #c1ac82;
}

.adsds_item_btn .option {
    cursor: url(../images/cursors/1.png) 2 2, auto;
    text-align: center;
    padding: 10px 0;
}

.adsds_item_btn .select-header:hover {
    border: 1px solid #fff;
}

.adsds_item_btn .select-header:hover .placeholder {
    color: #fff;
}

.adsds_item_btn .select-header.open:hover {
    border-bottom-color: #49454d;
}


.modal {
    display: none;
    position: fixed;
    z-index: 1100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0, 90%);
}

.modal-content {
    margin: auto;
    position: fixed;
    overflow: visible;
    top: 50%;
    box-sizing: border-box;
    width: fit-content;
    background: none;
    perspective: 1000px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/* Кнопка закрытия */
.payment-modal-close,
.modal-close {
    color: #848484;
    font-size: 60px;
    font-weight: 200;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(50%, -50%);
    background-color: #49454d;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgb(0, 0, 0, 20%);
    z-index: 2;
    padding-bottom: 3px;
    text-shadow: none;
}

.game_card_madal_btn {
    right: calc(50% - 165px);
    top: calc(50% - 211px);
}

.payment-modal-close:hover,
.modal-close:hover {
    background-color: #f0f0f0;
}

.adsds_item .modal-link::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
}

.modal-content .game_card::before {
    top: 33px;
    box-shadow: 0 0 16px 36px rgb(255, 255, 255, 60%);

}

.modal-content .game_card:hover::before {
    content: '';
    width: 209px;
    height: 312px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.pay_block {
    width: 590px;
    height: 644px;
    background: url(../images/modal_pay.png) no-repeat top center;
}

.pay_block--iconsboarders,
.pay_block--subscriptions,
.pay_block--resources {
    border-radius: 12px;
}

.pay_block--resources {
    height: 507px;
}

.pay_block--subscriptions {
    height: 590px;
}

.pay_block--iconsboarders {
    height: 622px;
}

.pay_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: url(../images/pay_header_line.png) no-repeat bottom center;
}

.pay_summ {
    position: absolute;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    top: 22px;
    left: 20px;
}

.pay_summ span {
    color: #fff;
}

.pay_summ span::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.rubl_pay_summ {
    position: absolute;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    top: 22px;
    left: 20px;
}

.rubl_pay_summ span {
    color: #fff;
}

.rubl_pay_summ span::after {
    content: 'руб.';
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    right: -18px;
}

.pay_mana_memo {
    position: absolute;
    top: 25px;
    right: 19px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}

.pay_offs_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 75px;
    left: 20px;
}

.pay_checkbox {
    position: absolute;
    left: 20px;
}

.pay_checkbox_res {
    top: 107px;
}

.pay_checkbox_res .checkbox-text {
    color: #fff;
}

.pay_checkbox_res--iconsboarders {
    top: 109px;
}

.pay_checkbox_res--iconsboarders .checkbox-text {
    color: #fff;
}

.pay_checkbox_mana {
    top: 129px;
}

.pay_checkbox_mana .checkbox-text {
    color: #fff;
}

.pay_checkbox_mana--subscriptions {
    top: 108px;
}

.pay_checkbox_mana--subscriptions .checkbox-text {
    color: #fff;
}

.pay_checkbox_res::after {
    background: url(../images/game_card_res_icon.png);
}

.pay_checkbox_mana::after {
    background: url(../images/game_card_mana_icon.png);
}

.pay_checkbox_mana--subscriptions::after {
    background: url(../images/game_card_mana_icon.png);
}

.pay_checkbox::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 3px;
    right: -20px;
}

.pay_topup {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 156px;
    left: 20px;
}

.pay_topup span {
    color: #fff;
}

.pay_topup span::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.pay_ukassa {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 211px;
    left: 20px;
}

.pay_ukassa span {
    color: #fff;
}

.pay_total {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 222px;
    left: 20px;
}

.totalAmount::after {
    display: none;
}

.rubl_pay_total {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 211px;
    left: 20px;
}

.pay_line {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 172px;
    left: 20px;
    width: 596px;
    height: 1px;
}

.pay_line2 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 204px;
    left: 20px;
    width: 596px;
    height: 1px;
}

.pay_line3 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 238px;
    left: 20px;
    width: 596px;
    height: 1px;
}

.pay_total span {
    color: #fff;

}

.pay_subtotal span::after,
.pay_total span::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.rubl_pay_total span {
    color: #fff;

}

.rubl_pay_total span::after {
    content: 'р.';
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.pay_way {
    position: absolute;
    top: 278px;
    left: 20px;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
}

.pay_bank {
    position: absolute;
    width: 376px;
    height: 87px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 10px;
    left: 15px;
}

.pay_bank:hover {
    background: rgb(146, 137, 122, 65%);
}

.pay_card {
    top: 319px;
}

.pay_sbp {
    top: 414px;
}

.pay_bank_logo {
    position: absolute;
    top: 10px;
    left: 10px;
}

.pay_bank_title {
    position: absolute;
    top: 18px;
    left: 96px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.pay_bank_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 42px;
    left: 96px;
}

.pay_bank_checkbox {
    position: absolute;
    top: 4px;
    right: 4px;
}

.pay_confirm {
    position: absolute;
    top: 524px;
    left: 20px;
    color: #d6d6d6;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: normal;
}

.pay_confirm a {
    color: #d6d6d6;
}

.pay_confirm_btn {
    position: absolute;
    top: 580px;
    left: 20px;
    width: 209px;
    height: 32px;
    background: #3e6634;
    border: 1px solid #3e6634;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.pay_confirm_btn:hover {
    border-color: #fff;
}

.payment-modal-close,
.modal-close {
    transform: translate(50%, -50%);
}

.pay_confirm_btn span::after {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: -1px 0 0 5px;
    vertical-align: middle;
    display: inline-block;
}

.pay_block--iconsboarders .pay_line { top: 150px; }
.pay_block--iconsboarders .pay_line2 { top: 183px; }
.pay_block--iconsboarders .pay_line3 { top: 216px; }
.pay_block--subscriptions .pay_line { top: 149px; }
.pay_block--subscriptions .pay_line2 { top: 183px; }
.pay_block--resources .pay_line { top: 101px; }

.pay_block--iconsboarders .pay_ukassa { top: 189px; }
.pay_block--resources .pay_ukassa { top: 75px; }
.pay_block--subscriptions .pay_ukassa { top: 156px; }

.pay_block--resources .rubl_pay_total { top: 108px; }
.pay_block--subscriptions .rubl_pay_total { top: 189px; }

.pay_block--iconsboarders .pay_card { top: 297px; }
.pay_block--resources .pay_card { top: 182px; }
.pay_block--subscriptions .pay_card { top: 264px; }

.pay_block--iconsboarders .pay_sbp { top: 392px; }
.pay_block--resources .pay_sbp { top: 277px; }
.pay_block--subscriptions .pay_sbp { top: 359px; }

.pay_block--iconsboarders .pay_way { top: 256px; }
.pay_block--resources .pay_way { top: 141px; }
.pay_block--subscriptions .pay_way { top: 223px; }

.pay_block--iconsboarders .pay_confirm { top: 502px; }
.pay_block--resources .pay_confirm { top: 387px; }
.pay_block--subscriptions .pay_confirm { top: 469px; }

.pay_block--iconsboarders .pay_confirm_btn { top: 558px; }
.pay_block--resources .pay_confirm_btn { top: 443px; }
.pay_block--subscriptions .pay_confirm_btn { top: 525px; }

.donate_block {
    width: 590px;
    height: 813px;
    background: url(../images/modal_donate.png) no-repeat top center;
}

.donate_back_img {
    position: absolute;
    top: 0;
    left: 0;
}

.donate_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 89px;
    background: url(../images/pay_header_line.png) no-repeat bottom center;
}

.donate_name {
    position: absolute;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    top: 16px;
    left: 26px;
}

.donate_name span {
    color: #fff;
}

.modal-donate input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 100%;
}

.modal-donate .create_valuta {
    top: 44px;
    left: 27px;
}

.modal-donate .create_valuta .tag-remove {
    display: none;
}


.modal-donate .input-with-icon-container {
    top: 44px;
    left: 189px;
}

.donate_offs_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 97px;
    lefT: 26px;
}

.donate_checkbox {
    position: absolute;
    left: 26px;
}

.donate_checkbox_res {
    top: 127px;
}

.donate_checkbox_mana {
    top: 149px;
}

.donate_checkbox_res::after {
    background: url(../images/game_card_res_icon.png);
}

.donate_checkbox_mana::after {
    background: url(../images/game_card_mana_icon.png);
}

.donate_checkbox::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 3px;
    right: -20px;
}

/*

.donate_checkbox .mycheckbox + label {
    padding-left: 28px;
}
*/

.donate_ukassa {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 190px;
    left: 26px;
}


.donate_lack {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 223px;
    left: 26px;
}

.donate_line,
.donate_line2,
.donate_line3 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 183px;
    left: 26px;
    width: 596px;
    height: 1px;

}

.donate_line2 {
    top: 217px;
}

.donate_line3 {
    top: 250px;
}

.donate_lack span {
    color: #fff;

}


.donate_lack span.donate_lack_res::after {
    background: url(../images/game_card_res_icon.png);
    background-size: cover;
}

.donate_lack span.donate_lack_mana::after {
    background: url(../images/game_card_mana_icon.png);
    background-size: cover;
}

.donate_lack span::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;

    /*    background: url(../images/game_card_res_icon.png); */
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}


.donate_way {
    position: absolute;
    top: 422px;
    left: 26px;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
}

.donate_card {
    top: 464px;
}

.donate_sbp {
    top: 560px;
}

.donate_bank_logo {
    position: absolute;
    top: 10px;
    left: 10px;
}

.donate_bank_title {
    position: absolute;
    top: 18px;
    left: 96px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.donate_bank_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 42px;
    left: 96px;
}

.donate_bank_checkbox {
    position: absolute;
    top: 4px;
    right: 4px;
}

.donate_confirm {
    position: absolute;
    top: 664px;
    left: 25px;
    color: #d6d6d6;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: normal;
    width: 381px;
}

.donate_confirm a {
    color: #d6d6d6;
}

.donate_confirm_btn {
    position: absolute;
    top: 743px;
    left: 26px;
    width: 287px;
    height: 32px;
    background: #3e6634;
    border: 1px solid #3e6634;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.donate_confirm_btn:hover {
    border-color: #fff;
}

.donate_confirm_btn span::after {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: -1px 0 0 5px;
    vertical-align: middle;
    display: inline-block;
}

.donate_comment {
    position: absolute;
    top: 271px;
    left: 25px;
    width: 536px;
    height: 132px;
    border-radius: 8px;
    background: #fff;
}

.donate_comment textarea {
    width: 536px;
    height: 114px;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    overflow: hidden;
}

.donate_comment .char-counter {
    padding-right: 10px;
}

#cardSavedSection {
    margin-top: 15px;
    padding: 12px 16px;
    background-color: #282420;

    /* фон блока */
    border: 1px solid #8f2b19;

    /* бордер для выделения */
    border-radius: 8px;
    max-width: 400px;
    color: #fff;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

#cardSavedSection label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    color: #f0ebe1;
    cursor: default;
}

#cardSavedSection select {
    width: 100%;
    padding: 8px 12px;
    font-size: 16px;
    border: 1px solid #979797;
    border-radius: 6px;
    background-color: #1c1920;
    color: #fff;
    cursor: pointer;
    transition: border-color 0.3s;
}

#cardSavedSection select:hover,
#cardSavedSection select:focus {
    border-color: #8f2b19;
    outline: none;
}

.balance_hide {
    display: none;
}

.donate_confirm_btn.btn-gray {
    background: #49454d;
    border: 1px solid #49454d;
}

.modal-invite {
    width: 583px;
    background: url(../images/modal_support.png) no-repeat top center;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
}


.invite_block {
    width: 563px;
    max-height: 474px;
    min-height: 474px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.master_card_invite {
    position: relative;
    width: 553px;
    height: 138px;
    background: #242129;
    border: 2px solid #242129;
    border-radius: 10px;
    margin-bottom: 12px;
}

.master_card_invite:last-child {
    margin-bottom: 0;
}

.master_card_invite:hover {
    border-color: #b5b3b6;
}

.modal-invite .modal-close {
    transform: translate(50%, -50%);
}

.master_card_invite .master_card_left {
    position: relative;
}

.master_card_invite .master_card_stats {
    left: 280px;
}


.modal-invite .master_card_ava::after {
    content: none;
}

.invite_block::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

.invite_block::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.invite_block::-webkit-scrollbar-track {
    background: transparent;
}

.support_block {
    position: relative;
    width: 100%;
    height: 395px;
}

.support_block_left,
.support_block_right {
    position: absolute;
    top: 20px;
    width: 559px;
    height: 395px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 10px;
}

.support_block_right {
    left: 579px;
}

.support_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
}

.support_name {
    position: absolute;
    width: 261px;
    left: 14px;
    top: 18px;
}

.support_name_game {
    pointer-events: none;
}

.support_email {
    position: absolute;
    width: 261px;
    left: 285px;
    top: 18px;
}

.support_problem {
    position: absolute;
    border-radius: 8px;
    background: #fff;
    width: 532px;
    height: 89px;
    top: 60px;
    left: 14px;
}

.support_problem textarea {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    color: #1c1920;
}

.support_problem .char-counter {
    padding-right: 10px;
    display: none !important;
}


.support_file_upload {
    position: absolute;
    top: 159px;
    left: 14px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 49px;
}

.support_upload_btn {
    width: 208px;
}

.support_file-upload-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 208px;
    height: 100%;
    cursor: pointer;
}

.support_upload_wrapper:hover .support_upload_btn {
    color: #fff;
    border-color: #fff;
}

.support_file_name {
    position: relative;
    top: 5px;
    left: 230px;
    height: 26px;
    font-size: 14px;
    color: #979797;
    width: 302px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.file-name-container {
    display: flex;
    width: 100%;
    gap: 15px;
}

.file-name-item {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.file-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 20px;
    color: #979797;
    font-size: 14px;
}

.file-name-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 16px;
    background: url(../images/clip.png) no-repeat top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.remove-file {
    color: #979797;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 16px;
    margin-left: 5px;
    flex-shrink: 0;
}

.file-counter {
    display: none;
}

.error-message {
    position: absolute;
    top: 93px;
    color: #d82121;
    font-size: 12px;
    width: 303px;
    text-align: center;
}


.support_file_upload .error-message {
    position: absolute;
    top: 31px;
    left: 227px;
    color: #d82121;
    font-size: 12px;
    width: 303px;
    text-align: center;
}

.support_checkbox {
    position: absolute;
    top: 220px;
    left: 25px;
}

.support_choice_btn {
    top: 215px;
    lefT: 117px;

    /*    color: #4da238;
    border-color: #4da238; */
}

.support_name_game {
    position: absolute;
    width: 297px;
    top: 215px;
    left: 248px;
}

.support_send_btn {
    position: absolute;
    width: 183px;
    top: 346px;
    left: 363px;
    background: #8f2b19;
    border-color: #8f2b19;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.support_memo {
    position: absolute;
    color: #d8d8d8;
    font-size: 14px;
    line-height: normal;
    font-weight: 300;
    font-style: italic;
    top: 256px;
    left: 18px;
    width: 525px;
}

.support_memo_line::after {
    content: '';
    position: absolute;
    background: url(../images/pay_header_line.png) no-repeat top center;
    width: 100%;
    height: 1px;
    top: 66px;
    left: 0;
}

.support_logo {
    position: absolute;
    width: 146px;
    height: 146px;
    background: url(../images/support_logo.png) no-repeat top center;
    top: 219px;
    left: 206px;
}

.support_modal {
    width: 583px;
    background: url(../images/modal_support.png) no-repeat top center;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
}

.support_modal_block {
    width: 563px;
    max-height: 474px;
    overflow: hidden scroll;
    padding-left: 3px
}

.game_card_support {
    position: relative;
    width: 549px;
    height: 98px;
    background: #242129;
    border: 2px solid #242129;
    border-radius: 10px;
    margin-bottom: 12px;

}

.support_block_right .support_memo {
    top: 16px;
}

.support_block_right .support_memo p {
    margin-bottom: 29px;
}

.support_block_right .support_memo p a {
    color: #d8d8d8;
}

.game_card_support:last-child {
    margin-bottom: 0;
}

.game_card_support:hover {
    border-color: #b5b3b6;
}

.game_card_support .game_card_logo {
    width: 111px;
    height: 79px;
    top: 8px;
    left: 8px;
    border-radius: 8px;
}

.game_card_support .game_card_logo img {
    height: 79px;
    object-fit: contain;
    border-radius: 8px;
}

.game_card_support .game_card_logo::before {
    border-radius: 8px;
}

.game_card_support .game_card_name {
    width: 265px;
    text-align: left;
    top: 11px;
    left: 137px;
    height: 22px;
    max-width: 27ch; /* 27 символов */
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game_card_support .game_card_master_name {
    top: 33px;
    left: 136px;
    pointer-events:none;
}

.game_card_support .game_card_master_name a {
    color: #b69532;
}

.game_card_support .game_card_specifications {
    top: 59px;
    left: 137px;
    height: 20px;
    width: 300px;
}

.game_card_support .game_card_time {
    top: 10px;
    left: inherit;
    right: 12px;
    font-size: 14px;
    color: #979797;
}

.game_card_support .game_card_time span {
    color: #979797;
}

.game_card_support .game_card_gamers_points {
    top: 55px;
}

.game_card_support .game_card_gamers_quantity {
    top: 63px;
}

.support_modal_block::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

.support_modal_block::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.support_modal_block::-webkit-scrollbar-track {
    background: transparent;
}

.modal-confirm-sms {
    width: 300px;
    height: 219px;
    background: url(../images/modal_sms_bg.png) no-repeat top center;
}

.sms_confirm_title {
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    top: 28px;
    line-height: normal;
}

.sms_confirm_subtitle {
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    top: 77px;
}

.sms-password-container {
    position: absolute;
    display: flex;
    gap: 8px;
    top: 111px;
    left: 40px;
}

.sms-password-input {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 8px;
}

.sms-password-input:focus {
    outline: 2px solid #4a90e2;
    border-color: transparent;
}

.account_sms_confirm_btn {
    width: 220px;
    top: 158px;
    left: 40px;
    background-color: #49454d;
    border: 1px solid #49454d;
    color: #fff;
}

.account_sms_confirm_btn.active {
    background-color: #8f2b19;
    border-color: #8f2b19;
}

.modal-borders {
    width: 447px;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
    background: url(../images/modal_border_bg.png) no-repeat top center;
}

.modal_borders_block {
    width: 430px;
    max-height: 535px;
    overflow: hidden scroll;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(201px, 1fr));
    gap: 14px;
    padding-right: 10px;
}


.modal_borders_block::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

.modal_borders_block::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.modal_borders_block::-webkit-scrollbar-track {
    background: transparent;
}

.modal-border_item {
    width: 201px;
    height: 142px;
    background-color: #151219;
    border-radius: 8px;
    position: relative;
}

.modal-border_item img {
    width: 201px;
    height: 142px;
}

.modal-border_item .state-element {
    position: absolute;
    width: 94px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-border_item .select-button {
    border-color: #fff;
    color: #fff;
}

.modal-border_item .select-button:hover {
    background-color: #3e6634;
    border-color: #3e6634;
}

.modal-border_item .selected-label {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4da238;
    font-size: 14px;
    display: none;
    text-align: center;
}

.modal-border_item .shop-button {
    border-color: #979797;
    color: #979797;
}

.modal-border_item .shop-button:hover {
    background-color: #8f2b19;
    border-color: #8f2b19;
    color: #fff;
}

.modal-border_item.selected .selected-label {
    display: block;
}

.modal_mana_block {
    width: 555px;
    height: 576px;
    background: url(../images/modal_mana_bg.png) no-repeat top center;
}

.modal_mana_block_memo {
    position: absolute;
    color: #fff;
    font-size: 14px;
    left: 33px;
    top: 26px;
    line-height: normal;
    width: 470px;
}

.modal_mana_block_memo .blue {
    color: #6ebff5;
}

.modal_mana_block_memo .mana {
    position: relative;
    padding-right: 18px;
}

.modal_mana_block_memo .mana::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    top: 1px;
    right: 0;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.modal_mana_block_submemo {
    position: absolute;
    top: 108px;
    left: 33px;
    width: 470px;
    font-size: 14px;
    color: #d6d6d6;
    font-style: italic;
    line-height: normal;
    font-weight: 300;
}

.modal_mana_cans_btn.modal-close {
    width: 135px;
    top: 520px;
    left: 26px;
    color: #fff;
    border-color: #49454d;
    background: #49454d;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 400;
    height: 30px;
    transform: none;
    box-shadow: none;
    padding: 0;
}

.account_btn_dan.modal_mana_cans_btn:hover {
    border-color: #fff !important;
}

.modal_mana_conf_btn {
    width: 252px;
    top: 520px;
    left: 276px;
    color: #fff;
    border-color: #226b97;
    background: #226b97;
    text-transform: uppercase;
}

.account_btn_dan.modal_mana_conf_btn:hover {
    border-color: #fff !important;
}

.modal_enter_block {
    width: 300px;
    height: 313px;
    background: url(https://polymorpher.ru/files/1897) no-repeat top center;
}

.modal_enter_logo {
    position: absolute;
    width: 202px;
    height: 48px;
    background: url(https://polymorpher.ru/files/1898);
    top: 44px;
    left: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}

.modal_enter_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.modal_enter_phone {
    position: absolute;
    top: 120px;
    left: 43px;
}

.modal_enter_block .password-block {
    position: absolute;
    top: 159px;
    left: 43px;
    width: 216px;
}

.modal_enter_forgot_password {
    position: absolute;
    font-size: 12px;
    top: 198px;
    width: 100%;
    text-align: center;
}

.modal_enter_forgot_password a {
    color: #2783ba;
}

.enter_btn {
    position: absolute;
    color: #fff;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    top: 222px;
    left: 43px;
    width: 216px;
}

.modal_enter_create_acc {
    position: absolute;
    top: 260px;
    font-size: 12px;
    width: 100%;
    text-align: center;
    color: #979797;
}

.modal_enter_create_acc a {
    color: #2783ba;
}

.modal-review_block {
    width: 590px;
    height: 330px;
    background: url(../images/modal_review.png) no-repeat top center;
}

.modal-review_block .rating-container {
    position: absolute;
    top: 52px;
    left: 26px;
}


.modal-review_block .star {
    width: 31px;
    height: 31px;
}

.modal-review_block .star svg {
    width: 30px;
    height: 30px;
}


.modal-review_block .rating-container .star-foreground {
    opacity: 0;
    transition: opacity 0.2s;
}

.rating-container .stars .star:hover .star-foreground,
.rating-container .stars .star.hovered .star-foreground {
    opacity: 1;
}

.hidden-rating-input {
    display: none;
}

.modal-review-title {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 23px;
    left: 33px;
    font-weight: 600;
}

.modal-review-title span {
    color: #fff;
    font-weight: 400;
}

.modal_review_comment {
    position: absolute;
    top: 64px;
    left: 1px;
    width: 536px;
    height: 132px;
}

.modal_review_btn {
    position: absolute;
    left: 1px;
    top: 215px;
    text-transform: uppercase;
    width: 287px;
    color: #fff;
    border-color: #3e6634;
    background: #3e6634;
}

.modal_review_btn.account_btn_dan:hover {
    border-color: #fff !important;
}

.change_password_block {
    width: 300px;
    height: 322px;
    background: url(../images/modal_change_password.png) no-repeat top center;
}

.change_password_block .modal_enter_logo {
    top: 36px;
}

.change_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.change_password_block .old-pass {
    position: absolute;
    top: 111px;
    left: 43px;
}

.change_password_block .new-pass {
    position: absolute;
    top: 168px;
    left: 43px;
}

.change_password_block .new-pass-conf {
    position: absolute;
    top: 208px;
    left: 43px;
}

.change_password_block .password-strength {
    position: absolute;
    top: 157px;
    left: 221px;
    display: flex;
    gap: 3px;
    margin-bottom: 5px;
}

.change_password_btn {
    position: absolute;
    top: 259px;
    left: 43px;
    width: 216px;
    color: #fff;
    border-color: #8f2b19;
    background: #8f2b19;
}

.change_password_btn.disabled {
    border: 1px solid #49454d;
    color: #fff;
    background: #49454d;
    pointer-events: none;
    cursor: url(../img/cursors/1.png) 2 2, auto;
}

.change_password_block .password-hint {
    top: 75px;
    left: 172px;
}

.modal-forgot-password {
    width: 300px;
    height: 317px;
    background: url(../images/modal_forgot_password.png) no-repeat top center;
}

.forgot_password_memo {
    position: absolute;
    font-size: 12px;
    color: #d6d6d6;
    top: 21px;
    left: 43px;
    width: 200px;
    line-height: normal;
}


.forgot_password_memo p span {
    font-size: 14px;
    color: #fff;
}

.change_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.forgot_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.forgot_password_email {
    position: absolute;
    top: 107px;
    left: 42px;
}

.forgot_password_btn {
    position: absolute;
    color: #fff;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    top: 154px;
    left: 42px;
    width: 216px;
}

/* Стили для элемента ошибки в модальном окне "Забыли пароль?" */
.forgot-error {
    position: absolute;
    top: 180px;
    left: 42px;
    width: 216px;
    color: #d82121;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    padding: 8px;
    z-index: 10;
}

/* Стили для ошибок валидации в модальных окнах */
#loginError {
    position: absolute;
    color: #d82121;
    font-size: 10px;
    text-align: center;
    margin: 10px 0;
    text-transform: lowercase;
    top: 90px;
    left: 45px;
}

/* Стили для ошибки в модальном окне смены пароля */
.change-password-error {
    color: #d82121;
    font-size: 10px;
    text-align: center;
    margin: 10px 0 20px 0;
    text-transform: lowercase;
}

.modal-resurce {
    width: 634px;
    height: 320px;
    background: url(../images/modal_resurce.png) no-repeat top center;
}

.resurce_top_memmo {
    position: absolute;
    font-size: 14px;
    line-height: normal;
    font-style: italic;
    font-weight: 300;
    color: #d6d6d6;
    top: 21px;
    left: 85px;
    width: 522px;
}

.resurce_left_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 137px;
    left: 82px;
    line-height: normal;
    font-weight: 300;
}

.resurce_left_memmo a {
    color: #2783ba;
}

.modal-resurce p span {
    width: 100%;
    display: block;
    color: #e76143;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}

.resurce_right_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 137px;
    left: 397px;
    line-height: normal;
    font-weight: 300;
}

.resurce_btn {
    position: absolute;
    top: 259px;
    left: 210px;
    width: 214px;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    color: #fff;
}

.modal-mana-memo {
    width: 634px;
    height: 350px;
    background: url(../images/modal_mana_memo.png) no-repeat top center;
}

.modal-mana-memo p span {
    width: 100%;
    display: block;
    color: #6ebff5;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}

.modal-mana-memo .resurce_left_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 99px;
    left: 26px;
    line-height: normal;
    width: 290px;
}

.modal-mana-memo p i {
    font-size: 14px;
    color: #4eb634;
    font-style: normal;
    text-transform: none;
    width: fit-content;
}

.modal-mana-memo .resurce_right_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 99px;
    left: 341px;
    line-height: normal;
}

.mana_memo_btn {
    position: absolute;
    top: 289px;
    left: 210px;
    width: 214px;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    color: #fff;
    text-transform: uppercase;
}

.modal-master-block {
    width: 590px;
    height: 558px;
    background: url(../images/modal_master_bg.png) no-repeat top center;
    padding: 14px 12px 0;
}

.modal_master_rating {
    position: absolute;
    width: 100%;
    top: 284px;
    left: -180px;
}

.modal_master_btn {
    position: absolute;
    width: 140px;
    top: 302px;
    left: 438px;
}

.slider-container {
    width: 565px;
    position: relative;
    overflow: hidden;
    top: 62px;

}

.slider-container .reviews_item_rating {
    left: 232px;
}

.slider {
    display: flex;
    transition: transform 0.5s ease;
    top: 61px;
}

.slider-container .reviews_item {
    width: 567px;
    min-width: 567px;
    max-height: 175px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
}

.slider-controls {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.slider-btn {
    padding: 8px 15px;
    margin: 0 5px;
    background: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.slider-btn:hover {
    background: #45a049;
}

.slider-dots {
    display: flex;
    justify-content: center;
    margin-top: 181px;
}

.dot {
    width: 15px;
    height: 15px;
    border: 1px solid #979797;
    border-radius: 3px;
    margin: 0 3px;
}

.dot.active {
    background: #979797;
}

.dot:hover {
    border-color: #fff;
}

.menu-link-p0 {
    padding: 0;
}

.modal_review_btn.disabled {
    border: 1px solid #49454d;
    color: #fff;
    pointer-events: none;
    background: #49454d;
}

.modal_alarm_block {
    width: 300px;
    height: 172px;
    background: url(../images/modal_alarm_bg.png) no-repeat top center;
}

.modal_alarm_title {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 15px;
    left: 42px;
}

.modal_alarm_memmo {
    position: absolute;
    top: 46px;
    left: 42px;
    line-height: normal;
    font-size: 12px;
    font-weight: 300;
    color: #d6d6d6;
    width: 210px;
}

.gold {
    position: relative;
    width: 100%;
    height: auto;
}

.gold_block {
    position: relative;
    width: 100%;
    padding-top: 22px;
}

.gold_memo {
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #d6d6d6;
    width: 100%;
    text-align: center;
}

.gold_block .row-custom {
    --gap: 13.25px;

    margin-left: calc(-0.5 * var(--gap));
    margin-right: calc(-0.5 * var(--gap));
}

.gold_block .row-custom>[class^="col-"] {
    padding-left: calc(0.5 * var(--gap));
    padding-right: calc(0.5 * var(--gap));
}

.gold_block .gold_item {
    position: relative;
    width: 217px;
    height: 288px;
    margin-bottom: 13px;
    background: rgb(28, 25, 32, 65%);

    /*    background: url(../images/gold_item_b.png) no-repeat top center; */
    border-radius: 8px;
}

.golden_img {
    position: absolute;
    top: 7px;
    left: 8px;
    border-radius: 8px;
}

.golden_img img {
    width: 201px;
    height: 146px;
    border-radius: 8px;
}

.golden_text {
    position: absolute;
    top: 164px;
    line-height: normal;
    text-align: center;
    width: 201px;
    left: 8px;
    font-size: 14px;
    color: #979797;
}

.gold_price {
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    top: 204px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 26px;
}

.gold_price::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/game_card_res_icon.png);
    mask-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 3px;
}

.buy_gold_btn {
    width: 192px;
    color: #d6d6d6;
    border-color: #d6d6d6;
    font-size: 18px;
    top: 241px;
    left: 12px;
    line-height: 27px;
}

.buy_gold_btn.account_btn_dan:hover {
    width: 190;
    color: #e76143 !important;
    border-color: #e76143 !important;
}

.shop_icon_block {
    width: 563px;
    padding: 0;
}

.shop_icon {
    position: relative;
    width: 563px;
    height: 135px;
    background: url(../images/shop_icon_bg.png) no-repeat center center;
}

.shop_icon_text {
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #d6d6d6;
    width: 100%;
    text-align: center;
    margin-bottom: 23px;
}

.custom-gap-2-5 {
  gap: 0.8rem;
}

.gap-06 {
    gap: 0.6rem !important;
}

.shop_icon_icon {
    position: absolute;
    top: 40px;
    left: 117px;
}

.shop_icon_memo {
    position: absolute;
    width: 183px;
    top: 26px;
    left: 186px;
}

.shop_icon_memo p:first-child {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    line-height: normal;
    margin-bottom: -2px;
}

.shop_icon_memo p:last-child {
    margin: 8px 0 0;
    color: #979797;
    text-align: center;
    font-size: 14px;
    line-height: normal;
}

.shop_icon_buttons {
    position: absolute;
    width: 132px;
    height: 77px;
    top: 29px;
    left: 394px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.shop_icon_btn {
    position: relative;
    width: 130px;
    margin: 4.25px 1px;
}

.shop_icon_btn span {
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    top: 1px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 25px;
}


.shop_icon_btn span::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    mask-repeat: no-repeat;
    left: 0;
    top: 3px;
}

.shop_icon_btn.mana {
    border-color: #6ebff5;
}

.shop_icon_btn.mana span {
    color: #6ebff5;
}

.shop_icon_btn.mana span::before {
    background: url(../images/game_card_mana_icon.png);
    background-size: cover;
}

.shop_icon_btn.res {
    border-color: #e76143;
}

.shop_icon_btn.res span {
    color: #e76143;
}

.shop_icon_btn.res span::before {
    background: url(../images/game_card_res_icon.png);
    background-size: cover;
    left: -3px;
}

.shop_icon_purchased {
    position: absolute;
    width: 52px;
    height: 51px;
    top: 14px;
}

.shop_icon_lock {
    position: absolute;
    top: 10px;
}

.shop_icon_btn.free {
    font-size: 18px;
}

.shop_icon_btn:hover,
.shop_icon_btn:hover span {
    color: #fff;
}

.shop_border_block {
    position: relative;
    width: 100%;
}

.shop_border {
    position: relative;
    width: 216px;
    height: 299px;
    background: url(../images/card_front_bg.png) no-repeat;
    margin-bottom: -7px;
    background-size: cover;
    border-radius: 7px;
}

.shop_border::before {
    content: '';
    position: absolute;
    width: 201px;
    height: 142px;
    background: #151219;
    border-radius: 8px;
    top: 8px;
    left: 8px;
    z-index: 1;
}

.shop_border::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/gradient_to_card.png) no-repeat;
    background-size: cover;
}


.shop_border_logo {
    width: 217px;
    height: 157px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: absolute;
}

.shop_border_img img {
    position: absolute;
    width: 200px;
    height: 143px;
    top: 8px;
    left: 8px;
    z-index: 3;
}

.shop_border_title {
    position: absolute;
    top: 145px;
    width: 100%;
    height: 86px;
    display: flex;
    flex-direction: column;
    white-space-collapse: break-spaces;
}

.shop_border_title p:first-child {
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    margin: auto;
    left: 0;
    top: 24px;
    text-transform: uppercase;
}

.shop_border_title p:last-child {
    position: absolute;
    font-size: 14px;
    color: #979797;
    width: 100%;
    line-height: normal;
    text-align: center;
    margin: auto;
    left: 0;
    top: 49px;
}


.shop_border_title p.duble:first-child {
    top: 13px;
}

.shop_border_title p.duble:last-child {
    top: 60px;
}

.shop_border .shop_icon_btn {
    position: absolute;
    top: 247px;
    left: 10px;
    width: 194px;
    z-index: 3;
}

.shop_border_block .row-custom {
    --gap: 13.25px;

    margin-left: calc(-0.5 * var(--gap));
    margin-right: calc(-0.5 * var(--gap));
}

.shop_border_block .row-custom>[class^="col-"] {
    padding-left: calc(0.5 * var(--gap));
    padding-right: calc(0.5 * var(--gap));
}

.shop_border .shop_icon_purchased {
    top: 245px;
    left: 87px;
}

.shop_border .shop_icon_purchased img {
    width: 43px;
    height: 42px;
}

.shop_border.two_buttons .shop_border_title p:first-child{
    top: 13px;
}

.shop_border.two_buttons .shop_border_title p:last-child{
    top: 41px;
}

.shop_border.two_buttons .mana {
    top: 210px;
}


.history_btns {
    position: relative;
    ;
    width: 100%;
    height: 51px;
}

.history_btn:first-child {
    position: absolute;
    left: 17px;
    border-color: #fff;
}

.history_btn:last-child {
    position: absolute;
    left: 176px;
}

.history_btn {
    width: 154px;
    color: #fff;
}

.history_btn.active,
.history_btn:hover {
    background: #fff;
    border-color: #fff;
    color: #342f3a;
}


.history_table {
    width: 1105px;
    margin-left: 17px;
}


.history_header_border {
    width: 1105px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 7px;
}

.tables-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header-table,
.main-table {
    width: 1049px;
    border-collapse: collapse;
    table-layout: fixed;
}

.header-table {
    overflow: hidden;
    height: 32px;
    margin-top: -32px;
    font-size: 14px;
    color: #fff;
}

.header-table td {
    padding: 0 28px;
    text-align: left;
}

.main-table-bg {
    width: 100%;
    background-color: rgb(0, 0, 0, 35%);
    border-radius: 11px;
    height: calc(fit-content - 13px);
}

.main-table {
    color: #979797;
    font-size: 14px;
    margin-left: 28px;
    margin-top: -13px;
}

.main-table td {
    padding: 10px 0;
}

.main-table tr td {
    border-bottom: 2px solid #515760;
}

.main-table tr:last-child td {
    border-bottom: none;
}

.table-scroll-container {
    max-height: 615px;
    overflow-y: auto;
    width: 1098px;
    margin: 13px 0;
}


/* Стили для скроллбара */
.table-scroll-container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
    margin: 10px 0;
    border-radius: 4px;

}

.table-scroll-container::-webkit-scrollbar-track {
    background: transparent;
}

.table-scroll-container::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.out {
    position: relative;
    width: 100%;
    height: 500px;
}

.out .donate_card {
    top: 0;
    left: 0;
}

.out .donate_umoney {
    top: 97px;
    left: 0;
}

.out_available {
    position: absolute;
    border: 1px solid #979797;
    border-radius: 8px;
    width: 376px;
    height: 85px;
    top: 2px;
    left: 394px;
}

.out_available p:first-child {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 11px;
    left: 10px;
}

.out_available p:last-child {
    position: absolute;
    font-size: 30px;
    color: #e76143;
    left: 0;
    font-weight: 500;
    top: 31px;
    width: 100%;
    text-align: center;
}

.out_summ {
    position: absolute;
    width: 376px;
    height: 85px;
    top: 98px;
    left: 394px;
}

.out_summ_title {
    position: absolute;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    top: 8px;
}

.out input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
}

.out_summ_input {
    position: absolute;
    width: 218px;
    top: 40px;
}

.out_summ_btn {
    position: absolute;
    width: 152px;
    left: 223px;
    top: 40px;
    background: #342f3a;
    border-color: #342f3a;
    color: #fff;
}

.out_summ_btn.active {
    color: #fff;
    background: #3e6634;
    border: 1px solid #3e6634;
}

.out_summ_btn.active:hover {
    border-color: #fff;
}

.out_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    left: 789px;
    top: 14px;
}

.out_memo span {
    color: #fff;
}

.out_sbp_fields {
    position: absolute;
    left: 393px;
    top: 178px;
    display: none;
}

.out_sbp_fields_memo {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 376px;
}

.out_sbp_fields_phone {
    width: 219px;
    position: absolute;
    top: 31px;
}

.out_bank_btn {
    width: 152px;
    position: absolute;
    top: 31px;
    left: 225px;
}

.out_bank_list {
    position: absolute;
    width: 219px;
    top: 70px;
}

.out_bank_list .tag-remove {
    opacity: 0;
}

.out_banks_fields {
    position: absolute;
    left: 393px;
    top: 178px;
    display: none;
}

.out_banks_fields_memo {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 376px;
}

.out_bank_fields_number {
    width: 219px;
    position: absolute;
    top: 31px;
}

.referal {
    position: relative;
    width: 100%;
}

.referal_title {
    position: absolute;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    left: 59px;
}

.referal_left {
    position: absolute;
    width: 500px;
    top: 57px;
    left: 59px;
}

.referal_left_alarm {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    width: 459px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.referal_left_alarm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    background-color: rgb(0, 0, 0, 35%);
    z-index: -1;
}

.referal_left_title {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 52px;
    left: 0;
}

.referal_left_box_block {
    position: absolute;
    top: 93px;
    left: 0;
}

.referal_box {
    width: 100%;
    height: 73px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.referal_box_ico {
    width: 73px;
    height: 73px;
    margin-right: 15px;
}

.referal_box_memo {
    color: #fff;
    font-size: 14px;
    line-height: normal;
}

.referal_box_memo span {
    position: relative;
    padding-right: 18px;
}

.referal_box_memo span::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    top: 1px;
    right: 0;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.referal_right {
    position: absolute;
    top: 62px;
    left: 628px;
    color: #fff;
    font-size: 14px;
}

.referal_agreement {
    position: absolute;
    top: 24px;
    left: 0;
    width: 475px;
    height: 50px;
}

.referal_agreement .checkbox-text {
    display: block;
    color: #d6d6d6;
    font-style: italic;
    line-height: normal;
    padding-top: 4px;
}

.referal_agreement .checkbox-text a {
    color: #d7d7d7;
    text-decoration: underline;
}

.referal_link {
    position: absolute;
    top: 73px;
    left: 0;
    width: 417px;
}

.referal_right_memo {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 138px;
    line-height: normal;
    width: 460px;
}

.referal_right_memo p {
    margin-bottom: 18px;
}


/* Базовое состояние: СЕРОЕ и выключенное */
.referal_link.buffer_link {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 6px 36px 6px 10px; /* справа место под иконку */
    font-size: 14px;
    max-width: 440px;          /* фиксированная ширина */
    overflow: hidden;
    box-sizing: border-box;

    /* disabled-цвета */
    background: #979797;
    color: #40434e;
    cursor: default;
    pointer-events: none;
}

/* Текст с троеточием */
.referal_link .link-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    flex: 1;
    min-width: 0;
}

/* Активное состояние — когда пользователь принял условия */
.referal_link.active {
    background: #ffffff;
    color: #1c1920;
    pointer-events: auto;
    cursor: pointer;
}


.referal_link.buffer_link::after {
    background: url(../images/buffer_hover.png) no-repeat center top;
}

.referal_agreement.active .myCheckBoxLabel {
    color: #999;
    cursor: default;
    opacity: 0.5;
}

.referal_agreement.active .myCheckBoxLabel a {
    color: #999;
    pointer-events: none;
    text-decoration: none;
}

.referal_link.active {
    background: #fff;
    color: #1c1920;
    pointer-events: auto;
}

.referal_link.active.buffer_link::after {
    background: url(../images/buffer.png) no-repeat center top;
}

.referal_link.active.buffer_link:hover::after {
    background: url(../images/buffer_hover.png) no-repeat center top;
}

.referal_link.active::after {
    opacity: 1;
}

.modal_new_password_block {
    width: 300px;
    height: 272px;
    background: url(../images/modal_new_password.png) no-repeat top center;
}

.modal_new_password_block .modal_enter_logo {
    top: 36px;
}

.modal_new_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.modal_new_password_block .new-pass {
    position: absolute;
    top: 117px;
    left: 43px;
}

.modal_new_password_block .new-pass-conf {
    position: absolute;
    top: 157px;
    left: 43px;
}

.modal_new_password_block .password-strength {
    position: absolute;
    top: 106px;
    left: 221px;
    display: flex;
    gap: 3px;
    margin-bottom: 5px;
}

.modal_new_password_block .change_password_btn {
    position: absolute;
    top: 210px;
    left: 43px;
    width: 216px;
    color: #fff;
    border-color: #8f2b19;
    background: #8f2b19;
}

.modal_new_password_block .change_password_btn.disabled {
    border: 1px solid #49454d;
    color: #fff;
    background: #49454d;
}

.modal_new_password_block .password-hint {
    top: 22px;
    left: 172px;
}

.subscribe {
    position: relative;
    width: 100%;
    height: auto;

    /*    background: url(../images/sub_bg_b.png) no-repeat center center;  */

}

.subscribe_block {
    position: relative;
    margin: 20px 0 0 66px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 25px;
}

.subscribe_memo {
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #d6d6d6;
    width: 100%;
    text-align: center;
}

.subscribe_memo span.red {
    color: #e76143;
}

.subscribe_item {
    position: relative;
    width: 325px;
    height: 825px;
    margin-right: 15px;
}

.subscribe_item_head {
    position: absolute;
    top: 0;
    left: 0;
}

.subscribe_item_head p {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 120px;
    text-align: center;
    width: 100%;
}

.subscribe_item_head p span {
    font-size: 24px;
    font-weight: 700;
}

.subscribe_item_body {
    position: absolute;
    width: 325px;
    height: 647px;
    background: url(../images/col_bg.png) no-repeat top center;
    left: 0;
    top: 174px;
}

.subscribe_item_body p {
    position: relative;
    color: #fff;
    font-size: 14px;
    margin: 12px 0 25px 52px;
    line-height: normal;
    width: 240px;
}

.subscribe_item_body p::after {
    content: '';
    width: 200px;
    height: 1px;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-size: 200px 1px;
    position: absolute;
    bottom: -13px;
    left: 10px;
}

.subscribe_item_body p:last-child::after {
    content: none;
}

.subscribe_item_body p::before {
    content: '';
    width: 15px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: -27px;
}

.subscribe_item_body.black_point p::before {
    background: url(../images/buttons/black_point.png) no-repeat top center;
}

.subscribe_item_body.yellow_point p::before {
    background: url(../images/buttons/yellow_point.png) no-repeat top center;
}

.subscribe_item_body.blue_point p::before {
    background: url(../images/buttons/blue_point.png) no-repeat top center;
}

.subscribe_item_body.red_point p::before {
    background: url(../images/buttons/red_point.png) no-repeat top center;
}

.subscribe_item_body.purple_point p::before {
    background: url(../images/buttons/purple_point.png) no-repeat top center;
}

.subscribe_item_body p span.red {
    color: #e76143;
}


.subscribe_item_body p span.green {
    color: #4eb634;
}


.subscribe_item_body p span.red2 {
    color: #ab3620;
}


.subscribe_item_body p span.yellow {
    color: #b69532;
}

.subscribe_item_body p span.blue {
    color: #2783ba;
}

.subscribe_item_body p span.purple {
    color: #7b3bb6;
}

.subscribe_item_body p span.line-through {
    text-decoration: line-through;
}

.subscribe_item_body p span.mana {
    position: relative;
    padding-right: 18px;
}

.subscribe_item_body p span.mana::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -2px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.subscribe_item_icon {
    background: url(../images/subscribe_item_icon.png) no-repeat top center;
    position: absolute;
    width: 234px;
    height: 107px;
    top: 534px;
    left: 50px;
}

.subscribe_item_sub {
    position: absolute;
    font-size: 11px;
    color: #6ebff5;
    top: 697px;
    left: 0;
    width: 100%;
    text-align: center;
}

.subscribe_item_btn {
    position: absolute;
    width: 296px;
    height: 44px;
    border-radius: 7px;
    top: 723px;
    left: 15px;
    border-color: #fff;
    color: #fff;
    font-size: 14px;
}

.subscribe_item_btn span {
    font-size: 24px;
    font-weight: 700;
}

.subscribe_item_btn.account_btn_dan:hover {
    color: #e76143 !important;
    border-color: #e76143 !important;
}

.subscribe .subscribe_item_btn:hover {
    border-color: #e76143 !important;
    color: #e76143 !important;
}

.subscribe_item .shadow p {
    top: 100px;
    line-height: normal;
}

.subscribe_item_galka {
    position: absolute;
    top: 720px;
    left: 138px;
    width: 52px;
    height: 51px;
    background: url(../images/galochka.png) no-repeat top center;

}

.simplebar-scrollable-y::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(151, 151, 151, 100%);
    margin-right: 4px;
}

.simplebar-scrollable-y::-webkit-scrollbar-thumb {
    background-color: rgb(52, 47, 58, 100%);
    border-radius: 3px;
}

.simplebar-scrollable-y::-webkit-scrollbar-track {
    background-color: rgb(151, 151, 151, 100%);

}

.modal-default {
    width: 573px;
    height: 320px;
    border-radius: 14px;
    background: url(../images/modal_default.png) no-repeat top center;
}

.modal_default_text {
    position: absolute;
    top: 66px;
    left: 70px;
    width: 433px;
    font-size: 14px;
    color: #fff;
    line-height: normal;
    text-align: center;
}

.modal_default_text ul {
    margin-left: -19px;
}

.modal_default_text li {
    list-style-type: disc;
}

.modal-default-cancel-btn {
    font-size: 14px;
    border-radius: 8px;
    font-weight: 400;
    height: 30px;
    transform: none;
    box-shadow: none;
    padding: 0;
    background: #49454d;
    border-color: #49454d;
    top: 219px;
    left: 120px;
    width: 144px;
    color: #fff;
}

.modal-default-cancel-btn:hover {
    border-color: #fff;
    background: #49454d;
}

.modal-default-confirm-btn {
    background: #3e6634;
    border-color: #3e6634;
    top: 219px;
    left: 307px;
    width: 144px;
    color: #fff;
}

.modal-default-confirm-btn:hover {
    border-color: #fff;
}

.lobby_info_m {
    display: none;
}

.modal-hi-block {
    width: 572px;
    height: 901px;
    background: url(../images/modal_hi.png) no-repeat top center;
}

.modal_hi_title {
    position: absolute;
    font-size: 24px;
    color: #cecece;
    top: 39px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    text-shadow: 0 0 3px black;
}

.modal_hi_title span {
    color: #b09e7b;
}

.modal_hi_title::after {
    content: '';
    position: absolute;
    width: 216px;
    height: 17px;
    top: 41px;
    left: 178px;
    background: url(../images/hi_title_line.png) no-repeat top center;
}

.moadl_hi_memo {
    width: 100%;
    position: absolute;
    top: 115px;
}

.moadl_hi_text_block {
    color: #cecece;
    font-size: 14px;
    margin: 0 auto;
    width: 436px;
    text-align: center;
    line-height: normal;
    margin-bottom: 33px;
    position: relative;
    text-shadow: 0 0 3px black;
}

.moadl_hi_text_block::after {
    content: '';
    width: 501px;
    height: 1px;
    background: url(../images/modal_hi_line.png) no-repeat top center;
    position: absolute;
    bottom: -17px;
    left: -36px;
}

.moadl_hi_text_block a {
    color: #2783ba;
}

.moadl_hi_text_block .red {
    color: #e76143;
}

.moadl_hi_text_block span.mana {
    position: relative;
    padding-right: 20px;
}

.moadl_hi_text_block .mana::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 1px;
    right: 2px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.moadl_hi_text_block_title {
    margin-bottom: 20px;
}

.moadl_hi_text_block_title span {
    color: #c1ac82;
}

.moadl_hi_text_block p {
    text-align: left;
    padding: 0;
    padding-left: 11px;
    line-height: 7px;
    position: relative;
}

.moadl_hi_text_block p::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: -9px;
    background: url(../images/buttons/blue_point_small.png) no-repeat top center;
}

.moadl_hi_text_block:nth-child(4) {
    height: 151px;
}

.moadl_hi_text_block:last-child {
    width: 470px;
    height: 202px;
}

.moadl_hi_instruction {
    position: absolute;
    width: 390px;
    height: 159px;
    top: 629px;
    left: 90px;
    background: url(../images/instruction.png) no-repeat top center;
}

.moadl_hi_footer {
    font-size: 14px;
    color: #cecece;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 820px;
    line-height: normal;
    text-shadow: 0 0 3px black;
}

.moadl_hi_footer span.mana {
    position: relative;
    padding-right: 20px;
}

.moadl_hi_footer .mana::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 1px;
    right: 2px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.adsds_mobil_btn_block,
.shop_mobil_menu_block {
    display: none;
}

.adventure-timer {
    margin-top: 6px;
    margin-right: 13px;
    width: 206px;
    height: 30px;
    border: 1px solid rgb(208, 176, 151, 28%);
    border-radius: 8px;
    padding: 0 11px 0 9px;
}

.ticker-container {
    width: 186px;
    height: 30px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-top: -2px;
}

.ticker-text {
    font-size: 14px;
    white-space: nowrap;
    position: absolute;
    animation: ticker 8s linear infinite;
    color: #d0b097;
    opacity: 0.55;
}

@keyframes ticker {
    0% {
        transform: translateX(60%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.board_bug_container {
    width: 100%;
    height: calc(100vh - 299px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.bug500 {
    height: 100vh;
}

.board_bug {
    position: absolute;
    width: 573px;
    height: 320px;
    background: url(../images/bug_bg.png) no-repeat center center;
}

.bug_title {
    width: 100%;
    position: absolute;
    font-size: 150px;
    font-weight: 500;
    color: #bea28b;
    text-align: center;
    top: 13px;
}

.bug_memo {
    position: absolute;
    width: 80%;
    font-size: 18px;
    color: #bea28b;
    text-align: center;
    left: 10%;
    top: 210px;
    line-height: normal;
}

.contacts {
    width: 100%;
    padding: 23px 31px 0 0;

}

@media (max-width: 601px) {
  .contacts {
    padding-left: 17px;
  }
}

.contacts_title {
    width: 258px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background: #1c1920;
    border-radius: 7px;
    text-align: center;
    line-height: 44px;
}

.contacts_memo {
    position: absolute;
    top: 99px;
    left: 36px;
}

.contacts_memo p {
    font-size: 14px;
    color: #fff;
    line-height: normal;
    margin-bottom: 17px;
}

.contacts_memo p span {
    color: #979797;
}

.contacts_memo p span.green {
    color: #4da238;
}

.main_board_container.foreign-reviews      { margin-top: 20px !important; }

@media (width <=601px) {
    body {
        background-position: -320px 22px;
        width: 100%;
    }

    .modal-close {
        transform: translate(0%, -120%);
    }


    #all-cont,
    .container {
        width: 600px;
        min-width: 600px;
        margin-left: 0;
    }

    .col-3 {
        width: 50%;
    }

    .top_icon_cristal {
        display: block;
        width: 48px;
        height: 48px;
        background: url(../images/cristal_m.png) no-repeat center center;
        border: none;
        margin-top: -10px;
    }

    .top_icon_cristal:hover {
        background: url(../images/cristal_m.png) no-repeat center center;
        border: none;
    }

    .top-navbar-nav2 .top-nav-item {
        margin-left: 12px;
        margin-right: 0;
    }

    .modal-default {
        margin-left: 1px !important;
    }

    #footer {
        height: 294px;
    }

    .footer_ur {
        position: absolute;
        top: 73px;
    }

    .footer_about {
        position: absolute;
        top: 73px;
        left: 284px;
    }

    .footer_sn {
        position: absolute;
        top: 0;
        left: 297px;
    }

    .footer_soc {
        position: absolute;
        top: 37px;
    }

    .copyright {
        position: absolute;
        top: 252px;
        left: -198px;
    }

    .top_menu_entred,
    .top_menu {
        display: none;
    }

    .top_menu_entred_mobile,
    .top_menu_mobile {
        display: block;
    }

    .modal-mobil-menu {
        width: 300px;
        height: 682px;
        background: url(../images/mobil_menu_bg.png) no-repeat top center;
    }

    .top-navbar-nav-mobile {
        width: 100%;
        position: absolute;
        top: 20px;
        padding: 0;
    }

    .top-navbar-nav-mobile .top-nav-item {
        margin-right: 0;
    }

    .top-navbar-nav-mobile::after {
        content: '';
        width: 182px;
        height: 1px;
        background: url(../images/mobile_menu_line.png) no-repeat top center;
        position: absolute;
        top: 220px;
        left: 56px;
    }

    .top-navbar-nav-mobile .top-nav-item .top-nav-link {
        width: 100%;
        text-align: center;
        font-size: 24px;
        display: block;
        margin-bottom: 5px;
    }

    .bottom-navbar-nav-mobile {
        width: 100%;
        position: absolute;
        top: 258px;
        padding: 0;
    }

    .bottom-navbar-nav-mobile .nav-item .nav-link {
        width: 100%;
        text-align: center;
        font-size: 24px;
        display: block;
        margin-bottom: 1px;
        text-transform: none;
        position: relative;
    }

    .bottom-navbar-nav-mobile .nav-item .nav-link.notification::after {
        content: '';
        width: 12px;
        height: 12px;
        display: block;
        border-radius: 6px;
        position: absolute;
        background: #8f2b19;
        top: 12px;
        right: 47px;
    }

    .top_make_game {
        width: 198px;
        height: 43px;
        top: 638px;
        left: 52px;
        font-size: 18px;
        line-height: 42px;
        background: #6a223b;
    }

    .modal-resurce {
        width: 366px;
        height: 469px;
        background: url(../images/modal_resurce_m.png) no-repeat top center;
    }

    .modal-resurce::after {
        content: '';
        width: 44px;
        height: 55px;
        background: url(../images/mobile-res-icon.png) no-repeat top center;
        position: absolute;
        top: -22px;
        left: 162px
    }

    .resurce_top_memmo {
        top: 36px;
        left: 46px;
        width: 278px;
        text-align: center
    }

    .resurce_left_memmo {
        top: 198px;
        left: 90px;
    }

    .resurce_right_memmo {
        top: 290px;
        left: 90px;
        width: 193px;
    }

    .resurce_btn {
        top: 409px;
        left: 75px;
    }


    .modal-mana-memo {
        width: 366px;
        height: 559px;
        background: url(../images/modal_mana_bg_m.png) no-repeat top center;
    }

    .modal-mana-memo::after {
        content: '';
        position: absolute;
        width: 46px;
        height: 46px;
        top: -23px;
        left: 162px;
        background: url(../images/mobile-mana-icon.png) no-repeat top center;
    }

    .modal-mana-memo .resurce_top_memmo {
        width: 282px;
    }

    .modal-mana-memo .resurce_top_memmo::after {
        content: '';
        position: absolute;
        width: 182px;
        height: 1px;
        background: url(../images/mobile_mana_line.png) no-repeat top center;
        top: 85px;
        left: 43px;
    }

    .modal-mana-memo .resurce_left_memmo {
        top: 139px;
        left: 48px;
        width: 300px;
    }

    .modal-mana-memo .resurce_left_memmo p:first-child {
        margin-right: 51px;
    }

    .modal-mana-memo .resurce_right_memmo {
        top: 311px;
        left: 49px;
        width: 300px;
    }

    .modal-mana-memo .resurce_right_memmo p:first-child {
        margin-right: 57px;
    }

    .mana_memo_btn {
        top: 497px;
        left: 76px;
    }

    a.top-brand {
        text-decoration: none;
    }

    .top_icon_cristal.notification::before {
        content: '';
        width: 12px;
        height: 12px;
        background: #8f2b19;
        border-radius: 6px;
        position: absolute;
        top: 30px;
        left: auto;
        right: 0px;
    }

    .filter {
        height: calc(var(--vh) * 100);
    }

    .offcanvas-backdrop.show {
        width: 600px;
        height: calc(var(--vh) * 100);
    }

    .internal_menu {
        display: none;
    }

    .main_board_container {
        width: 576px;
        margin-left: 0;
        margin-top: 0px;
    }

    .main_board_container.foreign-reviews      { margin-top: -30px !important; }

    /*
    .lobby {
        background: url(../images/lobby-m-b.png) no-repeat top center;
    }
*/
    .lobby_specifications {
        width: 100%;
    }

    .lobby_img {
        display: none;
    }

    .lobby_info_m {
        display: block;
        width: 32px;
        height: 32px;
        background: url(../images/lobby_info_m.png) no-repeat top center;
        position: absolute;
        top: 13px;
        left: 511px;
    }

    .lobby_info_m a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .lobby_chat_btn {
        top: 180px;
        left: 22px;
    }

    .lobby_leader {
        top: 227px;
        left: 12px;
    }

    .lobby_gamers_lines {
        top: 74px;
        width: 100%;
        left: 12px;
    }

    .lobby_gamer_line {
        width: 552px;
        background: url(../images/buttons/sprite.png) 0 -252px;
    }


    .lobby_gamer_line.butttons {
        margin-top: -2px;
        height: 195px;
    }

    .lobby_link {
        width: 397px;
        left: 167px;
        bottom: 41px;
        z-index: 2;
        position: absolute;
        top: auto;
    }

    .lobby_link_sub {
        left: 198px;
        position: absolute;
        top: auto;
        bottom: 16px;
    }

    .lobby_memo_mobile {
        width: 406px;
        height: 570px;
        background: url(../images/modal_lobby_info.png) no-repeat top center;
        color: #d6d6d6;
        font-style: italic;
        padding: 25px;
        line-height: 16px;
        font-weight: 300;
        border-radius: 8px;
    }

    #lobby_info_modal_gamer .lobby_memo_mobile {
        width: 406px;
        height: 604px;
        background: url(../images/modal_lobby_info.png) no-repeat top center;
        color: #d6d6d6;
        font-style: italic;
        padding: 25px;
        line-height: 16px;
        font-weight: 300;
        border-radius: 8px;
    }

    .lobby_gammer_block .lobby_chat_btn {
        top: 132px;
        left: 351px;
    }

    .lobby_gammer_block .lobby_leader {
        top: 182px;
    }

    .lobby_gammer_block .lobby_gamers_lines {
        top: 29px;
    }

    .lobby_gammer_block .lobby_gamer_line.butttons {
        height: 150px;
    }

    .lobby_gamer_name {
        width: 200px;
    }

    .account_block {
        width: 100%;
        height: 1140px;
        margin-top: -15px;
    }

    .account_right_side {
        left: 11px;
        top: 533px;
    }

    .adsds_mobil_btn_block {
        position: absolute;
        top: -7px;
        left: 8px;
        display: block;
        z-index: 3;
    }

    .adsds_mobil_btn {
        position: absolute;
        width: 182px;
        height: 42px;
        border: 1px solid #1c1920;
        background: #1c1920;
        text-align: center;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        line-height: 41px;
        border-radius: 8px;
    }

    .adsds_mobil_btn.active {
        border-color: #fff;
    }

    .adsds_btn_myads {
        top: 0;
        left: 0;
    }

    .adsds_btn_review {
        top: 0;
        left: 188px;
    }

    .adsds_block {
        width: 449px;
        margin: 0 auto;
        padding-top: 182px;
    }

    .adsds_filter {
        left: 64px;
        top: 55px;
    }

    .adsds_new .adsds_filter {
        top: 0;
        left: 50px;
    }

    .adsds_master_name {
        top: 60px;
        right: 8px;
        width: 152px;
        text-align: left;
    }

    .adsds_master_name .sub-ancient {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .adsds_master_name .sub-neofit {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .adsds_master_name .sub-acolyte {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .adsds_master_name .sub-shadow {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .adsds_master_name .sub-oracle {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }




    .create_block {
        height: 1892px;
        width: 100%;
        margin-left: 2px;
    }

    .create_left_side {
        position: absolute;
        left: 19px;
        top: 19px;
    }

    .create_right_side {
        position: absolute;
        left: 0;
        top: 945px;
    }

    .gold_block {
        width: 455px;
        margin: 0 auto;
        padding-left: 5px;
    }

    .online_ofline {
        margin-right: 6px;
    }


    .filter_btn {
        padding-left: 8px;
    }

    .notice_item {
        width: 100%;
    }

    .notice_block {
        margin-left: -10px;
    }

    .out {
        height: auto;
        /* Изменяем на auto для автоматического расширения */
        min-height: 790px;
        /* Минимальная высота */
        padding-bottom: 20px;
        /* Добавляем отступ снизу */
    }

    .out .donate_card {
        left: 100px;
        position: relative;
        margin-bottom: 10px;
        top: auto;
    }

    .out .donate_umoney {
        left: 100px;
        position: relative;
        margin-bottom: 10px;
        top: auto;
    }

    .out_available {
        left: 100px;
        top: auto;
        position: relative;
        margin-bottom: 10px;
    }

    .out_summ {
        left: 100px;
        top: auto;
        position: relative;

    }

    /* Стили для дополнительных полей в мобильной версии */
    .out_sbp_fields,
    .out_banks_fields {
        position: relative;
        left: 100px;
        top: auto;
        margin-bottom: 20px;
        width: 376px;
    }

    .out_sbp_fields {
        min-height: 100px;
    }

    .out_banks_fields {
        min-height: 60px;
    }


    .out_memo {
        left: 100px;
        top: auto;
        width: 376px;
        position: relative;
    }

    .referal {
        height: 715px;
    }

    .referal_title {
        width: 460px;
        text-align: center;
    }

    .referal_left {
        top: 93px;
    }

    .referal_right {
        left: 60px;
        top: 454px;
    }

    .registration_block {
        width: 100%;
        height: 995px;
    }

    .registration_left_side {
        left: 10px;
    }

    .registration_right_side {
        left: 0;
        top: 363px;
    }

    .history_table {
        width: 567px;
        overflow: scroll;
    }

    .tables-wrapper {
        width: 1105px;
    }

    .shop_mobil_menu_block {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        margin-left: -5px;
    }

    .shop_mobil_menu_item {
        width: 132px;
        height: 42px;
        border: 1px solid #1c1920;
        background: #1c1920;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        border-radius: 8px;
        margin-left: 12px;
    }

    .shop_mobil_menu_item.active {
        border-color: #fff;
    }

    .reviews_filter {
        top: 55px;
        left: 8px;
    }

    .reviews_new .reviews_filter {
        top: 0;
    }

    .reviews_rating_digital {
        top: 55px;
        left: 212px;
    }

    .reviews_new .reviews_rating_digital {
        top: 0;
    }

    .reviews_rating_stars {
        top: 63px;
        left: 283px;
    }

    .reviews_new .reviews_rating_stars {
        top: 20px;
    }

    .reviews_master_name {
        right: 5px;
    }

    .reviews_blocks {
        padding-top: 143px;
        columns: 1;
        margin-left: 8px;
    }

    .reviews_new .reviews_blocks {
        padding-top: 88px;
    }

    .reviews_item {
        width: 562px;
    }

    .shop_border_block {
        width: 448px;
        margin: 0 auto;
        margin-left: 67px;
    }

    .shop_icon_block {
        width: 566px;
        margin-left: 7px;
    }

    .subscribe_block {
        width: 325px;
        left: 61px;
    }

    .support_block {
        height: 819px;
        margin-left: -1px;
        margin-top: 10px;
    }

    .support_block_left {
        left: 10px;
    }

    .support_block_right {
        left: 10px;
        top: 440px;
    }

    .adventure-timer {
        display: none;
    }

    .modal-close {
        transform: translate(0%, -120%);
    }

    #masters-container {
        margin-left: 6px;
    }

    #my-masters-container {
        margin: -10px 0 0 6px;
    }


    .modal-default-cancel-btn {
        font-size: 14px;
        border-radius: 8px;
        font-weight: 400;
        height: 30px;
        transform: none;
        box-shadow: none;
        padding: 0;
        background: #49454d;
        border-color: #49454d;
        top: 219px;
        left: 120px;
        width: 144px;
        color: #fff;
    }
    #players-container {
        margin-left: 6px;
    }
    .filter_btn {
        padding-left: 6px;
    }
    #friends-container {
        margin: -10px 0 0 6px;
    }
}

.field-error {
    outline: 2px solid red !important;
    border-radius: 8px !important;
}

#sendPhoneCode.account_btn_dan {
  background-color: #49454d !important;
  border: 1px solid #49454d !important;
  cursor: url(../images/cursors/1.png) 2 2, auto !important;
  box-shadow: none !important;
}

/* Когда активно (введено 6 цифр) */
#sendPhoneCode.account_btn_dan.active {
  background-color: #8f2b19 !important;
  border: 1px solid #8f2b19 !important;
  color: #fff !important;
  cursor: url(../images/cursors/3.png) 2 2, auto !important;
}

/* Hover только если активна */
#sendPhoneCode.account_btn_dan.active:hover {
  border-color: #fff !important;
  color: #fff !important;
}

#sendEmailCode.account_sms_confirm_btn {
  background-color: #49454d !important;
  border: 1px solid #49454d !important;
  cursor: url(../images/cursors/1.png) 2 2, auto !important;
  box-shadow: none !important;
}

/* Когда активно (введено 6 цифр) */
#sendEmailCode.account_sms_confirm_btn.active {
  background-color: #8f2b19 !important;
  border: 1px solid #8f2b19 !important;
  color: #fff !important;
  cursor: url(../images/cursors/3.png) 2 2, auto !important;
}

/* Hover только если активна */
#sendEmailCode.account_sms_confirm_btn.active:hover {
  border-color: #fff !important;
  color: #fff !important;
}

#btnSubmitAccountEdit {
  background-color: #49454d !important;
  border-color: #49454d !important;
  color: #fff;
  cursor: url(../images/cursors/1.png) 2 2, auto !important;
}

/* Активное состояние */
#btnSubmitAccountEdit.active {
  background-color: #8f2b19 !important;
  border-color: #8f2b19 !important;
  cursor: url(../images/cursors/3.png) 2 2, auto !important;
}

#btnSubmitAccountEdit.active:hover {
    border: 1px solid #fff !important;
}

#account_sex .tag-remove,
#account_bd_d .tag-remove,
#account_bd_m .tag-remove,
#account_bd_y .tag-remove,
#account_exp .tag-remove,
#focus .tag-remove {
  display: none !important;
  pointer-events: none !important;
}

/* Registration block disable overlay styles */
.reg_block_disable {
    pointer-events: none;
}

.reg_block_disable::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1c1920;
    opacity: 0.65;
    display: block;
    border-radius: 8px;
    z-index: 10;
}

.registration_right_side.reg_block_disable::after {
    margin-left: 10px;
    width: 559px;
}

/* Скрываем плейсхолдеры в заблокированных секциях */
.reg_block_disable input::placeholder,
.reg_block_disable .placeholder {
    opacity: 0;
    visibility: hidden;
}

.error-message-validation {
    color: #dc3545;
}

.error-message-password {
    position: absolute;
    color: #dc3545;
    top: -23px;
    left: -2px;
}

.error-message-confirm-password {
    position: absolute;
    color: #dc3545;
    top: -20px;
}

.error-message-email {
    position: absolute;
    color: #dc3545;
    top: 24px;
    left: 16px;
}

.error-message-phone {
    position: absolute;
    color: #dc3545;
    top: 24px;
    left: 16px;
}
/* Стили для подсветки ошибок валидации */
.field-error {
    outline: 2px solid red !important;
    border-radius: 8px !important;
}

.your_profile_btn {
    width: 245px;
    height: 37px;
    font-size: 14px;
    border: 1px solid #92897a;
    color: #92897a;
    border-radius: 8px;
    background-color: transparent;
    position: absolute;
    left: 17px;
    position: absolute;
    top: 132px;
    left: 17px;
}

/* видимая часть тега — ограничиваем длину и ставим троеточие */
.select-container .tag .tag-text {
  display: inline-block;
  max-width: 15ch; /* ограничение в ~15 символов */
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select-container .main-input[contenteditable="true"] {
  display: inline-block;
  white-space: nowrap;           /* не переносим строки */
  overflow: hidden;              /* скрываем всё, что не влезло */
  text-overflow: ellipsis;       /* добавляем троеточие */
  vertical-align: middle;
  max-width: 100%;               /* ограничиваем ширину по контейнеру */
  word-break: keep-all;          /* не ломаем слова */
  min-width: 60px;               /* чтобы курсор не исчезал */
  box-sizing: border-box;
}

.no-reviews-wrapper {
  color: #1c1920;
  font-size: 36px;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 600;
  text-align: center;
  position: absolute;  /* теперь блок позиционируется независимо */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin-top: 140px; /* Можно регулировать отступ */
}

.reviews_master_rating_text {
    text-align: center;
    margin-top: 0px;       /* расстояние между звёздами и текстом */
    color: #fff;
    font-size: 14px;
}

.reviews_player_rating_text {
    text-align: center;
    margin-top: 10px;       /* расстояние между звёздами и текстом */
    color: #fff;
    font-size: 14px;
}

.personal_info_city .input-wrapper,
.reg_personal_info_city .input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding-right: 30px;
}

.personal_info_city .arrow,
.reg_personal_info_city .arrow {
  top: 4px;
}

#friends-container .master_card_name a {
    pointer-events: none;   /* отключает клики */
    cursor: default;
}
#friends-container .master_card_name a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/*#game-invite-content {
    width: 583px;
    background: url(../images/modal_support.png) no-repeat top center;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
}*/

.filters_page .options-list .option:hover {
  color: #fff;
}

.filters_page .options-list .option.selected {
  color: #fff;
}

.shop_border_title .christmas-highlight {
    color: #c1ac82;
}

.game_card_master_name.sub-ancient a { color:#8c7ec0; }
.game_card_master_name.sub-neofit  a { color:#979797; }
.game_card_master_name.sub-acolyte a { color:#af9442; }
.game_card_master_name.sub-shadow  a { color:#6789bc; }
.game_card_master_name.sub-oracle  a { color:#c85d48; }


/* 1) Скроллим только сам список в модалке приглашений */
.game_invite_modal .invite_block,
.game_invite_modal .support_modal_block {
    max-height: none;
    overflow: visible;
    /* ширину/отступы этих оберток оставляем как есть */
}

/* 2) Габариты и скролл — на списке */
.game_invite_modal .game-invite-list {
    width: 563px;
    max-height: 474px;
    min-height: 474px;
    overflow: hidden scroll; /* или overflow-y: scroll; overflow-x: hidden; */
    padding-right: 10px; /* опционально, чтобы контент не прилипал к скроллу */
}

/* 3) «Чёрный» скролл – корректный синтаксис цветов */
.game_invite_modal .game-invite-list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73,69,77,1);
}
.game_invite_modal .game-invite-list::-webkit-scrollbar-thumb {
    background-color: rgba(28,25,32,1);
    border-radius: 3px;
}
.game_invite_modal .game-invite-list::-webkit-scrollbar-track {
    background: transparent;
}
.checkbox-text--warning {
    color: #e76143;
}
.attention {
    color: #e76143;
}

/* фон только для buy-new-subscription-modal */
#buy-new-subscription-modal .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

textarea::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73, 69, 77, 1);
    border-radius: 4px;
}

textarea::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
    cursor: url(../images/cursors/3.png) 2 2, auto;
}

textarea::-webkit-scrollbar-track {
    background: transparent;
}
.no-masters-wrapper {
    color: #1c1920;
    font-size: 36px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    position: absolute; /* теперь блок позиционируется независимо */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: 75px; /* Можно регулировать отступ */
}
/* только для модалки удаления аккаунта */
#delete-modal .modal_default_text {
    margin-top: 24px;
}
.neofit-model {
    color: #979797;
    font-weight: 500;
}

.shadow-model {
    color: #6789bc;
    font-weight: 500;
}
#game-invite-limit-alarm-modal .modal_default_text {
    text-align: left;
}

#game-invite-limit-alarm-modal .modal-default-confirm-btn {
    left: 214px;
}
#not-master-modal .modal_default_text {
    margin-top: 24px;
}

#game-creation-disabled-modal .modal_default_text {
    margin-top: 12px;
    text-align: left;
}

#game-creation-disabled-modal .modal-default-cancel-btn {
    left: 214px;
}

#game-limit-detected .modal_default_text {
    text-align: left;
}
#game-limit-detected .modal-default-confirm-btn {
    left: 214px;
}

#refuse-shadow-subscription-modal .modal_default_text{
    text-align: left;
}
#refuse-shadow-subscription-modal .modal-default-cancel-btn {
    left: 214px;
}

#buy-new-subscription-modal .modal_default_text{
    text-align: left;
    margin-top: 12px;
}
#buy-new-subscription-modal .modal-default-confirm-btn {
    left: 214px;
}

#confirmManaPayment-modal .manaPaymentForm  .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

#confirmManaPayment-modal .manaPaymentForm .modal_default_text {
    margin-top: 24px;
}

.confirm-mana-model {
    color: #6ebff5;
}

#send-support-modal .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

#send-support-modal .modal-default-confirm-btn {
    left: 214px;
}
#send-support-modal .modal_default_text{
    text-align: left;
}
#confirmManaPayment-modal .modal-default:has(.manaPaymentForm) {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}
/* Жёлтый блок (достаточно маны) – отступ */
#confirmManaPayment-modal .manaPaymentForm .modal_default_text {
    margin-top: 24px;
}

/* Красный блок (НЕ хватает маны) – выравнивание текста */
#confirmManaPayment-modal .modal-default_block:not(.manaPaymentForm) .modal_default_text {
    text-align: left;
}

#payment-modal-container {
    width: 590px;
    height: 622px;
}
#resources-payment-modal-container{
    width: 590px;
    height: 622px;
}
#subscriptions-payment-modal-container{
    width: 590px;
    height: 622px;
}
/* Счётчик символов только в поле "Город" */
#selectCitySection .input-wrapper .char-counter {
    margin-top: -3px !important;
}
.registration_phone_bg .timer-text {
    position: absolute;
    top: 11px;
    left: 270px;
    color: #666;
    font-size: 14px;
}
.account_right_side .timer-text {
    position: absolute;
    top: 278px;
    left: 17px;
    color: #666;
    font-size: 14px;
}