body {
    
    background: #EEE;
}

:root {
    --colorRange: #F0F0F0;
}

* {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    --zoom: 0.85;
    margin: 0;
    box-sizing: border-box;
}

span.page-links {
    display: flex;
    align-items: center;
    gap: 17px;
    flex-wrap: wrap;
    justify-content: center;
}

div#disable_boost_alert_block {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.info-block-a.top_info_block_b {
    margin-top: 25px;
}

div#disable_boost_alert {
    margin-top: 0px;
}

.server-info-left {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

span.fi {
    margin-right: 5px;
}

body.hidden {
    overflow: hidden;
}

video.banner-server-profile {
    width: 100%;
}

.cover-minecraft {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 10px;
    border: 1px solid #e0e0e0;
}

.cover-warning {
    color: #ff9800;
    font-size: 12px;
    margin-top: 5px;
    font-style: italic;
}

.right-ibj-checkbox {
    line-height: unset;
}

.allert-absolute.mobile {
    top: auto;
    bottom: calc(100% + 12px);
    left: 0;
}

.allert-info:hover > .allert-block > img {
    transform: scale(1.2);
}

img.allert-ico {
    transition: 0.2s;
}

a.link-server-a-profile {
    text-decoration: none;
}

.humburger-content {
    height: 100%;
    display: grid;
    justify-items: center;
    align-items: stretch;
    justify-content: center;
}

.buttons-bottom-hum {
    display: flex;
    gap: 17px;
    width: 100%;
    align-items: flex-end;
    margin-bottom: 35px;
}

.buttons-main-hum {
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.links-header-mob {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 51px;
}

a.link-header-a.mobile {
    font-size: 16px;
}

.humburger-menu.active {
    transform: translateX(0%);
    pointer-events: all;
    opacity: 1;
}

a.link-header-a {
    color: #FFF;
    font-size: 14px;
    
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s;
    display: flex;
    align-items: center;
    gap: 10px;
}

a.link-header-a:hover > svg {
    color: #A498FF;
    transform: scale(1.1);
}

a.link-header-a > svg {
    transition: 0.2s;
}

.header-top {
    background: #101014;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    z-index: 3;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

.border {
    width: 1250px;
}

.header-top-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    background: rgba(16, 16, 20, 0.42);
    backdrop-filter: blur(5px);
    height: 91px;
    padding: 0px 52px;
    margin-bottom: 38px;
    position: relative;
    z-index: 2;
}

.left-header-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

ul.links-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.right-header-top.profile-info-top {
    gap: 13px;
}

.right-header-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.header-content {
    background: radial-gradient(50% 50% at 50% 50%, #7A6AF4 0%, #5044B0 100%);
    padding: 30px 0px 40px 0px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background-position-y: top;
    background-repeat-y: no-repeat;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
}

.header-content:after {
    background-image: url(/img/header-background.png);
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-repeat: no-repeat;
}

.header-info {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 27px;
}

.custom-button-3 {
    background: #423B7C;

/* Shadow / XSM */
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
     /* 146.667% */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    padding: 0px 20px;
    gap: 8px;
    border-radius: 12px;
    border: none;
    outline: 6px solid #423b7c00;
    transition: 0.2s;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
}

.custom-button-3 > svg {
    color: #7A6AF4;
    transition: 0.3s;
}

.custom-button-4 {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
    height: 54px;
    color: #212121;
    font-size: 15px;
    font-weight: 600;
    padding: 0px 20px;
    border: none;
    outline: 6px solid #ffffff00;
    transition: 0.2s;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-buttons-add {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: -5px;
}

.custom-button-3:hover {
    outline: 6px solid #423b7c6e;
}

.custom-button-4:hover {
    outline: 6px solid #ffffff47;
}

.custom-button-4:active {
    transform: scale(0.9);
}

.custom-button-3:active {
    transform: scale(0.9);
}

/*
Forms
*/
.absolute-form {
    position: fixed;
    width: 100%;
    z-index: 3;
    overflow: auto;
    background: #000000b8;
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    height: 100%;
}

.form-a {
    width: calc(100% - 40px);
    border-radius: 26px;
    background: #FFF;
    max-width: 814px;
    position: relative;
}

img.copy-ico {
    position: absolute;
    margin-top: 15px;
    margin-left: 15px;
}

svg.copy_server_hash {
    position: absolute;
    margin-top: 15px;
    margin-left: -31px;
    user-select: none;
    pointer-events: none;
}

.back_step_a {
    color: #858C95;
    font-size: 14px;
    
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
    transition: 0.2s;
    user-select: none;
}

.back_step_a:hover {
    color: #6c5ddd;
}

.back_step_a:active {
    transform: scale(0.9);
}

.alert_info_add_server {
    border-radius: 24px;
    background: rgba(255, 180, 27, 0.08);
    padding: 25px;
    display: flex;
    gap: 15px;
    margin-top: 22px;
}

.right-info-add_server {
    color: #858C95;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 167%; /* 20.04px */
    margin-top: -4px;
}

.input-object-b.copy-element {
    position: relative;
}

.input-object-b.copy-element > input {
    cursor: pointer;
}

img.close-form {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    transition: 0.2s;
}

img.close-form:hover {
    opacity: 0.7;
}

p.form-top-p {
    text-align: left;
    margin-bottom: 11px;
    color: #383838;
    font-size: 30px;
    font-weight: 600;
}

.range-tooltip {
    position: absolute;
    top: -8px;
    transform: translateX(-50%);
    color: #fff;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    pointer-events: none;
    white-space: nowrap;
    border-radius: 12px;
    border: 1px solid #E5E5E7;
    background: #FFF;
    box-shadow: 0 4px 6.5px 0 rgba(0, 0, 0, 0.12);
    color: #323539;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
    gap: 3px;
}

img.crystal-ico-a {
    width: 21px;
}

.range-tooltip.active {
    opacity: 1;
}

.range-input {
    position: relative;
}

.custom-button-2.gray {
    border-radius: 6px;
    background: #DDD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    color: #9C9C9C;
    
    height: 57px;
    font-size: 15px;
    
    font-weight: 600;
    line-height: 22px;
}

p.form-description {
    margin-bottom: 15px;
    color: #858C95;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
}

.message-form-a {
    color: #DE5B26;
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 5px;
    font-weight: 500;
    line-height: 26px;
}

.allert-absolute {
    background: #1a1a1a;
    position: absolute;
    font-size: 12px;
    right: 0;
    width: 270px;
    color: white;
    cursor: default;
    z-index: 3;
    top: calc(100% - -8px);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}

.allert-contents {
    padding: 18px;
    display: grid;
    gap: 24px;
    overflow: auto;
    max-height: 166px;
}

.allert-object {
    display: grid;
    gap: 9px;
    background: #222222;
    padding: 10px;
}

p.text-allert {
    color: #a3a3a3;
}

p.time-allert {
    font-weight: 500;
}

.custom-button-2:hover {
    outline: solid 6px #5044b061;
}

.right-object-crystal:hover {
    background: #ff813c;
}

.custom-button-2.gray:hover {
    background: #eaeaea;
    box-shadow: 0px 1px 2px 0px rgb(16 24 40 / 9%);
    color: #757575;
}

.custom-button-2 {
    display: flex;
    width: 100%;
    padding: 12px 20px;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    margin-top: 25px;
    transition: 0.3s;
    gap: 6px;
    position: relative;
    border-radius: 6px;
    background: radial-gradient(50% 50% at 50% 50%, #7A6AF4 0%, #5044B0 100%);
    color: #FFF;
    height: 57px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    outline: solid 6px #5144b000;
    border: none;
    text-decoration: none;
}

.custom_button_a {
    border: none;
    outline: none;
    background: none;
    color: #515151;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s;
}

img.ico-button-a {
    width: 18px;
}

.custom_button_a:hover {
    opacity: 0.8;
}

.custom-button-2.load:after {
    position: absolute;
    content: "";
    background: url(/img/loading-ico.svg);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #5044B0;
    border-radius: 6px;
}

.form-border {
    padding: 40px;
}

.payment-objects {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 20px;
}

p.title-payment {
    color: #383838;
    text-align: left;
    
    font-size: 14px;
    
    font-weight: 500;
    margin-bottom: 6px;
}

p.description-payment {
    color: rgba(29, 29, 29, 0.50);
    text-align: left;
    
    font-size: 12px;
    
    font-weight: 500;
}

.right-ibj-checkbox {
    max-width: 442px;
}

.object-crystal-left {
    display: flex;
    gap: 28px;
    align-items: center;
    margin-left: 30px;
}

.allert-block {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crystal-list-a {
    display: grid;
    gap: 17px;
    max-height: 316px;
    overflow: auto;
    width: calc(100% + 36px);
    padding-right: 16px;
}

.left-object-crystal {
    width: 100%;
    height: 76.83px;
    flex-shrink: 0;
    transition: 0.3s;
    border-radius: 10px;
    background: #7A6AF4;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.object-crystal:hover > .left-object-crystal {background: #9c8fff;}

.object-crystal.active > .left-object-crystal {background: #9c8fff;}

p.edit-range {
    color: #383838;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.object-crystal {
    display: flex;
    gap: 15px;
    color: #FFF;
    
    font-size: 18px;
    
    font-weight: 700;
}

.right-object-crystal {
    width: 79.155px;
    height: 76px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #FF5A00;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    justify-content: center;
}

.crystal-list {
    display: grid;
    gap: 14px;
}

.crystal-right {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-right: 30px;
    /* line-height: 0%; */
}

img.crystal-ico.crystal350 {
    width: 57px;
    object-fit: contain;
}

img.crystal-ico.crystal150 {
    width: 57px;
    object-fit: contain;
}

img.crystal-ico.crystal70 {
    width: 57px;
    object-fit: contain;
}

img.crystal-ico {
    width: 59px;
    object-fit: none;
}

img.cart-ico {
    width: 35px;
}

tr.server-new {
    border-radius: 16px;
    height: 140px;
    position: relative;
}

tr > td {
    position: relative;
    z-index: 1;
}

tr.server-new:after {
    background: #ffffff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-radius: 18px;
}

a.custom-b {
    cursor: pointer;
    transition: 0.3s;
    text-decoration-line: underline;
    color: #7A6AF4;
    font-size: 13px;
    font-weight: 500;
}

.object-payment-border {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 13px;
    padding-right: 13px;
    justify-content: center;
}

/*
Forms close
*/
/*checkbox*/

.right-ibj-checkbox {
    letter-spacing: -0.12px;
    color: #858C95;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}

p.text-object-input-c {
    color: #383838;
    
    font-size: 17px;
    
    margin-bottom: 14px;
    font-weight: 500;
    line-height: 20px; /* 100% */
    letter-spacing: -0.1px;
}

input.custom-input-2.payment-input {color: #858C95;font-size: 18px;font-weight: 500;line-height: 22px;}

.input-object-c {
    margin-top: 15px;
}

.object-payment {
    width: 100%;
    height: 125px;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 8px;
    background: #F8F9FB;
    position: relative;
}

.object-payment:after {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #00AF55;
    content: "";
    position: absolute;
    top: 12px;
    transform: scale(0);
    transition: 0.4s;
    opacity: 0;
    right: 12px;
}

.object-payment.active:after {
    opacity: 1;
    transform: scale(1);
}

.object-payment.active > * > img {
    transform: scale(1.2);
}

.object-payment > * > img {
    transition: 0.3s;
}

.object-payment:hover {
    background: #f1f2f4;
}

a.custom-b:hover {
    color: #a69aff;
    text-decoration: none;
}

a.button-custom-1:active {
    transform: scale(0.9);
}

.object-checkbox {
    display: flex;
    margin-bottom: 5px;
    gap: 17px;
    margin-top: 25px;
    cursor: pointer;
}

.checbox-obj {
    background-image: url(/img/auth/checkbox.svg);
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
    transition: 0.2s;
    margin-top: 4px;
}

.checbox-obj.active {
    background-image: url(/img/auth/checkbox-active.svg);
}

/*checkbox*/

h2#swal2-title {
    font-family: 'Roboto';
    font-weight: 500;
}

h1.h1-text {
    color: #FFF;
    font-size: 32px;
    font-weight: 800;
}

.group-element-duo {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    gap: 70px;
}

ul.socials-top-ul-footer {
    display: flex;
    gap: 20px;
}

li.social-top-li-footer {
    display: flex;
}

p.text-p {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

p.object-stats-p {
    color: #FFF;
    font-size: 32px;
    font-weight: 700;
}

.allert-info {
    width: 48px;
    height: 48px;
    position: relative;
    flex-shrink: 0;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 5px;
    background: rgba(26, 26, 26, 0.84);
    display: flex;
    align-items: center;
    justify-content: center;
}

p.text-allert-count {
    background: #E84C22;
    border-radius: 100px;
    display: flex;
    color: #FFF;
    text-align: center;
    font-size: 9px;
    position: absolute;
    margin-top: -8px;
    margin-left: 21px;
    font-weight: 700;
    width: 18px;
    height: 17px;
    align-items: center;
    justify-content: center;
}

.allert-absolute.active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
}

.top-right-profile {
    display: flex;
    height: 47px;
    padding: 6px 13px 6px 13px;
    justify-content: flex-start;
    align-items: center;
    gap: 11px;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    opacity: 0.93;
    background: rgba(26, 26, 26, 0.52);
    backdrop-filter: blur(71.75px);
    padding-left: 0px;
}

.profile-bottom-info.active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
}

.caret-down-ico {
    transition: 0.3s;
}

.caret-down-ico.active {
    transform: rotate(180deg);
}

.arrow-down {
    margin-left: 11px;
}

.profile-bottom-info {
    position: absolute;
    width: 100%;
    top: 56px;
    display: grid;
    padding: 10px;
    transform: translateY(-10px);
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
    gap: 10px;
    z-index: 4;
    text-align: center;
    background: rgb(26 26 26);
}

a.link-profile-top {
    text-align: left;
    color: #787C9F;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    padding: 6px;
    transition: 0.2s;
}

a.link-profile-top:hover {
    color: white;
}

img.avatar-user {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.left-profile-top-avatar {
    width: 36.171px;
    height: 47px;
    width: 47px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-right-profile-top {
    color: #9D9D9D;
    font-size: 14px;
    font-weight: 600;
}

.right-profile-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.profile-bottom-info.mobile {
    top: auto;
    bottom: 60px;
}

.top-right-profile-top {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.top-object-stats {
    display: flex;
    align-items: center;
    gap: 15px;
}

h2#swal2-title {
    
    font-size: 13px;
    width: 97%;
}

.page-numbers {
    min-width: 40px;
    min-height: 40px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    padding-right: 6px;
    transition: 0.2s;
    padding-left: 6px;
    justify-content: center;
    color: #323539;
    font-size: 16px;
    
    font-weight: 500;
    text-decoration: none;
    
    letter-spacing: -0.08px;
}

.page-numbers:hover {
    color: white;
    background: #7a6af4;
}

.page-numbers.current {
    background: #7A6AF4;
    color: white;
    pointer-events: none;
}

.next.page-numbers, .prev.page-numbers {
    padding: 9px 15px;
    background: white;
    border-radius: 12px;
    color: #323539;
    font-size: 14px;
    transition: 0.3s;
}

span.page-numbers.dots {
    pointer-events: none;
    background: none;
}

.next.page-numbers:hover, .prev.page-numbers:hover {
    background: #7A6AF4;
    color: white;
}

span.page-links {
    display: flex;
    align-items: center;
    gap: 17px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}


span.select2-selection.select2-selection--single {
    border-radius: 6px!important;
    border: 1px solid #E5E5E7!important;
    background: #F8F9FB!important;
}

p.text-object-input-b {
    margin-bottom: 4px;
    color: #383838;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

name#serverNameCreate {
    color: #7a6af4;
}

div#priceInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.color-options {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 10px;
}

.select2-dropdown {
    top: auto !important;
}

td.position.red {
    background: rgb(217 151 151);color: #ffffff;
}

tr.server-new.red:after {
    background: linear-gradient(90deg, rgba(255, 0, 0, 0.29) 0%, rgb(255 255 255 / 0%) 100%);
}

td.position.yellow {
    background: rgb(211 203 159);
}

.top-footer-right-a > a {
    display: flex
;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

tr.server-new.yellow:after {
background: linear-gradient(90deg, rgba(255, 217, 0, 0.29) 0%, rgb(255 255 255 / 0%) 100%);
}

td.position.green {
    background: rgb(187 200 187);
}

tr.server-new.green:after {
    background: linear-gradient(90deg, rgb(79 150 79 / 26%) 0%, rgb(255 255 255 / 0%) 100%);
}

td.position.purple {
    background: rgb(181 162 216);
    color: white;
}

tr.server-new.purple:after {
    background: linear-gradient(90deg, rgb(181 162 216 / 68%) 0%, rgb(255 255 255 / 0%) 100%);
}

.color-list {
    display: grid;
    gap: 21px;
}

/* Затемнение фона */
.modal_backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.25s ease;
}

/* Контейнер */
.modal_content {
    background: #ffffff;
    padding: 25px 30px;
    border-radius: 14px;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 10px 35px rgba(0,0,0,0.25);
    animation: scaleIn 0.25s ease;
    text-align: center;
}

/* Превью аватарки */
.avatar_preview img {
    max-width: 120px;
    max-height: 120px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/* Info */
.file_info {
    margin-top: 12px;
    font-size: 14px;
    color: #444;
}

/* Кнопки */
.avatar_actions {
    margin-top: 18px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.btn {
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    font-size: 14px;
    transition: 0.2s;
}

.btn_primary {
    background: #4a8cff;
    color: white;
}
.btn_primary:hover {
    background: #3a75d9;
}

.btn_secondary {
    background: #e5e5e5;
}
.btn_secondary:hover {
    background: #d2d2d2;
}

/* Статус */
.upload_status {
    margin-top: 12px;
    font-size: 14px;
    color: #666;
}

/* Анимации */
@keyframes fadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}
@keyframes scaleIn {
    from { transform: scale(0.95); opacity: 0 }
    to { transform: scale(1); opacity: 1 }
}

div#colorPriceInfo {
    display: flex
;
    justify-content: space-between;
    width: 100%;
    margin-top: 11px;
}

.color-option {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    height: 60px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.6;
}

.color-option.active {
    opacity: 1;
}

.swal2-popup.swal2-toast > .swal2-title {
    text-align: left!important;
}

div#swal2-html-container {
    width: 89%;
    text-align: center;
}

.swal2-popup {
    width: 100%;
    display: grid;
    grid-template-columns: 0.1fr 0.9fr;
    justify-items: start;
    align-items: center;
}

.botton-object-stats {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.75;
}

.not-found {
    color: #38383e;
    margin-top: 22px;
    font-weight: 500;
    font-size: 17px;
}

.row-top {
    color: rgba(65, 67, 70, 0.54);
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    border-radius: 16px;
    height: 42px;
}

tr.custom-tr-top > th {
    color: #858C95;
    font-weight: 500;
    background: #FFF;
}

.column-server {
    text-align: left;
    padding-left: 17px;
}

p.bold-text {
    color: #383838;
    font-size: 24px;
    font-weight: 600;
}

.title-panel {
    display: grid;
    grid-template-columns: 0.2fr 0.8fr;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

tr.custom-tr-top > th:first-child {
    border-radius: 16px 0px 0px 16px;
}

tr.custom-tr-top > th:last-child {
    border-radius: 0px 16px 16px 0px;
}

.right-search {
    display: flex;
}

.object-input-search {width: 100%;display: flex;align-items: center;}

input.custom-input-1 {
    width: 100%;
    border-radius: 6px 0px 0px 6px;
    border: 1px solid #E5E5E7;
    height: 46px;
    padding-left: 40px;
    padding-right: 30px;
    outline: none;
    background: #FFF;
    transition: 0.2s;
    color: #4b4b4b;
    font-size: 14px;
    
    font-weight: 500;
    line-height: 22px;
    border: none;
}

input.custom-input-1::placeholder {
    color: #858C95;
}

img.ico-search {
    position: absolute;
    margin-left: 11px;
}

.search-button {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #7A6AF4;
    outline: none;
    border: none;
    cursor: pointer;
    transition: 0.2s;
    color: #FFF;
    font-size: 14px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: 600;
    line-height: 22px;
    background: radial-gradient(50% 50% at 50% 50%, #7A6AF4 0%, #5044B0 100%);
    user-select: none;
    outline: solid 6px #5044b000;
}

.search-button:hover {
    outline: solid 6px #5044b061;
}

a.footer-left-a {
    color: #8E8E8E;
    
    font-size: 12px;
    
    cursor: pointer;
    transition: 0.2s;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

a.footer-left-a:hover {
    color: #7A6AF4;
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer.footer {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

p.left-footer-bottom-text {
    color: #8E8E8E;
    
    font-size: 14px;
    
    font-weight: 500;
    max-width: 700px;
    line-height: 18.2px;
}

.right-footer-bottom {
    color: #8E8E8E;
    text-align: right;
    
    font-size: 12px;
    
    font-weight: 600;
    line-height: 18.2px;
}

.left-footer-bottom {}

.footer-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 32px;
}

p.left-footer-bottom-text-bottom {
    color: #393939;
    
    font-size: 12px;
    
    font-weight: 500;
    line-height: 19.6px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-top-left {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}
.filter-list-options.active {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: all;
}

.filter-list-options {
    display: grid;
    width: 100%;
    margin-top: 12px;
    position: absolute;
    background: #efefef;
    overflow: auto;
    opacity: 0;
    z-index: 3;
    transition: 0.4s;
    transform: translateY(-15px);
    pointer-events: none;
    height: 137px;
}

a.version-option {
    color: rgba(65, 67, 70, 0.54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: 0.2s;
    text-transform: uppercase;
    display: inline-flex;
    padding: 7.5px 11.38px 7.5px 11px;
    align-items: center;
    text-decoration: none;
    border-radius: 3px;
}

a.version-option:hover {
    background: #7A6AF4;
    color: white;
}

input.custom-input-1:focus {
    border-color: #7a6af4;
}

td.position {
    height: 100%;
    min-width: 49px;
    max-width: 49px;
    color: #858c95;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.86px;
    border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px;
    background: rgba(138, 138, 138, 0.08);
}

a.server-version {
    text-decoration: none;
    color: #383838;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.block-i.row-block {
    text-align: center;
}

.block-i.column-block {
    color: #383838;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.server-name {
    display: contents;
}

.server-name-a {
    text-decoration: none;
    display: flex;
    position: relative;
    z-index: 2;
    color: #383838;
    font-size: 16px;
    
    font-weight: 700;
    display: contents;
}

.group-elements-server {
    display: flex;
    gap: 12px;
}

table.custom-table-1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 15px;
    margin-top: -15px;
}

td {
    margin-left: 15px;
    margin-right: 15px;
}

td.td-block {
    width: 120px;
    color: #858C95;
    font-size: 18px;
    font-weight: 500;
}

.block-i.row-block {
    color: #383838;
}

p.footer-to-up {
    transition: 0.3s;
    cursor: pointer;
}

p.footer-to-up:hover {
    transform: translateY(-6px);
    color: #393939;
}

.server-description {
    color: #595550;
    font-size: 14px;
    font-weight: 500;
    display: contents;
}

.server_info_a {
    padding-left: 23px;
}

.header-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.object-stats {
    display: grid;
    gap: 10px;
    transform: translateY(40px);
    opacity: 0;
    transition: 0.4s;
}

.group-duo {
    display: flex;
    align-items: center;
}

i.icon.star {
    background-image: url(/img/star.png);
    width: 22px;
    margin-bottom: -5px;
    margin-right: 5px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

i.icon.crystal {
    background-image: url(/img/crystal.png);
    width: 29px;
    height: 28px;
    display: inline-block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

p.text-bold {
    color: #383838;
    font-size: 24px;
    font-weight: 700;
}

img.filter-ico {
    margin-right: 7px;
    margin-top: 0px;
}

img.arrow-up {
    margin-left: 15px;
    transition: 0.3s;
}

img.arrow-up.active {
    transform: rotate(180deg);
}

.text-info-group {
    cursor: pointer;
}

.content-first {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

p.text-info-p {
    max-width: 466.085px;
    color: #858C95;
    font-size: 14px;
    
    font-weight: 500;
    line-height: 24px;
    margin-top: 15px;
}

p.title-filter {
    color: #383838;
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 10px;
}

.left-filter-option {
    color: #858585;
    
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}

a.test-url {
    color: #717171;
    font-size: 11px;
    background: white;
    margin: 3px;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    border-radius: 9px;
    border: solid 1px #717171;
}

a.test-url:hover {
    color: #ffffff;
    background: #7a6af4;
}

.button-custom-3 {
    color: rgba(65, 67, 70, 0.54);
    font-size: 12px;
    font-weight: 500;
    transition: 0.14s;
    cursor: pointer;
    line-height: 10px;
    letter-spacing: 0.5px;
    display: inline-flex;
    background: white;
    padding: 6.5px 6.38px 6.5px 6px;
    align-items: flex-start;
    text-decoration: none;
    border-radius: 14px;
    border: unset !important;
}

.server-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.filter-selection {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.filter-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.main-filter-option {
    display: flex;
    width: 100%;
    position: relative;
    height: 40px;
    padding: 12.5px 26.5px 12.5px 10px;
    align-items: flex-start;
    border-radius: var(--Main-System-4px, 4px);
    border: 0.5px solid #D5D6DB;
    background: #FFF;
}

.filter-list {
    width: 100%;
    cursor: pointer;
}

a.version-option.active {
    background: #7A6AF4;
    color: white;
    transition: 0.2s;
}

a.version-option.active:hover {text-decoration: line-through;background: #6457c0;}

img.arrow-up-option {
    position: absolute;
    right: 15px;
    top: 17px;
    transition: 0.3s;
}

img.arrow-up-option.active {
    transform: rotate(180deg);
}

.filter-list {
    position: relative;
}

.button-custom-3.active {
    border: 0.5px solid rgba(133, 133, 133, 0.15);
    background: #7A6AF4;
    color: white;
}

.object-stats.active {
    transform: translateY(0px);
    opacity: 1;
}

.button-custom-3:hover {
    background: #7A6AF4;
    color: white;
}

.button-custom-3.active:hover {
    text-decoration: line-through;
    background: #7a6af4a6;
}

a.social-link-a-footer {
    cursor: pointer;
    transition: 0.15s;
    text-decoration: none;
}


/*Range style open*/

.range-info-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.range-object {
    display: grid;
    gap: 26px;
}

p.range-text-right {
    color: #858C95;
    font-size: 14px;
    font-weight: 500;
}

.range-slide {
    background-image: url(/img/slider-scale.svg);
    width: 100%;
    height: 10px;
    margin-top: 5px;
}

input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 200px;
    height: 7px;
    background: var(--colorRange);
    border-radius: 5px;
    background-image: radial-gradient(50% 50% at 50% 50%, #7A6AF4 0%, #5044B0 100%);
    background-size: 70% 100%;
    background-repeat: no-repeat;
}

img.image-info {
    width: 70px;
    border-radius: 8px;
    height: 70px;
}

.info-panel {
    width: 470px;
    background: white;
    border-radius: 8px;
    padding: 31px;
    position: relative;
}

.render-products-hide {
    display: none;
}

.scroll-new::-webkit-scrollbar {
    width: 3px;
}
.scroll-new::-webkit-scrollbar-thumb {
    background-color: #423B7C;
}
.scroll-new::-webkit-scrollbar-track {
    background: #D9D9D9;
}

.message-info {
    margin-top: 25px;
    color: #6d6d6d;
    font-weight: 400;
    font-size: 14px;
}

.top-info-donate {
    display: flex;
    align-items: center;
    gap: 21px;
}

p.text-donate {
    align-items: center;
    font-weight: 600;
    font-size: 16px;
}

li.info-donate-li {color: #858C95;margin-left: 19px;font-size: 12px;}

ul.info-donate-ul {display: grid;gap: 15px;}

.info-donate {margin-top: 22px;}

.swal2-modal > .swal2-title {
    font-size: 19px!important;
}

.swal2-modal > .swal2-html-container {
    font-size: 16px;
    font-weight: 300;
}

input#range {
    width: 100%;
}

.custom-button-2.select_payment {
    display: none;
}
  
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 4px solid #7A6AF4;
    background: #5044B0;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 white;
    transition: background .3s ease-in-out;
}

.group_text_range_a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

input[type=range]::-webkit-slider-runnable-track  {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}
/*Range style close*/

a.social-link-a-footer:hover {
    transform: scale(1.07);
}

p.button-text-1 {
    text-align: center;
    font-size: 16px;
    
    font-weight: 600;
    line-height: 66px;
}

img.social-discord-footer {
    width: 40px;
}

img.social-vk-footer {
    width: 40px;
}

.button-custom-1 {
    cursor: pointer;
    transition: 0.3s;
    border-radius: 12px;
    background: radial-gradient(50% 50% at 50% 50%, #7A6AF4 0%, #5044B0 100%);
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 0px 20px;
    height: 56px;
    border: none;
    gap: 8px;
    outline: solid 6px #5044b000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.button-custom-1:active{
    transform: scale(0.9);
}

.button-custom-1:hover {
    outline: solid 6px #5044b061;
}

img.button-ico-login {
    margin-bottom: 4px;
}

.button-custom-2 {
    border-radius: 12px;
    border: 1px solid #7A6AF4;
    background: rgba(122, 106, 244, 0.43);
    padding: 12px 14px 12px 15px;
    display: flex;
    align-items: center;
    transition: 0.3s;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 12px;
    font-weight: 600;
}

/*Скопировать ип адрес OPEN*/

svg.copy-server-ico {
    color: #ffffff61;
}

.server-info-play:hover {
    color: #7a6af4;
    background: #e8e4ff;
}

.server-info-play {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f8f7fe;
    text-decoration: none;
    color: #383838;
    padding: 3px;
    max-width: 100%;
    cursor: pointer;
    transition: 0.3s;
    overflow: hidden;
}

svg.download-ico-server {
    width: 20px;
    min-width: 20px;
    color: #7a6af4;
}

svg.ico-server-play {
    width: 20px;
}

p.text-info-copy {
    font-size: 13px;
    font-weight: 400;
    color: #737373;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    gap: 8px;
    align-items: center;
}

.right-content-server-ip {
    display: flex;
    gap: 3px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

em.playersOnline {
    color: #7A6AF4;
}

th.column-version {
    text-align: left;
}

svg.ico-copy-server {
    width: 20px;
    min-width: 20px;
    color: #7a6af4;
}

.right-content-server-ip-main {
    width: 256px;
    display: grid;
    gap: 5px;
}
/*Скопировать ип адрес CLOSE*/

img.payment-ico.qiwi-ico {
    height: 68px;
}

li.link-header {
    display: flex;
}

a.link-header-a:hover {
    color: #FFF;
}

a.logotype:hover {
    transform: scale(1.05);
}

a.logotype {
    cursor: pointer;
    transition: 0.3s;
    display: flex;
}

.button-custom-1 {
    cursor: pointer;
    transition: 0.3s;
}

.button-custom-2:hover {
    border: 1px solid #a89dff;
    background: rgba(122, 106, 244, 0.7);
}

/*Humburger Style Open*/
.right-humburger {
    display: none;
}
#menu__toggle {
    opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
    transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
    top: 0;
    transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
    left: 0 !important;
}
cg {
    color: rgba(255, 255, 255, 0.67);
}
.top-header {
    position: relative;
}

.humburger-menu {
    width: 60%;
    height: 100%;
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: 0.5s;
    top: 0px;
    left: 0px;
    background: #0a0a0abd;
    z-index: 3;
    backdrop-filter: blur(18px);
}

li.top-links-li.hum-link {
    display: flex;
}

a.link-top.hum-link {
    color: #9b9b9b;
    text-decoration: none;
    transition: 0.3s;
}

a.link-top.hum-link:hover {
    color: white;
}
.menu__btn {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1;
    right: 15px;
    top: 28px;
}
.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    transition-duration: .25s;
}
.menu__btn > span::before {
    content: '';
    top: -13px;
}
.menu__btn > span::after {
    content: '';
    top: 13px;
}
ul.top-links-ul.hum-link {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    height: 100%;
}

#snow-canvas {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 999;
}

a.link-top.hum-link {
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 400;
}
ul.top-links-ul.hum-link {
    margin-left: 25px;
}
.absolut-burger {
    width: 70%;
    height: 100vh;
    background: rgba(44, 44, 44, 0.5);
    position: fixed;
    top: 0;
    backdrop-filter: blur(7px);
    z-index: 3;
    transform: translateX(-100%);
    transition: 0.5s;
}

a.logotype-link.active {
    z-index: 3;
    position: fixed;
    margin-top: -18px;
}
/*Humburger Style Close*/
img.banner-server {
    width: 100%;
    max-width: 420px;
}

span.info-text {
    display: none;
    text-transform: lowercase;
    color: #383838;
    font-size: 18px;
    
    font-weight: 600;
}


img.ico-moon {
    position: absolute;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-15px);
}

img.ico-sun {
    position: absolute;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-15px);
}

.change-theme.night > .ico-sun {
    opacity: 1;
    transform: translateX(0px);
}

.change-theme.light > .ico-moon {
    opacity: 1;
    transform: translateX(0px);
}

.change-theme {
    position: fixed;
    top: 14%;
    background: #1B1B1C;
    padding: 12px 17px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    width: 68px;
    cursor: pointer;
    height: 60px;
    z-index: 5;
}

.td-block-info {
    text-align: center;
}

p.title-footer-a {
    color: #323539;
    font-size: 14px;
    font-weight: 500;
     /* 121.429% */
}

p.description-footer-a {
    color: #858C95;
    font-size: 14px;
    font-weight: 500;
     /* 121.429% */
}

p.footer-to-up {
    color: #858C95;
    font-size: 13px;
    
    font-weight: 600;
     /* 140% */
    text-transform: uppercase;
    gap: 12px;
    display: flex;
    align-items: center;
}

a.link-footer-a {
    color: #858C95;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    text-decoration: none;
    transition: 0.2s;
}

a.link-footer-a:hover {
    color: #393939;
}

li.link-footer-li {
    display: flex;
}

ul.links-footer-a {
    display: flex;
    align-items: center;
    gap: 30px;
}

.bottom-footer-a {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

img.payment-image-a {
    height: 28px;
}

.right-bottom-footer-a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

img.logotype_footer_a {
    width: 73px;
}

.footer-left-a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.footer-content {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 12px;
    padding: 30px 40px;
    gap: 34px;
}

img.payment-image-a.payment-1-a {
    width: 86px;
    height: 26.353px;
}

img.payment-image-a.payment-2-a {
    width: 57.356px;
    height: 15.612px;
}

img.payment-image-a.payment-3-a {
    width: 57.356px;
    height: 18.245px;
}

.top-footer-left-a {
    display: grid;
    gap: 20px;
}

.top-footer-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.footer-right-a {
    width: 100%;
    display: grid;
    gap: 58px;
}

.top-footer-right-a {
    display: flex;
    align-items: center;
    gap: 50px;
}

.top-footer-a:after {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    opacity: 0.18;
    background: #858C95;
    bottom: -30px;
}

/*Search server*/
span.select2-selection.select2-selection--single {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #E5E5E7;
    height: 46px;
    outline: none;
    background: #FFF;
    transition: 0.2s;
    color: #4b4b4b;
    font-size: 14px;
    
    font-weight: 500;
    line-height: 22px;
    border: none;
    display: flex;
    align-items: center;
    padding-left: 5px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e3e3e3;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: unset!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #6052c9!important;
    color: white;
}

li.select2-results__option.select2-results__message {
    font-size: 14px;
    color: #7a7a7a;
}

.select2-results__option {
    font-size: 14px;
    color: #6c6c6c;
    cursor: pointer;
}
/*Search server*/

/*Cookies*/
.modal {
    width: 420px;
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    position: fixed;
    right: 20px;
    bottom: 52px;
    z-index: 9999;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.4s 
ease forwards;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fadeOutDown {
    animation: fadeOutDown 0.4s ease forwards;
}

@keyframes fadeOutDown {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(30px); }
}

.close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
}

.title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.cookie-title {
    font-size: 22px;
    font-weight: 600;
    color: #1b1b1b;
}

.text {
    font-size: 15px;
    color: #7a7f87;
    line-height: 1.4;
    margin-bottom: 24px;
}

.btns {
    display: flex;
    gap: 12px;
}

.accept-btn {
    flex: 1;
    padding: 14px 0;
    border-radius: 6px;
    border: none;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: radial-gradient(50% 50% at 50% 50%, #7A6AF4 0%, #5044B0 100%);
    transition: 0.3s;
    outline: 6px solid #00000000;
}

.decline-btn {
    flex: 1;
    padding: 14px 0;
    border-radius: 6px;
    border: 1px solid #e4e6ea;
    background: #f7f8fa;
    font-size: 16px;
    outline: solid 6px #5044b000;
    font-weight: 600;
    color: #1b1b1b;
    cursor: pointer;
    transition: 0.3s;
}

.group_cookie_a {
    display: flex;
    gap: 12px;
}

.right-content-cookie {
    display: grid;
    gap: 6px;
}

img.cookie-image {
    margin-top: -3px;
}

.accept-btn:hover {
    outline: solid 6px #5044b061;
}

.decline-btn:hover {
    outline: solid 6px #00000014;
}

.accept-btn:active {
    transform: scale(0.9);
}

.decline-btn:active {
    transform: scale(0.9);
}

@media (min-width: 1100px) and (max-width: 1499px) {
    body {
        zoom: var(--zoom);
    }
}
@media (max-width: 1100px){
    footer.footer {
        width: 100%;
    }
    .group_button_boost {
        margin-left: 0px;
    }
    .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    tr.server-new {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        height: auto;
        justify-items: center;
        padding: 15px;
        margin-bottom: 15px;
    }


    .top-footer-a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 21px;
    }
    .bottom-footer-a {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    p.description-footer-a {
        text-align: center;
    }
    .top-footer-left-a {
        display: grid;
        gap: 20px;
    }
    p.title-footer-a {
        text-align: center;
    }
    video.banner-server {
        width: 100%;
    }
    tr.server-new > :nth-child(2) {
        grid-column: span 2;
    }
    tr.server-new > :nth-child(3) {
        grid-column: span 2;
        width: 100%;
    }
    .server-name {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .right-content-server-ip-main {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .group-buttons-add {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    p.text-p {
        font-size: 12px;
    }
    ul.socials-top-ul-footer {
        display: none;
    }
    .td-block-info {
        margin-top: 0px;
    }
    .block-i {
        margin-top: 0px;
    }
    .group-elements-server {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .server-info-play {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    p.top-text {
        width: auto;
    }
    .right-humburger {
        display: flex;
    }
    .right-header-top {
        display: none;
    }
    ul.links-header {
        display: none;
    }
    .right-humburger {
        display: flex;
    }
    ul.links-header {
        display: none;
    }
    .border {
        width: calc(100% - 40px);
    }
    h1.h1-text {
        font-size: 21px;
    }
    p.object-stats-p {
        font-size: 20px;
    }
    .botton-object-stats {
        font-size: 12px;
        line-height: 17px;
    }
    p.text-bold {
        font-size: 17px;
    }
    p.bold-text {
        font-size: 17px;
    }
    .row-top {
        font-size: 12px;
    }
    a.server-version {
        font-size: 12px;
    }
    a.server-name-a {
        font-size: 13px;
    }
    thead.custom-thead-1.row-top {
        display: none;
    }

    span.globalOnline {
        display: none;
    }
    
    td.position {
        display: none;
    }
    
    .banner {
        margin-top: 8px;
    }
    .filter-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    span.info-text {
        display: block;
    }
    
    td.td-block {
        display: grid;
        justify-items: center;
        align-items: end;
        height: 54px;
    }
    img.logotype-img {
        width: 220px;
    }
    .menu__btn {
        width: 40px;
        height: 49px;
        scale: 0.8;
        top: 36px;
    }
    .group-element-duo {
        align-items: center;
        justify-content: center;
    }
    p.text-p {
        text-align: center;
    }
    .header-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        justify-items: center;
        align-items: center;
    }
    .object-stats {
        text-align: center;
        display: grid;
        align-items: center;
        justify-items: center;
    }
    .group-element-duo {
        display: grid;
        justify-items: center;
        gap: 18px;
    }
    h1.h1-text {
        text-align: center;
    }
    .footer-top-left {
        gap: 20px;
    }
    p.footer-to-up {
        min-width: 188px;
    }
    .footer-top {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 25px;
    }
    .footer-top-left {
        gap: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-center {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 32px;
        margin-bottom: 32px;
        flex-direction: column;
    }
    .right-footer-bottom {
        font-size: 12px;
        margin-top: 23px;
        text-align: center;
    }
    p.left-footer-bottom-text {
        text-align: center;
    }
    .footer-bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    p.left-footer-bottom-text-bottom {
        text-align: center;
    }
    
}
@media (max-width: 800px){
    p.title-crystal {
        font-size: 14px;
    }
    
    .crystal-right {
        font-size: 14px;
        margin-right: 16px;
    }
    
    .object-crystal-left {
        margin-left: 15px;
        gap: 10px;
    }
    .payment-objects {
        grid-template-columns: repeat(2, 1fr);
    }
    .crystal-list-a {
        width: 100%;
    }
    p.form-top-p {
        font-size: 18px;
    }
    p.form-description {
        font-size: 12px;
    }
    .form-a {
        width: calc(100% - 0px);
        height: 100%;
        border-radius: 0px;
        background: #FFF;
        position: relative;
    }
    .form-border {
        padding: 50px 15px 50px 15px;
    }
    .absolute-form {
        background: white;
    }
}

@media (max-width: 700px){
    .filter-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .modal {
        width: 370px;
    }
    .filter-list {
        width: 100%;
    }
    .title-panel {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
    .right-search {
        width: 100%;
    }
    p.left-footer-bottom-text {
        font-size: 12px;
    }
    ul.links-footer-a {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .right-bottom-footer-a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 600px){
    .payment-objects {
        grid-template-columns: repeat(1, 1fr);
    }

    .object-crystal {
        display: grid;
        gap: 0px;
        width: 100%;
    }

    .left-object-crystal {
        width: 100%;
        border-radius: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .right-object-crystal {
        width: 100%;
        height: 41px;
        border-radius: 0px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .crystal-list {
        gap: 35px;
    }

    img.cart-ico {
        width: 25px;
    }
}