@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,100,1,200");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");

.modal-backdrop {
    z-index: -1;
}

body:after {
    background-image: url(https://files.facepunch.com/garry/1b1011b1/test.png?1=);
    content: " ";
    inset: 0;
    opacity: 1;
    pointer-events: none;
    position: fixed;
    z-index: 999999;
}

img.header__image {
    display: none;

}

.topbar {
    margin: 0 auto;
    padding: 0;
    background-color: var(--serverpanel-bg-color);
    border-radius: var(--radius10);
    color: var(--server-title-color);
    position: relative;
    width: 100%;
}

body {
    background-color: var(--bg-color);
    background-image: var(--bg-image);
    background-position: 50%;
    background-size: var(--bg-size);
}

html,
body {
    height: 100%;
}

video {
    display: none;
}

.col-lg-4.pull-lg-8.col-xl-3.pull-xl-9 {
    background-color: var(--navigation-bg);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    scrollbar-color: #0006 #0000;
    scrollbar-width: none;
    width: 360px !important;
    margin-top: 0px !important;
    margin-left: 5px;
    max-width: 410px;
    position: sticky !important;
    top: 0;
    height: 100vh;
    left: 0px;
}

.container {
    max-width: 100% !important;
    padding: 0px !important;
    margin-left: 0px;
    width: 100%;
}




.xbox__header {
    display: none;
}

.store-categories {
    display: none;
}

.store-servers nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    background: transparent;
    padding: 0;
    border-radius: 0px;
    width: 100%;
}

.store-servers .nav-link {
    display: block;
    border-radius: 0px;
    width: 100%;
    margin-left: 0px;
}

.store-servers .nav-link:first-child {
    grid-column: 1 / -1;
}

a.product:hover {
    background-color: var(--serverpanel-bg-color-hover) !important;
    transform: scale(1) !important;
}

:root {
    --bg-color: rgba(43, 41, 36, .8);
    /* --bg-image: url(https://content.magicrust.ru/images/other/bg_radial.png), linear-gradient(0deg, var(--bg-color), var(--bg-color)), url(https://content.magicrust.ru/images/other/bg.jpg); */
    --bg-image: url(https://content.magicrust.ru/images/other/bg_radial.png), linear-gradient(0deg, var(--bg-color), var(--bg-color)), url(https://content.magicrust.ru/images/other/bg.jpg);
    --bg-size: 100% 100%, 100% 100%, cover;
    --navigation-bg: rgba(178, 56, 35, .5);
    --filter-title: hsla(27, 58%, 93%, .75);
    --filter-option: hsla(27, 58%, 93%, .56);
    --serverlist-bg-color: rgba(0, 0, 0, .35);
    --serverpanel-bg-color: hsla(0, 0%, 100%, .1);
    --serverpanel-bg-color-hover: rgba(115, 141, 69, .5);
    --server-title-color: hsla(27, 58%, 93%, .75);
    --server-online-color: hsla(27, 58%, 93%, .56);
    --server-tag-bg: #2c4761;
    --server-tag-color: hsla(27, 58%, 93%, .75);
    --help-bg: #1a6497;
    --help-color: #66b6ef;
    --radius3: 0px;
    --radius10: 0px;
    --border-color: inset 0 0 0 1px #dce1e6;
    --block-color: #fff;
    --block-header-color: #fafbfc;
    --block-color-hover: #aeb7c21f;
    --block-color-active: #aeb7c229;
    --block-shadow: 0 4px 8px rgb(0 0 0 / 8%);
    --navbar-color: #fafbfc;
    --navbar-color-hover: #aeb7c21f;
    --navbar-boxshadow-hover: #6590c1;
    --navbar-dropdown-boxshadow-hover: #6590c1;
    --text-color: #292b2c;
    --text-shadow-color: #0002;
    --text-link-color: #2a5885;
    --btn-color: #5181b8;
    --btn-hover: #6590c1;
    --btn-text-color: #fff;
    --success-color: #92bc47;
    --danger-color: #d9534f;
    --warning-color: #f0ad4e;
    --primary-color: #0275d8;
    --secondary-color: #fafbfc;
    --success-color-hover: #449d44;
    --danger-color-hover: #c9302c;
    --warning-color-hover: #ec971f;
    --primary-color-hover: #025aa5;
    --secondary-color-hover: #dce1e6;
    --input-bg-color: #fafbfc;
    --notify-bg-color: #fff;
    --notify-text-color: #fff;
    --marginP: 15px;
    --marginM: -15px;
    --dev-bg-color: #f0f4;
    --dev-bg-image: repeating-linear-gradient(90deg, #8884, #8884 1px, #8881 0, #8881 31px, #8884 0, #8884 32px), repeating-linear-gradient(180deg, #8884, #8884 1px, #8881 0, #8881 31px, #8884 0, #8884 32px);
    --accent-color-800: #cd422a;
    --accent-color-900: #af3723;
    --font-color-700: #fff;
    --font-color-800: rgba(255, 255, 255, .7);
    --font-color-900: #7b7b7b;
    --bg-color-800: #202020;
    --bg-color-700: #282828;
    --bg-color-900: #1d1b1a;
    --product-items-trans-bg-color: rgba(0, 0, 0, .4);
}

.xbox__body {
    background: none !important;
}

.col-lg-8.col-xl-9.push-lg-4.push-xl-3 {
    padding: 0px !important;
    margin: 0px !important;
    max-width: 100% !important;
    flex: 1;
    left: 0;
    height: 100vh;
    overflow-y: auto;
}

#store .content {
    height: 100vh;
    width: 100vw;
}

#store .content .container {
    height: 100%;
}

#store .content .row {
    height: 100%;
}

.xbox__body {
    padding: 0px 5px;
}

a.nav-link.text-md-center.active {
    background-color: var(--serverpanel-bg-color-hover);
}

span.input-group-addon {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0;
    width: 48px;
    background: none;
}

input#products_search {
    color: var(--server-title-color);
    display: block;
    font-size: 15px;
    padding: 0 5px;
    width: 100%;
    background: none;
}

.input-group {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .05);
    border-radius: var(--radius10);
    display: flex;
    margin-top: 5px;
}

a.nav-link.text-md-center.active {
    /* width: 100%; */
}

button#read {}

.container .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: flex;
    flex-direction: row-reverse;
    /* margin: auto; */
    flex-wrap: nowrap;
}

.row {}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
    /* position: sticky; */
    /* display: flex; */
    /* flex-direction: row-reverse; */
}

.store-products {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 5px;
    margin: 0px !important;
    /* overflow: scroll; */
    /* height: auto; */
    margin-top: -15px !important;
}

.store-products__item {
    background-color: var(--serverpanel-bg-color);
    border-radius: var(--radius10);
    margin-bottom: 3px;
    overflow: hidden;
    padding: 0px !important;
    width: 100%;
    height: 100%;
    /* background: var(--bg-color-700); */
    position: relative;
    /* padding: 10px; */
    cursor: pointer;
    /* border-radius: 2px; */
    /* overflow: hidden; */
    animation: Product-module__productAnimation .15s ease;
}

a.product {
    background: none !important;
    border-radius: 1px !important;
    /* height: auto !important; */
    padding: 0px !important;
    margin: 0px !important;
}

a.product {}


.product__discount {
    top: 0;
    right: 0;
    background-color: var(--accent-color-800);
    color: var(--font-color-700) !important;
    padding: 3px 6px;
    border-radius: 0 0 0 2px;
    /* color: white; */
}

.store-filters {
    margin-bottom: 5px !important;
}

.xbox_queue .form-group {
    margin-bottom: 0px !important;
}

.product__name {
    bottom: 0px;
}

img.product__image {
    /* height: 100%; */
}

a.product {
    height: 100%;
}

.store-servers {
    margin-bottom: 0px !important;
}

a.nav-link.text-md-center {
    margin-left: 0px !important;
}

.content {
    /* margin-top: 5px !important; */
}

nav.navbar-toggleable-md.navbar {
    margin-bottom: 5px !important;
}

.modal .modal-content {
    background-color: #00000000 !important;
}

.modal-body {
    align-items: center;
    background: var(--serverpanel-bg-color);
    border-radius: var(--radius10);
    color: #e4dad1;
    font-family: Roboto Condensed;
    font-size: 12px;
    padding: 10px;
    position: relative;
}

.modal-header {
    align-items: center;
    background: var(--serverpanel-bg-color);
    border-radius: var(--radius10);
    color: #e4dad1;
    font-family: Roboto Condensed;
    font-size: 12px;
    padding: 10px;
    position: relative;
}

.modal.modal-kit.fade.show {
    align-items: flex-start;
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    min-height: 100%;
    padding: 0 var(--safe-padding) 0 var(--safe-padding);
    /* text-align: center; */
}

.kit-items__item {
    /* border-radius: 2px; */
    /* background-color: var(--bg-color-700); */
    /* padding: 10px; */
    /* position: relative; */
    /* display: flex; */
    /* align-items: center; */
    /* width: 150px; */
    /* height: 100px; */
}

.kit-item {
    border-radius: 2px;
    background-color: var(--bg-color-700);
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0px;
}

@media (min-width: 1200px) {
    .kit-items__item {
        width: 15%;
    }
}

.kit-item__name {
    padding: 8px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    text-align: start;
    color: var(--font-color-800);
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: var(--product-items-trans-bg-color);
}

.kit-item__quantity {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 6px;
    background-color: var(--product-items-trans-bg-color);
    color: var(--font-color-900);
    text-align: start;
    right: unset !important;
    border-radius: 0px;
}

.modal-dialog.modal-lg {
    width: auto !important;
    max-width: 900px !important;
}

button.ladda-button.btn.btn-success {
    background-color: #5c7137;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    color: #a8dc4d;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background-color .15s;
}

button.ladda-button.btn.btn-success:hover {
    background-color: #6d8641;
    color: #a8dc4d;
}

input#price {
    background: none !important;
    /* width: 100px; */
}

.input-group-addon {
    background-color: var(--serverpanel-bg-color-hover);
    border-radius: 0px !important;
    height: 46px;
}

button.btn.btn-secondary {
    background-color: #b23825;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    color: #f7d3cc;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background-color .15s;
}

button.btn.btn-secondary:hover {
    background-color: #c43d29;
}

.kit-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 110px));
    justify-content: center;
    /* gap: 8px; */
    width: 100%;
    column-gap: 5px;
}

.kit-items>* {
    width: 100%;
    aspect-ratio: 1 / 1;
    max-width: 130px;
}

.modal .modal-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal .modal-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal .modal-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal .modal-body .kit-items {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.modal-dialog.modal-lg>.modal-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal-dialog.modal-lg>.modal-content>.modal-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal-dialog.modal-lg>.modal-content>.modal-body>.kit-items {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.modal-dialog.modal-lg>.modal-content>.modal-body>.kit-items .kit-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.modal-dialog.modal-sm {
    max-width: 450px !important;
}

img.service__image {
    width: 85% !important;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.service__description {
    padding: 10px !important;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .05);
    border-radius: var(--radius10);
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
}

label {
    display: none;
}

.product__servers {
    color: #ff0000b5;
    font-size: 13px;
    margin-top: 10px;
}

.modal.modal-service.fade.show {
    align-items: flex-start;
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    min-height: 100%;
    padding: 0 var(--safe-padding) 0 var(--safe-padding);
    text-align: center;
}


.Widgets-module__widgetWrapper {
    width: 100%;
    margin-top: 20px;
}

.boxHeader.MonitoringWidget-module__header {
    background: none;
    color: var(--filter-title);
    cursor: default;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-weight: 800;
    padding: 0;
    border-bottom: none !important;
}

.MonitoringWidget-module__body.boxBody {
    background: none;
    font-family: "Roboto Condensed";
    margin-top: 10px;
    padding: 0;
    position: relative;
    transition: all .1s ease;
}

.MonitoringWidget-module__updatingLoaderWrapper {
    z-index: 100;
    position: absolute;
    top: 0;
    left: -100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s ease, left .1s step-end;
}

.Loader-module__loader {
    width: 48px;
    height: 48px;
    border: 5px solid var(--accent-color-800);
    border-bottom-color: var(--bg-color-700);
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    animation: Loader-module__rotation 1s linear infinite;
}

.MonitoringServer-module__wrapper+.MonitoringServer-module__wrapper {
    margin-top: 16px;
}

.MonitoringServer-module__name {
    display: block;
    margin-bottom: 5px;
}

.MonitoringServer-module__progressWrapper {
    position: relative;
}

.MonitoringServer-module__progressWrapper:hover .MonitoringServer-module__progressInfo {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), opacity .15s cubic-bezier(.4, 0, .2, 1), visibility 0s step-end;
}

.MonitoringServer-module__progressInfo {
    z-index: 7;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 9px;
    padding: 5px 8px;
    border-radius: 6px;
    background-color: var(--bg-color-800);
    opacity: 0;
    transform: translateY(5px);
    visibility: hidden;
    width: auto;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), opacity .15s cubic-bezier(.4, 0, .2, 1), visibility .15s step-end;
}

.MonitoringServer-module__progressInfo::before {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: var(--bg-color-800) transparent transparent transparent;
}

.MonitoringServer-module__playersInfo {
    display: block;
    font-size: 12px;
    text-align: left;
}

.MonitoringServer-module__progressBarWrapper {
    background: var(--serverpanel-bg-color);
    border-radius: var(--radius10);
    height: 10px;
    overflow: hidden;
    margin-bottom: 6px;
    position: relative;
}

.MonitoringServer-module__progressBar {
    height: 100%;
    background: var(--success-color);
    border-radius: var(--radius10);
}

.MonitoringServer-module__progressBarAnim {
    box-shadow: none;
}

.MonitoringServer-module__info {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    color: hsla(27, 55%, 92%, .6);
}

.MonitoringServer-module__olineDivider {
    margin: 0 4px;
    color: hsla(27, 55%, 92%, .6);
    transform: rotate(15deg);
}

.MonitoringServer-module__btns {
    display: flex;
    flex: 1 0 auto;
    justify-content: flex-end;
}

.MonitoringServer-module__btn {
    cursor: pointer;
    border: none !important;
    background: none !important;
}

.MonitoringServer-module__icon {
    width: 14px;
    height: 14px;
    stroke: var(--font-color-800);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s ease;
}

.MonitoringServer-module__icon:hover {
    stroke: var(--accent-color-800);
}

.server_tag {
    background: #2d4f6a;
    padding: 3px;
}

.Widgets-module__widgetWrapper .boxFooter {
    display: none;
}

[data-monitoringserverid="total"] {
    display: none;
}

@keyframes Loader-module__rotation {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.xbox.xbox_store {
    background: none !important;
}

.xbox__footer {}

.xbox__footer {}

.xbox__footer {
    background: none !important;
}

div#store {
    align-items: normal;
    display: flex;
    height: 100vh;
    justify-content: center;
    margin: auto;
    width: auto;
    overflow: hidden;
}

.col-lg-8.col-xl-9.push-lg-4.push-xl-3 {
    scrollbar-width: none;
}

.col-lg-8.col-xl-9.push-lg-4.push-xl-3::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bonuses {
    width: 100%;
}

.bonuses_header {
    background: none;
    color: var(--filter-title);
    cursor: default;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 800;
    padding: 0;
}

.bonuses_table {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    gap: 5px;
    margin-top: 10px;
    font-family: "Roboto Condensed", sans-serif;
}

.bonuses_table_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: var(--serverpanel-bg-color-hover);
    color: #e4dad1;
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
}

.bonuses_table_item span {
    color: var(--success-color);
    font-weight: 800;
}

.social {
    width: 100%;
    padding: 15px;
    margin: 0;
    background: var(--serverpanel-bg-color);
}

.social_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.social_list_item {
    display: block;
    width: 32px;
    height: 32px;
}

.social_list_item_icon {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #b9bbbe;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: cover;
    transition: transform .3s, opacity .3s;
    opacity: .8;
}

.social_list_item:hover .social_list_item_icon,
.social_list_item:focus .social_list_item_icon,
.social_list_item:active .social_list_item_icon {
    opacity: 1;
    transform: scale(1.1);
}

.footer {
    display: none;
}

.Widgets-module__wrapper .Widgets-module__widgetWrapper:last-of-type {
    display: flex;
    flex: 1 0;
    justify-content: flex-end;
    flex-direction: column;
    margin-top: 0px !important;
    padding: 0px !important;
    transform: translateY(-90px);
}



.Widgets-module__wrapper {
    display: contents;
}

.DesktopCopyright-module__wrapper {
    display: flex;
    gap: 5px;
    margin: 0 auto;
}

nav.navbar-toggleable-md.navbar {
    width: 100%;
}

.xbox__body {}

.xbox {
    background: none !important;
}

.profile-navigation {
    margin-top: 10px;
    border-radius: 0px;
    padding: 0px;
}

a.nav-link {
    border-radius: 0px !important;
}

nav.nav.nav-pills.flex-column {
    border-radius: 0px;
    padding: 0px;
}

.nav-pills .nav-link {}

a.btn.btn-danger.btn-block {
    background-color: #5c7137;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    color: #a8dc4d;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background-color .15s;
}

a.btn.btn-danger.btn-block:hover {
    background-color: #6d8641;
    color: #a8dc4d;
}

.xbox__footer {
    padding: 0px;
    margin-top: 20px;
}

.xbox.xbox_profile {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    padding: 15px;
    margin: 0 5px;
}

.xbox.xbox_queue {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}

.btn-toolbar.mb-3 {
    display: flex;
    align-content: center;
    align-items: center;
    padding-top: 10px;
    justify-content: flex-end;
}

.table table-striped tr {
    display: flex;
    align-content: center;
}

table.table.table-striped {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-content: space-around; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    /* min-width: 100%; */
}

.table-striped thead {
    width: 100%;
    /* background: black; */
    background-color: #5093c566;
}

.table-striped tbody {
    /* width: 100%; */
    /* display: flex; */
    /* flex-direction: column; */
    align-content: center;
    /* align-items: center; */
    /* justify-content: center; */
}

.table-striped tr {
    width: 100%;
    /* display: flex; */
    align-items: center;
    align-content: center;
    margin: auto 0;
}

.table-striped td {
    margin: auto;
    /* display: flex; */
    align-content: center;
    align-items: center;
}

ul.pagination {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.xbox_queue input.form-control {
    background: none !important;
}

.xbox_queue .input-group {
    margin-bottom: 10px;
}

.xbox_purchases input.form-control {
    background: none !important;
}

.xbox_purchases select.form-control {
    background: none !important;
}



button.btn.btn-success.btn-block {
    border-radius: 0 !important;
    background-color: #b23825;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    color: #f7d3cc;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 800;
    /* height: 48px; */
    line-height: 48px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background-color .15s;
}

button.btn.btn-success.btn-block:hover {
    background-color: #c43d29;
}

.xbox_purchases .col-md-8,
.xbox_purchases .col-md-4 {
    padding: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}



.xbox_payments .col-md-8,
.xbox_payments .col-md-4 {
    padding: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.xbox.xbox_payments {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}


.xbox_payments input.form-control {
    background: none !important;
}

.xbox_payments .input-group {
    margin-bottom: 10px;
}

.xbox_payments input.form-control {
    background: none !important;
}

.xbox_payments select.form-control {
    background: none !important;
}

.xbox_bonuses .col-md-8,
.xbox_bonuses .col-md-4 {
    padding: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.xbox.xbox_bonuses {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}


.xbox_bonuses input.form-control {
    background: none !important;
}

.xbox_bonuses .input-group {
    margin-bottom: 10px;
}

.xbox_bonuses input.form-control {
    background: none !important;
}

.xbox_bonuses select.form-control {
    background: none !important;
}

.xbox_transfers .col-md-8,
.xbox_transfers .col-md-4 {
    padding: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.xbox.xbox_transfers {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}


.xbox_transfers input.form-control {
    background: none !important;
}

.xbox_transfers .input-group {
    margin-bottom: 10px;
}

.xbox_transfers input.form-control {
    background: none !important;
}

.xbox_transfers select.form-control {
    background: none !important;
}

.xbox_promocodes .col-md-8,
.xbox_promocodes .col-md-4 {
    padding: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.xbox.xbox_purchases {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}

.xbox.xbox_promocodes {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}


.xbox_promocodes input.form-control {
    background: none !important;
}

.xbox_promocodes .input-group {
    margin-bottom: 10px;
}

.xbox_promocodes input.form-control {
    background: none !important;
}

.xbox_promocodes select.form-control {
    background: none !important;
}

.xbox_promocodes input#code {
    background: none !important;
}


.xbox_promocodes .col-xl-8 {
    left: 0;
    position: absolute;
    max-width: 100% !important;
    flex-wrap: nowrap;
}

.xbox_promocodes input#code {
    background: none !important;
}

.xbox_bonuses .col-md-8 .input-group {
    margin-left: 5px !important;
}

.xbox_transfers .col-md-8 .input-group {
    margin-left: 5px !important;
}

.xbox_purchases .col-md-8 .input-group {
    margin-left: 5px !important;
}

.xbox_payments .col-md-8 .input-group {
    margin-left: 5px !important;
}

button.btn.btn-primary {
    border-radius: 0 !important;
    background-color: #b23825;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    color: #f7d3cc;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 800;
    line-height: 48px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background-color .15s;
}

button.btn.btn-primary:hover {
    background-color: #c43d29;
}

a[href$="/products"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(115, 141, 69, .5) !important;
    color: #a8dc4d;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    padding: 0 18px 0 46px;
    text-transform: uppercase;
    transition: background-color .15s;
    color: transparent;
}

a[href$="/products"] span {
    display: none;
}

a[href$="/products"]::after {
    content: "Магазин";
    color: #a8dc4d;
    padding-left: 25px !important;
}

a[href$="/products"]::before {
    content: "";
    position: absolute;
    top: 46%;
    left: 10px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23a8dc4d' stroke-width='2' d='M3 4h2l2 12h10l2-8H6'/%3E%3Ccircle cx='9' cy='20' r='1.5' fill='%23a8dc4d'/%3E%3Ccircle cx='17' cy='20' r='1.5' fill='%23a8dc4d'/%3E%3C/svg%3E") no-repeat center/contain;
}

a[href$="/products"]:hover {
    background-color: #6d8641 !important;
    color: #a8dc4d !important;
    border-bottom: none !important;
}

a[href$="/products"]:hover::after,
a[href$="/products"]:focus::after {
    background-color: #6d8641 !important;
    color: #a8dc4d !important;
}

a[href$="/feedback"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #1d547a;
    color: #80bae4;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    padding: 0 18px 0 46px;
    text-transform: uppercase;
    transition: background-color .15s;
    color: transparent;
}

a[href$="/feedback"] span {
    display: none;
}

a[href$="/feedback"]::after {
    content: "Поддержка";
    color: #80bae4 !important;
    padding-left: 25px !important;
}

a[href$="/feedback"]::before {
    content: "";
    position: absolute;
    top: 46%;
    left: 10px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);

    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 40 32' enable-background='new 0 0 40 32' xml:space='preserve' fill='%2380bae4'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath fill='%2380bae4' d='M34.91,14.667c-0.067-3.497-1.359-6.884-3.691-9.549c-2.84-3.248-6.938-5.111-11.242-5.111 c-4.311,0-8.408,1.859-11.242,5.1c-2.355,2.693-3.63,6.121-3.673,9.651c-2.922,0.5-5.084,2.941-5.124,5.919 c-0.012,0.042-0.018,0.086-0.018,0.13C-0.08,24.222,2.672,27,6.055,27h4.539c2.056,3.03,5.527,5,9.383,5 c5.647,0,10.476-4.221,11.229-9.819l0.758-5.633c0.466-3.458-0.585-6.948-2.882-9.574s-5.615-4.133-9.104-4.133 s-6.808,1.506-9.104,4.133S7.524,13.09,7.99,16.548l0.758,5.633c0.184,1.37,0.616,2.656,1.24,3.819H7.919 c-0.486-1.093-0.824-2.292-0.996-3.573l-0.758-5.631c-0.064-0.474-0.099-0.948-0.114-1.421c0.037-0.078,0.062-0.162,0.053-0.255 c-0.005-0.059-0.026-0.113-0.05-0.163C6.05,11.598,7.248,8.325,9.486,5.766c2.645-3.024,6.468-4.758,10.49-4.758 c4.017,0,7.84,1.738,10.49,4.769c2.22,2.538,3.429,5.777,3.445,9.11C33.887,14.94,33.87,15,33.865,15.063 c-0.008,0.088,0.009,0.173,0.043,0.248c-0.013,0.503-0.053,1.007-0.12,1.511l-0.758,5.661c-0.205,1.526-0.607,2.936-1.076,3.772 c-0.086,0.155-0.085,0.344,0.005,0.498C32.049,26.906,32.213,27,32.391,27h1.555C37.284,27,40,24.215,40,20.735 C40,17.674,37.846,15.15,34.91,14.667z M9.738,22.047L8.98,16.415c-0.426-3.172,0.537-6.373,2.645-8.782 c2.106-2.409,5.15-3.791,8.352-3.791s6.245,1.382,8.352,3.791c2.107,2.41,3.07,5.61,2.645,8.782l-0.758,5.633 C29.527,27.151,25.126,31,19.977,31c-3.272,0-6.238-1.557-8.145-4H15c0.018,0,0.032-0.008,0.049-0.01 C15.278,28.134,16.289,29,17.5,29h4c1.379,0,2.5-1.122,2.5-2.5S22.879,24,21.5,24h-4c-1.211,0-2.222,0.866-2.451,2.01 C15.032,26.008,15.018,26,15,26h-3.853C10.429,24.819,9.932,23.486,9.738,22.047z M16,26.5c0-0.827,0.673-1.5,1.5-1.5h4 c0.827,0,1.5,0.673,1.5,1.5S22.327,28,21.5,28h-4C16.673,28,16,27.327,16,26.5z M6.836,26H6.055c-2.804,0-5.091-2.285-5.134-5.111 c0.01-0.041,0.016-0.083,0.016-0.125c0-2.472,1.75-4.516,4.145-4.996c0.022,0.387,0.041,0.774,0.093,1.162l0.758,5.631 C6.096,23.78,6.404,24.93,6.836,26z M33.945,26h-0.767c0.37-0.917,0.673-2.12,0.842-3.384l0.758-5.661 c0.058-0.425,0.097-0.851,0.117-1.275C37.271,16.145,39,18.228,39,20.792C39,23.664,36.732,26,33.945,26z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

a[href$="/feedback"]:hover {
    background-color: #225d88;
    color: #80bae4;
    border-bottom: none !important;
}

a[href$="/feedback"]:hover::after,
a[href$="/feedback"]:focus::after {
    background-color: #225d88 !important;
    color: #80bae4;
}

ul.navbar-nav {
    gap: 10px;
}


.navbar-nav>.nav-item.dropdown:nth-of-type(3)>a[data-toggle="dropdown"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #1d547a !important;
    color: transparent;
    border: none;
    border-radius: var(--radius10);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    padding: 0 18px 0 46px;
    text-transform: uppercase;
    transition: background-color .15s;
}

.navbar-nav>.nav-item.dropdown:nth-of-type(3)>a[data-toggle="dropdown"] span {
    display: none;
}

.navbar-nav>.nav-item.dropdown:nth-of-type(3)>a[data-toggle="dropdown"]::after {
    content: "Серверы";
    color: #80bae4;
}

.navbar-nav>.nav-item.dropdown:nth-of-type(3)>a[data-toggle="dropdown"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 18px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-color: #80bae4 !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zM4 10h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zM4 16h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zM4 10h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zM4 16h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.navbar-nav>.nav-item.dropdown:nth-of-type(3)>a[data-toggle="dropdown"]:hover {
    background-color: #315071 !important;
}

.navbar-nav>.nav-item.dropdown:nth-of-type(5)>a[data-toggle="dropdown"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #1d547a !important;
    color: #80bae4;
    border: none;
    border-radius: var(--radius10);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    padding: 0 18px 0 48px;
    text-transform: uppercase;
    transition: background-color .15s;
}

.navbar-nav>.nav-item.dropdown:nth-of-type(5)>a[data-toggle="dropdown"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 18px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-color: #80bae4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 8V7l-3 2-2-2-2 2-2-2-2 2-2-2-3 2v1l3-2 2 2 2-2 2 2 2-2 2 2 3-2zM5 5V4h14v1zm0 14v1h14v-1zm16 3H3V2h18z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 8V7l-3 2-2-2-2 2-2-2-2 2-2-2-3 2v1l3-2 2 2 2-2 2 2 2-2 2 2 3-2zM5 5V4h14v1zm0 14v1h14v-1zm16 3H3V2h18z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.navbar-nav>.nav-item.dropdown:nth-of-type(5)>a[data-toggle="dropdown"]:hover {
    background-color: #225d88;
}

a.btn.btn-primary {
    border-radius: 0 !important;
    background-color: #b23825;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    color: #f7d3cc;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 800;
    /* height: 48px; */
    line-height: 48px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background-color .15s;
}

a.btn.btn-primary:hover {
    background-color: #c43d29;
}

.xbox.xbox_feedback {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}

.feedback-tools {
    padding-top: 10px;
}

a.btn.btn-primary {
    border-radius: 0 !important;
    background-color: #b23825;
    background-size: 512px;
    border: none;
    border-radius: var(--radius10);
    color: #f7d3cc;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: 800;
    /* height: 48px; */
    line-height: 48px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: background-color .15s;
}

a.btn.btn-primary:hover {
    background-color: #c43d29;
}

.xbox.xbox_feedback {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    /* margin: 5px 0 0; */
    /* padding: 15px; */
    margin: 0px 5px;
}

.feedback-tools {
    padding-top: 10px;
}


a[href="https://eternity-rust.ru/servers/9649/stats"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #1d547a !important;
    color: #80bae4 !important;
    border: none;
    border-radius: var(--radius10);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    padding: 0 18px 0 46px !important;
    text-transform: uppercase;
    transition: background-color .15s;
}



a[href="https://eternity-rust.ru/servers/9649/stats"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 18px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-color: #80bae4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 3v2h3a3 3 0 0 1-3 3 5.002 5.002 0 0 1-4 4.9V15h3v2H7v-2h3v-2.1A5.002 5.002 0 0 1 6 8a3 3 0 0 1-3-3h3V3zM6 7a5 5 0 0 0 10 0V3H6zm-4 12h20v2H2z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 3v2h3a3 3 0 0 1-3 3 5.002 5.002 0 0 1-4 4.9V15h3v2H7v-2h3v-2.1A5.002 5.002 0 0 1 6 8a3 3 0 0 1-3-3h3V3zM6 7a5 5 0 0 0 10 0V3H6zm-4 12h20v2H2z'/%3E%3C/svg%3E") no-repeat center/contain;
}

a[href="https://eternity-rust.ru/servers/9649/stats"]:hover {
    background-color: #315071 !important;
    border-bottom: none !important;
}



a[href="https://eternity-rust.ru/servers/9666/stats"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #1d547a !important;
    color: #80bae4 !important;
    border: none;
    border-radius: var(--radius10);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 48px;
    padding: 0 18px 0 46px !important;
    text-transform: uppercase;
    transition: background-color .15s;
    margin-left: 10px;
}



a[href="https://eternity-rust.ru/servers/9666/stats"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 18px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-color: #80bae4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 21h2v-6H4zm4 0h2V7H8zm4 0h2V4h-2zm4 0h2V11h-2zm4 0h2V8h-2z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 21h2v-6H4zm4 0h2V7H8zm4 0h2V4h-2zm4 0h2V11h-2zm4 0h2V8h-2z'/%3E%3C/svg%3E") no-repeat center/contain;
}

a[href="https://eternity-rust.ru/servers/9666/stats"]:hover {
    background-color: #315071 !important;
    border-bottom: none !important;
}




a[href$="/api/lang.php"] {
    display: none;
}

a[href="/profile"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background-color: #1d547a !important;
    color: transparent !important;
    border: none !important;
    border-radius: var(--radius10) !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    height: 48px !important;
    padding: 0 18px 0 46px !important;
    text-transform: uppercase !important;
    transition: background-color .15s !important;
}

a[href="/profile"] span {
    display: none !important;
}

a[href="/profile"]::after {
    content: "Профиль" !important;
    color: #80bae4 !important;
}

a[href="/profile"]::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 18px !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    background-color: #80bae4 !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-3.33 0-10 1.67-10 5v3h20v-3c0-3.33-6.67-5-10-5Z'/%3E%3C/svg%3E") no-repeat center/contain !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-3.33 0-10 1.67-10 5v3h20v-3c0-3.33-6.67-5-10-5Z'/%3E%3C/svg%3E") no-repeat center/contain !important;
}

a[href="/profile"]:hover {
    background-color: #225d88 !important;
}

a[href^="https://pay.moscow.ovh/"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgb(115 141 69 / 69%) !important;
    color: #e4dad1;
    !important;
    border: none !important;
    border-radius: var(--radius10) !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    height: 48px !important;
    padding: 0 18px 0 46px !important;
    text-transform: uppercase !important;
    transition: background-color .15s !important;
    text-decoration: none !important;
}

a[href^="https://pay.moscow.ovh/"]::before {
    content: "" !important;
    position: absolute !important;
    top: 45% !important;
    left: 18px !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    background-color: currentColor !important;
    mask: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12.7003 17.1099V18.22C12.7003 18.308 12.6829 18.395 12.6492 18.4763C12.6156 18.5576 12.5662 18.6316 12.504 18.6938C12.4418 18.7561 12.3679 18.8052 12.2867 18.8389C12.2054 18.8725 12.1182 18.8899 12.0302 18.8899C11.9423 18.8899 11.8551 18.8725 11.7738 18.8389C11.6925 18.8052 11.6187 18.7561 11.5565 18.6938C11.4943 18.6316 11.4449 18.5576 11.4113 18.4763C11.3776 18.395 11.3602 18.308 11.3602 18.22V17.0801C10.9165 17.0072 10.4917 16.8468 10.1106 16.6082C9.72943 16.3695 9.39958 16.0573 9.14023 15.6899C9.04577 15.57 8.99311 15.4226 8.99023 15.27C8.99148 15.1842 9.00997 15.0995 9.04459 15.021C9.0792 14.9425 9.12927 14.8718 9.19177 14.813C9.25428 14.7542 9.32794 14.7087 9.40842 14.679C9.4889 14.6492 9.57455 14.6359 9.66025 14.6399C9.74504 14.6401 9.82883 14.6582 9.90631 14.6926C9.98379 14.7271 10.0532 14.7773 10.1102 14.8401C10.4326 15.2576 10.8657 15.5763 11.3602 15.76V13.21C10.0302 12.69 9.36023 11.9099 9.36023 10.8999C9.38027 10.3592 9.5928 9.84343 9.9595 9.44556C10.3262 9.04769 10.8229 8.79397 11.3602 8.72998V7.62988C11.3602 7.5419 11.3776 7.45482 11.4113 7.37354C11.4449 7.29225 11.4943 7.21847 11.5565 7.15625C11.6187 7.09403 11.6925 7.04466 11.7738 7.01099C11.8551 6.97732 11.9423 6.95996 12.0302 6.95996C12.1182 6.95996 12.2054 6.97732 12.2867 7.01099C12.3679 7.04466 12.4418 7.09403 12.504 7.15625C12.5662 7.21847 12.6156 7.29225 12.6492 7.37354C12.6829 7.45482 12.7003 7.5419 12.7003 7.62988V8.71997C13.0724 8.77828 13.4289 8.91103 13.7485 9.11035C14.0681 9.30967 14.3442 9.57137 14.5602 9.87988C14.6555 9.99235 14.7117 10.1329 14.7202 10.28C14.7229 10.3662 14.7084 10.4519 14.6776 10.5325C14.6467 10.613 14.6002 10.6867 14.5406 10.749C14.481 10.8114 14.4096 10.8613 14.3306 10.8958C14.2516 10.9303 14.1665 10.9487 14.0802 10.95C13.99 10.9475 13.9013 10.9257 13.8202 10.886C13.7391 10.8463 13.6675 10.7897 13.6102 10.72C13.3718 10.4221 13.0575 10.1942 12.7003 10.0601V12.3101L12.9503 12.4099C14.2203 12.9099 15.0103 13.63 15.0103 14.77C14.9954 15.3808 14.7481 15.9629 14.3189 16.3977C13.8897 16.8325 13.3108 17.0871 12.7003 17.1099ZM11.3602 11.73V10.0999C11.1988 10.1584 11.0599 10.2662 10.963 10.408C10.8662 10.5497 10.8162 10.7183 10.8203 10.8899C10.8173 11.0676 10.8669 11.2424 10.963 11.3918C11.0591 11.5413 11.1973 11.6589 11.3602 11.73ZM13.5502 14.8C13.5502 14.32 13.2203 14.03 12.7003 13.8V15.8C12.9387 15.7639 13.1561 15.6427 13.3123 15.459C13.4685 15.2752 13.553 15.0412 13.5502 14.8Z' fill='%23e4dad1'%3E%3C/path%3E%3Cpath d='M18 3.96997H6C4.93913 3.96997 3.92172 4.39146 3.17157 5.1416C2.42142 5.89175 2 6.9091 2 7.96997V17.97C2 19.0308 2.42142 20.0482 3.17157 20.7983C3.92172 21.5485 4.93913 21.97 6 21.97H18C19.0609 21.97 20.0783 21.5485 20.8284 20.7983C21.5786 20.0482 22 19.0308 22 17.97V7.96997C22 6.9091 21.5786 5.89175 20.8284 5.1416C20.0783 4.39146 19.0609 3.96997 18 3.96997Z' stroke='%23e4dad1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12.7003 17.1099V18.22C12.7003 18.308 12.6829 18.395 12.6492 18.4763C12.6156 18.5576 12.5662 18.6316 12.504 18.6938C12.4418 18.7561 12.3679 18.8052 12.2867 18.8389C12.2054 18.8725 12.1182 18.8899 12.0302 18.8899C11.9423 18.8899 11.8551 18.8725 11.7738 18.8389C11.6925 18.8052 11.6187 18.7561 11.5565 18.6938C11.4943 18.6316 11.4449 18.5576 11.4113 18.4763C11.3776 18.395 11.3602 18.308 11.3602 18.22V17.0801C10.9165 17.0072 10.4917 16.8468 10.1106 16.6082C9.72943 16.3695 9.39958 16.0573 9.14023 15.6899C9.04577 15.57 8.99311 15.4226 8.99023 15.27C8.99148 15.1842 9.00997 15.0995 9.04459 15.021C9.0792 14.9425 9.12927 14.8718 9.19177 14.813C9.25428 14.7542 9.32794 14.7087 9.40842 14.679C9.4889 14.6492 9.57455 14.6359 9.66025 14.6399C9.74504 14.6401 9.82883 14.6582 9.90631 14.6926C9.98379 14.7271 10.0532 14.7773 10.1102 14.8401C10.4326 15.2576 10.8657 15.5763 11.3602 15.76V13.21C10.0302 12.69 9.36023 11.9099 9.36023 10.8999C9.38027 10.3592 9.5928 9.84343 9.9595 9.44556C10.3262 9.04769 10.8229 8.79397 11.3602 8.72998V7.62988C11.3602 7.5419 11.3776 7.45482 11.4113 7.37354C11.4449 7.29225 11.4943 7.21847 11.5565 7.15625C11.6187 7.09403 11.6925 7.04466 11.7738 7.01099C11.8551 6.97732 11.9423 6.95996 12.0302 6.95996C12.1182 6.95996 12.2054 6.97732 12.2867 7.01099C12.3679 7.04466 12.4418 7.09403 12.504 7.15625C12.5662 7.21847 12.6156 7.29225 12.6492 7.37354C12.6829 7.45482 12.7003 7.5419 12.7003 7.62988V8.71997C13.0724 8.77828 13.4289 8.91103 13.7485 9.11035C14.0681 9.30967 14.3442 9.57137 14.5602 9.87988C14.6555 9.99235 14.7117 10.1329 14.7202 10.28C14.7229 10.3662 14.7084 10.4519 14.6776 10.5325C14.6467 10.613 14.6002 10.6867 14.5406 10.749C14.481 10.8114 14.4096 10.8613 14.3306 10.8958C14.2516 10.9303 14.1665 10.9487 14.0802 10.95C13.99 10.9475 13.9013 10.9257 13.8202 10.886C13.7391 10.8463 13.6675 10.7897 13.6102 10.72C13.3718 10.4221 13.0575 10.1942 12.7003 10.0601V12.3101L12.9503 12.4099C14.2203 12.9099 15.0103 13.63 15.0103 14.77C14.9954 15.3808 14.7481 15.9629 14.3189 16.3977C13.8897 16.8325 13.3108 17.0871 12.7003 17.1099ZM11.3602 11.73V10.0999C11.1988 10.1584 11.0599 10.2662 10.963 10.408C10.8662 10.5497 10.8162 10.7183 10.8203 10.8899C10.8173 11.0676 10.8669 11.2424 10.963 11.3918C11.0591 11.5413 11.1973 11.6589 11.3602 11.73ZM13.5502 14.8C13.5502 14.32 13.2203 14.03 12.7003 13.8V15.8C12.9387 15.7639 13.1561 15.6427 13.3123 15.459C13.4685 15.2752 13.553 15.0412 13.5502 14.8Z' fill='%23e4dad1'%3E%3C/path%3E%3Cpath d='M18 3.96997H6C4.93913 3.96997 3.92172 4.39146 3.17157 5.1416C2.42142 5.89175 2 6.9091 2 7.96997V17.97C2 19.0308 2.42142 20.0482 3.17157 20.7983C3.92172 21.5485 4.93913 21.97 6 21.97H18C19.0609 21.97 20.0783 21.5485 20.8284 20.7983C21.5786 20.0482 22 19.0308 22 17.97V7.96997C22 6.9091 21.5786 5.89175 20.8284 5.1416C20.0783 4.39146 19.0609 3.96997 18 3.96997Z' stroke='%23e4dad1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain !important;
}

a[href^="https://pay.moscow.ovh/"]:hover {
    background-color: rgb(115 141 69 / 85%) !important;
    color: #e4dad1 !important;
}


form.xbox.xbox_feedback-new-ticket {
    background-color: var(--serverpanel-bg-color) !important;
    border-radius: var(--radius10);
    color: var(--server-title-color);
    margin: 0px 5px;
}

input#subject {
    border-radius: 0px !important;
}

form.xbox.xbox_feedback-new-ticket {}

form.xbox.xbox_feedback-new-ticket label {
    display: block !important;
}

form.xbox.xbox_feedback-new-ticket .form-group {
    margin-top: 10px;
}

form.xbox.xbox_feedback-new-ticket .row {
    display: flex;
    flex-direction: column;
}

textarea#message {
    border-radius: 0px !important;
}

.btn-toolbar {}

form.xbox.xbox_feedback-new-ticket .xbox__footer {
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

form.xbox.xbox_feedback-new-ticket a.btn.btn-secondary {
    display: none;
}


.server-navigation {
    display: none;
}

.server-address {
    display: none;
}

p.server-ip {}

p.server-name {
    background: linear-gradient(to right, rgba(215, 170, 12, .4), rgba(215, 170, 12, 0));
    color: #f5d254;
    font-size: 20px;
    padding: 5px;
    margin: 0 !important;
}

p.server-ip {
    background-color: #cd412b;
    color: #e4dad1;
    font-family: "Bebas Neue", sans-serif;
    padding: 2px 4px 0 4px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s ease;
    text-transform: uppercase;
    font-size: 16px;
    text-shadow: none;
    margin-bottom: 4px;
    /* box-shadow: 0 2px 0 rgba(0, 0, 0, .4); */
}

.sd-item {
    display: flex;
    flex-direction: row;
    background-color: rgba(0, 0, 0, .1);
    padding: .5rem 1.5rem;
}

.sd-item:nth-of-type(even) {
    background-color: rgba(228, 218, 209, .05);
}

.textContainer-oplata:before {
    content: "•";
    font-size: 20px;
}

a[href$="/news"],
a[href$="/feedback"] {
    display: none;
}

a[href$="/news"],
a[href$="/feedback"] {
    display: none;
}

ul.navbar-nav {
    gap: 0px !important;
}



a[href^="https://pay.moscow.ovh/"] {
    margin-right: 10px !important;
}

a[href^="/products"] {
    margin-right: 10px !important;
    margin-left: 10px !important;
}


.navbar-nav>.nav-item.dropdown:nth-of-type(3)>a[data-toggle="dropdown"] {
    margin-right: 10px;
}


a[href="https://eternity-rust.ru/servers/9649/stats"] {
    margin-left: 10px;
}

a[href="/profile"] {
    margin-right: 5px;
}

.navbar-brand {
    position: relative;
    display: inline-block;
    width: 150px;

    background: url("https://i.imgur.com/gBebMMc.png") no-repeat center/contain;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 5px;
    margin-right: -8px;
}



.player-block {
    display: flex;
    flex-direction: row;
    background-color: rgba(0, 0, 0, .1);
    padding: .5rem 1.5rem;
    align-content: center;
    align-items: center;
    opacity: 0;
    animation: topPlayer 0.1s ease forwards;
}

.player-block:nth-of-type(even) {

    background-color: rgba(228, 218, 209, .05);
}

.player-position {
    font-weight: bold;
    margin-right: 10px;
}

.player-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.player-info-top {
    margin-left: 25px;
}

.player-info-top {
    flex-grow: 1;
}

.player-status {
    font-size: 12px;
    margin-left: 10px;
    display: none;
}

.player-reward {
    position: relative;
    visibility: hidden;
}

.player-reward::after {
    content: "";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

.category-header {
    text-shadow: rgba(236, 78, 78, 0.4) 0px 0px 18px;
    background-color: rgba(0, 0, 0, 0.43);
    border: 1px solid rgb(240, 47, 47);
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    color: rgb(240, 47, 47) !important;
    padding: 10px;
    border-radius: 10px;
}

.player-block:hover {
    background-color: rgb(40 39 39 / 51%);
    cursor: pointer;
}

.players-row .player-block:nth-child(1) {
    animation-delay: 0s;
}

.players-row .player-block:nth-child(2) {
    animation-delay: 0.1s;
}

.players-row .player-block:nth-child(3) {
    animation-delay: 0.2s;
}

.player-reward.place-1::after {
    content: "+200₽";
    color: rgb(255, 215, 0);
}

.player-reward.place-2::after {
    content: "+100₽";
    color: rgb(192, 192, 192);
}

.player-reward.place-3::after {
    content: "+50₽";
    color: rgb(205, 127, 50);
}

div#loading-indicator {
    height: 150px;
}

.btn-top {
    text-align: center;
    margin-bottom: -20px;
    display: flex;
    justify-content: flex-end;
    transform: translateY(0px) !important;
}

.xbox_server .mb-3 {
    display: none;
}

.xbox_server h2 {
    border: none !important;
}


.xbox_server .form-group {
    margin-top: 5px;
    color: hsla(0, 0%, 100%, .7);
    background-color: hsla(0, 0%, 100%, .1);
    margin-bottom: 0px;
}

h2.category-title {
    background: linear-gradient(to right, rgba(215, 170, 12, .4), rgba(215, 170, 12, 0));
    color: #f5d254;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    padding: 10px;
    margin-bottom: 0px !important;
    margin-top: 5px;
}

h2.top-info-msg {
    margin-bottom: 0px !important;
}

.player-score {
    font-family: "Bebas Neue", sans-serif;
    /* padding: 2px 4px 0 4px; */
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    transition: all .15s ease;
    /* text-transform: uppercase; */
    font-size: 16px;
    text-shadow: none;
    margin-bottom: 4px;
    /* box-shadow: 0 2px 0 rgba(0, 0, 0, .4); */
    /* background-color: rgba(0, 0, 0, .4); */
    color: #ffffff;
    /* width: auto; */
}

.top-stats-container {
    margin-bottom: 100px;
}

@keyframes topPlayer {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

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


.xbox_server. input.form-control {
    background: none !important;
}

.xbox_server .input-group {
    background: none !important;
    margin-bottom: 5px;
}


.xbox_server input.form-control {
    background: none !important;
}

.xbox_server .table-striped tbody {
    /* display: flex; */
    /* flex-direction: row; */
    background-color: rgba(0, 0, 0, .1);
    /* padding: .5rem 1.5rem; */
}

.xbox_server .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(228, 218, 209, .05);
}

.xbox_server .table-striped>tbody>tr {
    background-color: rgba(0, 0, 0, .1);
    padding: .5rem 1.5rem;
}

.xbox_server .table-striped>tbody>tr:hover {
    background-color: rgb(0 0 0 / 28%);
    cursor: pointer;

}

.table-body tbody tr {
    opacity: 0;
    transform: translateY(12px);
    animation: tableRowReveal 0.35s ease forwards;
}

.table-body tbody tr:nth-child(1) {
    animation-delay: 0s;
}

.table-body tbody tr:nth-child(2) {
    animation-delay: 0.05s;
}

.table-body tbody tr:nth-child(3) {
    animation-delay: 0.1s;
}

.table-body tbody tr:nth-child(4) {
    animation-delay: 0.15s;
}

.table-body tbody tr:nth-child(5) {
    animation-delay: 0.2s;
}

.table-body tbody tr:nth-child(6) {
    animation-delay: 0.25s;
}

.table-body tbody tr:nth-child(7) {
    animation-delay: 0.3s;
}

.table-body tbody tr:nth-child(8) {
    animation-delay: 0.35s;
}

.table-body tbody tr:nth-child(9) {
    animation-delay: 0.4s;
}

.table-body tbody tr:nth-child(10) {
    animation-delay: 0.45s;
}

.table-body tbody tr:nth-child(11) {
    animation-delay: 0.5s;
}

.table-body tbody tr:nth-child(12) {
    animation-delay: 0.55s;
}

.table-body tbody tr:nth-child(13) {
    animation-delay: 0.6s;
}

.table-body tbody tr:nth-child(14) {
    animation-delay: 0.65s;
}

.table-body tbody tr:nth-child(15) {
    animation-delay: 0.7s;
}

.table-body tbody tr:nth-child(16) {
    animation-delay: 0.75s;
}

.table-body tbody tr:nth-child(17) {
    animation-delay: 0.8s;
}

.table-body tbody tr:nth-child(18) {
    animation-delay: 0.85s;
}

.table-body tbody tr:nth-child(19) {
    animation-delay: 0.9s;
}

.table-body tbody tr:nth-child(20) {
    animation-delay: 0.95s;
}

@keyframes tableRowReveal {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

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


.xbox.xbox_server {
    margin-bottom: 100px;
}

ul.pagination {
    margin-top: 20px;
}





















.xbox.xbox_server {
    margin-bottom: 100px;
}

ul.pagination {
    margin-top: 20px;
}

div#modalContent {
    align-items: center;
    background: var(--serverpanel-bg-color);
    border-radius: var(--radius10);
    color: #e4dad1;
    font-family: Roboto Condensed;
    font-size: 12px;
    padding: 10px;
    position: relative;

}

div#playerStatsModal {
    align-items: flex-start;
    backdrop-filter: blur(10px);
    display: flex;

    justify-content: center;
    min-height: 100%;
    padding: 0 var(--safe-padding) 0 var(--safe-padding);

    background-color: rgba(0, 0, 0, 0.7) !important;
}



div#playerStatsModal {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}


.modal {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.hitStatsSect {
    width: 100%;
    display: flex;
    gap: 5px;
    margin: ;
}


.hitStatsSect .profile-data {
    width: 50%;
    background-color: #2c2c2c;
    color: #f0f0f0;
    border: 1px solid #555;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    text-shadow: 0 0 18px rgba(250, 82, 82, 0.9);
}

.profile-data {
    background-color: #2c2c2c;
    color: #f0f0f0;
    border: 1px solid #555;
    padding: 10px 20px;
    cursor: pointer;
    /* border-radius: 5px; */
    transition: background-color 0.3s, color 0.3s;
    /* text-shadow: 0 0 18px rgba(250, 82, 82, 0.9); */
}

.profile-data:hover {
    background-color: #30303045;
    color: #414241;
    border: 1px solid #252a26;
}

.sections-container {
    /* margin: 20px; */
    margin-top: 10px;
}

.gatherHits {
    /* margin: 20px; */
    gap: 10px;
}

.gatherRaider {
    /* margin: 20px; */
}

.player-info {
    background: rgb(59 57 57 / 50%);
}

.profile-data-section,
.profile-data-section-gather {
    /* background-color: #0000006e; */
    /* border-radius: 5px; */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
    /* padding: 10px; */
    flex: 1;
    min-width: 200px;
    gap: ;
}

.profile-data-section-gather .profile-data-section {
    border: none;
    box-shadow: none;
    background: none;
}



h1.profile-data-header {
    /* color: #f02f2f !important; */
    /* text-shadow: 0 0 18px rgb(236 78 78 / 40%); */
    /* background-color: #0000006e; */
    /* border: 1px solid #f02f2f; */
    /* text-transform: uppercase; */
    /* display: flex; */
    /* flex-direction: column; */
}

.gatherRaider {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

h1.profile-data-header {
    background: ;
    /* background-color: #0000006e; */
    /* border-radius: 5px; */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
    padding: 10px;
    flex: 1;
    /* min-width: 200px; */
    color: white;
    background: linear-gradient(to right, rgba(93, 114, 57, .4), rgba(93, 114, 57, 0));
    color: #8ec62f;
}

section.hits {
    width: 50%;
}

.gatherHits {
    display: flex;
}



section.gather {
    width: 100%;
}


.player-info-container {
    display: flex;
    justify-content: center;
    /* margin: 20px; */
    padding-top: 10px;
}

.player-info {
    /* border-radius: 10px; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    /* padding: 20px; */
    background: none !important;
}

.player-info-content {
    display: flex;
    flex-direction: column;
}

.avatar-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: white;
}

.avatar {
    /* border-radius: 50%; */
    width: 70px;
    height: 70px;
    margin-right: 20px;
    margin-top: 10px;
}

.text-container {
    display: flex;
    flex-direction: column;
    color: white;
}

.nickname {
    margin: 0;
    color: #fff;
}

.additional-text {
    margin: 5px 0;
    color: #fff;
}

#playerStatus.online {
    color: green;
}

#playerStatus.offline {
    color: red;
}

.stats-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.user-stat__item-content {
    background-color: #00000021;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    /* margin: 10px; */
    flex: 1;
    column-gap: 10px;
    min-width: 150px;
    max-width: 300px;
    text-align: center;
    color: #b5b5b5;
}

.user-stat__icon img {
    width: 40px;
    height: 40px;
}

.user-stat__title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.user-stat__value {
    font-size: 20px;
    color: #fff;
}


.sections-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.profile-data-header {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.profile-data-container,
.profile-data-container-gather {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.profile-data-section,
.profile-data-section-gather {
    /* background-color: #00000021; */
    /* border-radius: 5px; */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
    /* padding: 10px; */
    flex: 1;
    min-width: 200px;
    border-radius: 0px !important;
}

.profile-data {
    margin-bottom: 10px;
    height: 70px;
    р he: ;
    р he: 70;
    р he: 7;
}

.personal-stats-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.player-stats-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: white;
}

.rank-number {
    font-size: 20px;
    font-weight: bold;
    color: #dbdbdb;
}

.rank-level {
    font-size: 14px;
    color: #f2f2f2;
}

.player-stats-image img {
    width: 50px;
    height: 50px;
}

.text-glow {
    /* text-shadow: 0 0 5px rgba(255, 255, 255, 0.8); */
}

.text-glow-sub {
    /* text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); */
}


.hits-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hitcount {
    flex: 1;
    min-width: 100px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    text-align: center;
}

.hitcount-part {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.hitcount-result {
    font-size: 20px;
    color: #333;
}


.player-view {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.player-model {
    width: 150px;
    height: auto;
    margin: 10px 0;
}

.hover-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    text-align: center;
}

.profile-data-header {
    text-align: left;
}



.modal {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal-content {
    margin-top: 120px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    background: #252525;
    border: 2px solid rgb(0 0 0);

}

.modal-content {
    max-height: 90vh;
    overflow-y: auto;
}


.modal-content::-webkit-scrollbar {
    width: 2px;
}

.modal-content::-webkit-scrollbar-track {
    background: #000000;
}


.close {
    position: absolute;
    top: 110px;
    right: 10px;
    font-size: 50px;
    cursor: pointer;

}

body.body-no-scroll {
    overflow-y: hidden;
}

@media (max-width: 465px) {

    .gatherHits,
    .gatherRaider {
        display: flex;
        flex-direction: column;
    }

    .gatherHits section.gather {
        width: 100%
    }



    .gatherRaider section.gather {
        width: 100%
    }
}

.player-modal {}

.user-stat__item-content:nth-child(2) {
    margin: 0 10px;
}

.playerStatsModal .form-control {
    background: none !important;
    box-shadow: none !important;
}

a.product {
    box-shadow: none !important;
}

.server-selection-notice {
    height: 75vh;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .05);
    font-size: 24px;
}


@media (max-width: 749px) {
    .container .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
        flex-direction: column !important;
        flex-wrap: nowrap;
    }

    .col-lg-4.pull-lg-8.col-xl-3.pull-xl-9 {
        background-color: var(--navigation-bg);
        display: flex;
        position: relative !important;
        flex-direction: column;
        display: none !important;
    }

    .col-lg-8.col-xl-9.push-lg-4.push-xl-3 {
        height: 100%;
        padding: 0px !important;
        max-width: 100% !important;
        left: 0;
        height: 100vh;
        overflow-y: auto;
    }

    .Widgets-module__wrapper .Widgets-module__widgetWrapper:last-of-type {
        display: flex;
        flex: none !important;
        justify-content: flex-end;
        flex-direction: column;
        margin-top: 0px !important;
        padding: 0px !important;
        transform: none !important;
    }

    .store-servers nav {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 5px;
        background: transparent;
        padding: 0;
        border-radius: 0px;
        width: 100%;
    }

    li.nav-item {
        width: 100% !important;
    }

    .collapse.show.navbar-collapse {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    a.nav-link {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 5px !important;
    }

    ul.navbar-nav {
        width: 100% !important;
    }

    a.nav-link.width-toggle-btn {
        display: none;
    }

}

a.nav-link.width-toggle-btn {
    align-items: center;
    background: var(--serverpanel-bg-color-hover);
    color: #e4dad1;
    display: flex;
    flex-direction: row;
    font-family: Roboto Condensed;
    font-size: 20px;
    justify-content: center;
    padding: 10px;
    position: relative;
    height: 48px;
    width: 48px;
    margin-right: 10px;

}

a.nav-link.text-md-center {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 14px;
}

@supports not (-webkit-line-clamp: 2) {
    a.nav-link.text-md-center {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.navbar {
    background: none !important;
}

.nav-pills .nav-link.active {
    color: #cdcdcd !important;
}

a.product {
    width: 100%;
    margin: 0px !important;
}


:root {
    --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
}

a.product[href="/products/1177211"] {
    position: relative;
    display: block;
    border-radius: 1px;
    overflow: hidden;
    isolation: isolate;
    z-index: 0;
    height: 179px;
}

a.product[href="/products/1177211"]::before,
a.product[href="/products/1177211"]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

a.product[href="/products/1177211"]::before {
    --gradientPos: 50% 95%;
    background-image:
        var(--glitter),
        var(--glitter),
        linear-gradient(0deg, #fff 0px, #ff8951 5px, #dcbc1680 30%, transparent 70%),
        radial-gradient(ellipse at bottom, transparent 30%, #000 65%);
    background-size: 350px 500px, 400px 650px, 100% 100%, 100% 100%;
    background-position: center 0px, center 0px, var(--gradientPos), center;
    background-repeat: repeat, repeat, no-repeat, no-repeat;
    background-blend-mode: hard-light, color-dodge, multiply, normal;
    mix-blend-mode: screen;
    filter: brightness(3.8) blur(6px) contrast(5.5);
    animation: product-fire 1.75s linear infinite;
    z-index: 2;
    margin-top: -100px;
}

a.product[href="/products/1177211"]::after {
    background: radial-gradient(circle, rgba(255, 180, 0, 0.32) 0%, rgba(255, 140, 0, 0.18) 45%, transparent 70%);
    filter: blur(8px);
    opacity: 0.75;
    animation: product-fire-glow 2.3s ease-in-out infinite;
    z-index: -1;

}

a.product[href="/products/1177211"] .product__price,
a.product[href="/products/1177211"] .product__name,
a.product[href="/products/1177211"] img {
    position: relative;
    z-index: 3;
    opacity: 0.9;
}




a.product[href="/products/1177277"] {
    position: relative;
    display: block;
    border-radius: 1px;
    overflow: hidden;
    isolation: isolate;
    z-index: 0;
    height: 179px;
}

a.product[href="/products/1177277"]::before,
a.product[href="/products/1177277"]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

a.product[href="/products/1177277"]::before {
    --gradientPos: 50% 95%;
    background-image:
        var(--glitter),
        var(--glitter),
        linear-gradient(0deg, #fff 0px, #ff8951 5px, #dcbc1680 30%, transparent 70%),
        radial-gradient(ellipse at bottom, transparent 30%, #000 65%);
    background-size: 350px 500px, 400px 650px, 100% 100%, 100% 100%;
    background-position: center 0px, center 0px, var(--gradientPos), center;
    background-repeat: repeat, repeat, no-repeat, no-repeat;
    background-blend-mode: hard-light, color-dodge, multiply, normal;
    mix-blend-mode: screen;
    filter: brightness(3.8) blur(6px) contrast(5.5);
    animation: product-fire 1.75s linear infinite;
    z-index: 2;
    margin-top: -100px;
}

a.product[href="/products/1177277"]::after {
    background: radial-gradient(circle, rgba(255, 180, 0, 0.32) 0%, rgba(255, 140, 0, 0.18) 45%, transparent 70%);
    filter: blur(8px);
    opacity: 0.75;
    animation: product-fire-glow 2.3s ease-in-out infinite;
    z-index: -1;

}

a.product[href="/products/1177277"] .product__price,
a.product[href="/products/1177277"] .product__name,
a.product[href="/products/1177277"] img {
    position: relative;
    z-index: 3;
    opacity: 0.9;
}








a.product[href="/products/1177210"] {
    position: relative;
    display: block;
    border-radius: 1px;
    overflow: hidden;
    isolation: isolate;
    z-index: 0;
    height: 179px;
}

a.product[href="/products/1177210"]::before,
a.product[href="/products/1177210"]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

a.product[href="/products/1177210"]::before {
    --gradientPos: 50% 95%;
    background-image:
        var(--glitter),
        var(--glitter),
        linear-gradient(0deg, #fff 0px, #ff8951 5px, #dcbc1680 30%, transparent 70%),
        radial-gradient(ellipse at bottom, transparent 30%, #000 65%);
    background-size: 350px 500px, 400px 650px, 100% 100%, 100% 100%;
    background-position: center 0px, center 0px, var(--gradientPos), center;
    background-repeat: repeat, repeat, no-repeat, no-repeat;
    background-blend-mode: hard-light, color-dodge, multiply, normal;
    mix-blend-mode: screen;
    filter: brightness(3.8) blur(6px) contrast(5.5);
    animation: product-fire 1.75s linear infinite;
    z-index: 2;
    margin-top: -100px;
}

a.product[href="/products/1177210"]::after {
    background: radial-gradient(circle, rgba(255, 180, 0, 0.32) 0%, rgba(255, 140, 0, 0.18) 45%, transparent 70%);
    filter: blur(8px);
    opacity: 0.75;
    animation: product-fire-glow 2.3s ease-in-out infinite;
    z-index: -1;

}

a.product[href="/products/1177210"] .product__price,
a.product[href="/products/1177210"] .product__name,
a.product[href="/products/1177210"] img {
    position: relative;
    z-index: 3;
    opacity: 0.9;
}


@keyframes product-fire {
    0% {
        background-position: center 0px, center 0px, 50% 95%, center;
    }

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

@keyframes product-fire-glow {

    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.97);
    }

    50% {
        opacity: 0.85;
        transform: scale(1.05);
    }
}

td.player-info {
    display: flex;
}