.newdaily {z-index: 3;}

.wbusiness-guest-row {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense;}
.wbusiness-guest-my {background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); padding: 20px; border-radius: 15px;}
.wbusiness-guest-my-invite {margin-bottom: 10px; background: rgba(255,255,255,.1); border-radius: 5px; padding: 10px; transition: all 0.3s;}
.wbusiness-guest-my-invite:hover {background: rgba(255,255,255,.2); transition: all 0.3s;}
.wbusiness-guest-list {grid-column: span 3;}

.wbusiness-header {background: url(/templates/Default/images/raids/business_in.jpg); background-size: cover; background-position: center center; border-radius: 15px 15px 0 0;}
.wbusiness-header-guest {position: relative; background: var(--background); background-size: cover; background-position: center center; aspect-ratio: 28/9; border-radius: 0 0 15px 15px;}
.wbusiness-header-guest-in {position: absolute; left: 50px; bottom: 50px;}
.wbusiness-header-guest-title {font-family: 'Bender', sans-serif; color: #fff; font-size: 16pt;}
.wbusiness-header-guest-subtitle {font-size: 12pt;}
.wbusiness-title {text-align: center; font-size: 30pt; font-family: 'Bender', sans-serif; padding-top: 150px; color: #fff; text-shadow: 2px 2px 0 black;}
.wbusiness-subtitle {text-align: center; font-family: 'Bender', sans-serif;  padding-top: 10px; padding-bottom: 150px; color: #fff; text-shadow: 2px 2px 0 black;}
.wbusiness-info-row {background: rgba(255,255,255,.1); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20; grid-auto-flow: row dense; padding: 20px; border-radius: 0 0 15px 15px;}
.wbusiness-info-row-invite {margin-bottom: 10px; background: rgba(255,255,255,.1); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20; grid-auto-flow: row dense; padding: 20px; border-radius: 15px; transition: all 0.3s;}
.wbusiness-info-row-invite:hover {background: rgba(255,255,255,.2); transition: all 0.3s;}
.wbusiness-info-title {font-weight: bold;}
.wbusiness-info-count {font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-content {margin-top: 20px; border-radius: 15px; padding: 20px; background: rgba(255,255,255,.1); box-sizing: border-box;}

.wbusiness-h1 {margin-bottom: 10px; font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-options {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 15px; grid-auto-flow: row dense; border-radius: 10px; transition: all 0.3s;}
.wbusiness-options-item {position: relative; aspect-ratio: 4/3; border-radius: 10px; overflow: hidden; transition: all 0.3s;}
.wbusiness-options-item:hover {transform: scale(0.95); transition: all 0.3s;}
.wbusiness-options-item-img {position: absolute; right: -20%; bottom: 0; height: 100%; opacity: .5;}
.wbusiness-options-item-info {position: absolute; bottom: 20px; left: 20px;}
.wbusiness-options-item-title {font-weight: bold;}
.wbusiness-options-item-level {font-weight: bold; color: #fff;}
.wbusiness-options-item-count {font-family: 'Bender', sans-serif; color: #fff; margin-top: 20px;}

.wbusiness-op {background: rgba(255,255,255,.1); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense; border-radius: 10px; transition: all 0.3s; margin: 5px 0;}
.wbusiness-op:hover {background: rgba(255,255,255,.2);}
.wbusiness-op-title {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; grid-column: span 3; padding: 30px 30px 30px 70px; position: relative; font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-op-title-icon {position: absolute; top: 0; left: 0; width: 75px;}
.wbusiness-op-title-rank {position: absolute; top: 15px; left: 15px; width: 50px;}
.wbusiness-op-info {position: relative; padding: 30px 0; text-align: center; overflow: hidden; font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-op-info-icon {height: 110%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .2;}
.wbusiness-op-status {padding: 30px 0; text-align: center;}

.wbusiness-user {background: rgba(255,255,255,.1); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense; border-radius: 10px; transition: all 0.3s; margin: 5px 0;}
.wbusiness-user:hover {background: rgba(255,255,255,.2);}
.wbusiness-user-info {position: relative; padding: 30px 0; text-align: center; overflow: hidden; font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-user-title {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; grid-column: span 10; padding: 30px 30px 30px 70px; position: relative; font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-user-title-rank {position: absolute; top: 15px; left: 15px; width: 50px;}
.wbusiness-user-info-icon {height: 75%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .2;}

.wbusiness-newuser {background: rgba(255,255,255,.1); display: grid; border-radius: 10px; transition: all 0.3s; margin: 5px 0;}
.wbusiness-newuser:hover {background: rgba(255,255,255,.2);}
.wbusiness-newuser-title {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 20px; position: relative; font-family: 'Bender', sans-serif; color: #fff;}

#dailymessage textarea, #dailymessage textarea:focus {font-family: "Advent Pro", san;s-serif; background: rgba(255,255,255,.1); color: #d4d4b4; font-size: 12pt; border: 0; padding: 10px; outline: none;}

.wbusiness-assistantlist-row {backdrop-filter: blur(5px); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense; margin-bottom: 10px; border-radius: 15px;}
.wbusiness-assistantlist-img {width: 50%; opacity: .5;}
.wbusiness-assistantlist-item {position: relative;}
.wbusiness-assistantlist-item-in {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.wbusiness-assistantlist-name {font-size: 24pt; font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-assistantlist-payday {font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-assistantlist-payday-bonus {font-family: 'Bender', sans-serif; color: #fff;}
.wbusiness-assistantlist-payday span, .wbusiness-assistantlist-payday-bonus span {color: #d4d4b4; font-family: 'Advent Pro', san;s-serif;}
.wbusiness-assistantlist-btn {position: absolute; top: 20px; right: 20px;}
.wbusiness-assistantlist-about {font-style: italic; font-size: 14pt;}
.wbusiness-assistantlist-about span {font-style: normal; font-size: 10pt; font-weight: bold; color: #fff;}

.vbp-timer {text-align: center; font-family: 'Bender', sans-serif; color: #fff; font-size: 16pt;}
.vbp-timer p {font-size: 12pt; margin-bottom: 5px; color: rgba(255,255,255,.75);}

.wstore-menu {margin-top: 50px; padding: 30px 0; text-align: center; background: radial-gradient(circle, rgba(255,255,255,.15) 0%, rgba(24, 24, 24, 1) 98%), #121212; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5);}
.wstore-menu .btn {padding: 8px 15px; margin-bottom: 5px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.05); color: white; border-radius: 4px; cursor: pointer; transition: all 0.3s;}
.wstore-menu .btn:hover {background: rgba(255,255,255,.2); transition: all 0.3s;}
.wstore-menu .btn.active {background-color: #0c5f7eed;}
.wstore-menu .btn i { margin-right: 5px;}
.wstore-title {font-family: 'Bender', sans-serif; color: #fff; font-size: 16pt; margin-bottom: 15px;}

.wmodal-relative {position: relative; padding: 20px; box-shadow: inset 0 0 20px rgba(0,0,0,.25);}
.wmodal {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; padding: 20px; box-shadow: inset 0 0 20px rgba(0,0,0,.25); z-index: 5;}
.wmodal-full {position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: 0 auto; width: 100%; box-sizing: border-box; height: 100%; padding: 100px 50px; overflow: auto; z-index: 2;}
.wmodal-full.wmodal-fixed {overflow: hidden !important;}
.wmodal-full::-webkit-scrollbar {width: 0;}
.wmodal-full-textrow {background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.05); padding: 15px; border-radius: 10px; margin-bottom: 10px; color: #fff;}
.wmodal-name {font-family: 'Bender', sans-serif; color: #fff; font-size: 16pt; text-align: center; margin: 15px; padding: 0 20px;}
.wmodal-img {width: 150px; margin: 20px auto 0 auto; font-family: 'Bender', sans-serif; color: #fff; font-size: 77pt;}
.wmodal-img img {width: 100%;}
.wmodal-info {padding: 0 20px; text-align: center; font-size: 10pt; color: #d4d4b4;}
.wmodal-buttons {margin: 30px 0 20px 0; text-align: center; color: #fff;}
.wmodal-buttons button {margin-bottom: 10px; margin-left: 4.5px; margin-right: 4.5px;}
.wmodal-buttons .btn {padding: 8px 15px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.05); color: white; border-radius: 4px; cursor: pointer; transition: all 0.3s;}
.wmodal-buttons .btn:hover {background: rgba(255,255,255,.2); transition: all 0.3s;}
.wmodal-buttons .btn.active {background-color: #0c5f7eed;}
.wmodal-buttons .btn i { margin-right: 5px;}
.wmodal-badge {float: left; display: inline-block; font-size: 10pt; margin-bottom: 5px; margin-right: 5px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); padding: 5px 7px; color: #fff; border-radius: 5px;}
.wmodal-badge-edition {width: max-content; font-size: 10pt; margin: 0 auto 10px auto; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); padding: 5px 7px; color: #fff; border-radius: 5px;}
.wmodal-fhd-image {border-radius: 10px; margin: 40px 0;}
.wmodal textarea {background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); padding: 10px; color: #fff; font-family: 'Bender', sans-serif; text-align: center;}
.wmodal textarea:focus {outline: none;}
.wmodal input {background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); padding: 10px; color: #fff; font-family: 'Bender', sans-serif; text-align: center;}

.wrarity0 {background: radial-gradient(circle, rgba(212, 212, 180,.1) 0%, rgba(13, 27, 32, 1) 98%), #121212; border: 1px solid rgba(255,255,255,.5);}
.wrarity1 {background: radial-gradient(circle, rgba(255,255,255,.15) 0%, rgba(24, 24, 24, 1) 98%), #121212; border: 1px solid rgba(255,255,255,.5);}
.wrarity2 {background: radial-gradient(circle, rgba(75,105,255,.25) 0%, rgba(24, 24, 24, 1) 98%), #121212; border: 1px solid rgba(75,105,255,.5);}
.wrarity3 {background: radial-gradient(circle, rgba(211,44,230,.25) 0%, rgba(24, 24, 24, 1) 98%), #121212; border: 1px solid rgba(211,44,230,.5);}
.wrarity4 {background: radial-gradient(circle, rgba(254,243,61,.25) 0%, rgba(24, 24, 24, 1) 98%), #121212; border: 1px solid rgba(254,243,61,.5);}
.wrarity5 {background: radial-gradient(circle, rgba(255,0,0,.25) 0%, rgba(24, 24, 24, 1) 98%), #121212; border: 1px solid rgba(255,0,0,.5);}

.wpremium-header {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/templates/Default/images/headers/bg-header-premium.png); background-size: cover; background-position: center center;}

.wpvp-header {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/templates/Default/images/assasinsleague/header.jpg); background-size: cover; background-position: center center;}
.wpvp {padding-top: 300px;}
.wpvp-underlogo {height: 100px;}
.wpvp-rating {background: rgba(255,255,255,.1); padding: 25px 50px; border-radius: 15px; width: max-content; max-width: calc(100% - 20px); white-space: nowrap; font-size: 50pt; font-family: 'Bender', sans-serif; }
.wpvp-rating img {position: relative; width: 1em; top: -0.05em; margin-right: -0.25em;}
.wpvp-rating-title {font-size: 14pt; text-align: center; color: #fff;}
.wpvp-rating-top {color: #fff;}

.wpvp-slide-item {position: relative; background: rgba(13, 27, 32,.75); border-radius: 15px; overflow: hidden;}
.wpvp-slide-header {position: relative; aspect-ratio: 16/9; overflow: hidden; background: var(--slidebg); background-size: cover; background-position: center center;}
.wpvp-slide-header img {position: relative; top: -30%; width: 100%;}
.wpvp-slide-info {padding: 20px; position: relative;}
.wpvp-slide-title {font-size: 14pt; font-family: 'Bender', sans-serif;  color: #fff;}
.wpvp-slide-text {margin-top: 10px;}

.wmain {padding-top: 400px;}
.wmain-logo {width: 300px; max-width: 40%; position: fixed;}
.wmain-header {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/templates/Default/images/headers/bg-main-2025.jpg); background-size: cover; background-position: center center;}
.wmain-header-snow {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/templates/Default/images/headers/bg-main-2025-snow.jpg); background-size: cover; background-position: center center;}
.wmain-gradient {background: linear-gradient(180deg, rgba(13,27,32,0) 0%, rgba(13,27,32,.5) 30%, rgba(13,27,32,1) 100%); height: 350px;}
.wmain-bg {background: rgba(13,27,32,1);}
.wmain-content {position: relative; background: var(--background, rgba(13,27,32,1)); background-size: cover; background-position: center center; padding: 50px 0;}
.wmain-blur:before {content: ""; backdrop-filter: blur(5px); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.wmain-dark:before {content: ""; background: rgba(13,27,32,.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.wmain-title, .wmain-title-plus {font-family: 'Bender', sans-serif;  color: #fff; font-size: 34pt; z-index: 2;}
.wmain-title-plus {padding-top: 150px; z-index: 2;}
.wmain-title-text {margin-top: 10px; margin-bottom: 30px; z-index: 2;}
.wmain-title-text a {font-weight: bold; color: #fff; z-index: 2;}
.wmain-grid {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 10px; grid-auto-flow: row dense; margin-top: 30px; z-index: 2;}
.wmain-grid-item {background: rgba(255,255,255,.1); border-radius: 15px; padding: 30px; text-align: center; transition: 0.3s all; color: #fff; font-weight: bold; font-size: 14pt;}
.wmain-grid-item:hover {background: rgba(255,255,255,.2); transition: 0.3s all;}
.wmain-left {position: relative; width: 75%; max-width: 800px; z-index: 100;}
.wmain-center {position: relative; width: 75%; max-width: 800px; z-index: 100; margin: 0 auto; text-align: center;}
.wmain-right {position: relative;margin-right: 0; margin-left: auto; width: 75%; max-width: 800px; z-index: 100;}
.wmain-alt *, .wmain-alt a {color: #0d1b20;}
.wmain-img-right {position: absolute; right: 0; bottom: 0; height: 125%; z-index: 1; pointer-events: none;}
.wmain-img-left {position: absolute; left: 0; bottom: 0; height: 125%; z-index: 1; pointer-events: none;}

.wmain-boss {position: relative; background: var(--background); background-size: cover; background-position: center center; padding: 100px 50px; border-radius: 20px; border: 1px solid rgba(0,0,0,.5); overflow: hidden;}
.wmain-boss-info {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wmain-boss-title {font-family: 'Bender', sans-serif;  color: #fff; font-size: 16pt;}
.wmain-boss-text {font-weight: bold; color: #d4d4b4;}

.wmain-news {aspect-ratio: 16/9; border-radius: 15px; overflow: hidden;}
.wmain-news img {width: 100%;}

.wmain-progress-item {position: relative; aspect-ratio: 6/3; background: rgba(255,255,255,.1); border-radius: 15px; padding: 20px;}
.wmain-progress-title {font-family: 'Bender', sans-serif;  color: #fff; font-size: 12pt;}
.wmain-progress-text {margin-top: 10px;}
.wmain-progress-down {position: absolute; bottom: 20px; left: 20px; right: 20px; font-size: 10pt; font-weight: bold; color: #fff;}
.wmain-progress-done {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35%; opacity: .5;}

.weekly-total {position: relative; background: rgba(255,255,255,.1); padding: 20px; margin-top: 10px; border-radius: 15px;}
.weekly-item {aspect-ratio: 9/12; position: relative; background: var(--background); background-size: cover; background-position: center center; border-radius: 10px; overflow: hidden;}
.weekly-in {background: rgba(0,0,0,.5); padding: 20px; height: 100%;}
.weekly-info {position: absolute; bottom: 10px; left: 10px; right: 10px;}
.weekly-title {font-family: 'Bender', sans-serif;  color: #fff;}
.weekly-text {padding-top: 10px;}
.weekly-progress {background: rgba(255,255,255,.1); border-radius: 5px; overflow: hidden; margin-top: 10px;}
.weekly-progress-bar {background: #d4d4b4; width: var(--width); height: 7px;}
.weekly-xp {position: absolute; top: 15px; right: 15px; font-family: 'Bender', sans-serif;  color: #fff;}
.weekly-done {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 65%; opacity: .5;}
.weekly_done_bg {background: rgba(0,0,0,.75);}

.wraid {text-align: center; color: #fff; border-radius: 15px; overflow: hidden;}
.wraid:before {content: ""; background: rgba(13,27,32,.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.wraid > * {position: relative;}
.wraid-title {padding-top: 30px; font-family: 'Bender', sans-serif;  color: #fff; font-size: 24pt; z-index: 2;}
.wraid-subtitle {padding-top: 10px; color: #fff;}
.wraid-stars {padding: 30px 0 30px 0; filter: drop-shadow(1px 1px 2px black);}
.wraid-stars img {width: 30px;}
.wraid-stars-title, .wraid-stars-timer {font-size: 12pt; font-weight: bold;}
.wraid-stars-timer i {position: relative; top: 2px; font-size: 14pt;}
.wraid-buttons {padding: 30px 0;}
.wraid-info {width: 400px; max-width: 100%; margin: 0 auto; font-size: 10pt;}
.wraid-wb-row {margin: 30px auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; grid-auto-flow: row dense;}
.wraid-wb-item {}
.wraid-wb-score {font-size: 30pt; font-family: 'Bender', sans-serif;}
.wraid-fraction-points {font-family: 'Bender', sans-serif; font-size: 18pt;}
.wraid-double-xp {
    margin: 0 auto; 
    position: relative;
    top: 15px;
    bottom: -15px;
    width: fit-content; 
    font-family: 'Bender', sans-serif; 
    font-size: 8pt; 
    padding: 5px 7px; 
    border-radius: 5px; 
    text-transform: uppercase; 
    background: linear-gradient(90deg, 
        rgba(120, 90, 30, 0.8) 0%, 
        rgba(200, 150, 50, 0.9) 15%, 
        rgba(255, 215, 100, 1) 30%, 
        rgba(255, 240, 180, 1) 40%, 
        rgba(255, 215, 100, 1) 50%, 
        rgba(200, 150, 50, 0.9) 65%, 
        rgba(120, 90, 30, 0.8) 80%, 
        rgba(200, 150, 50, 0.9) 90%, 
        rgba(120, 90, 30, 0.8) 100%);
    animation: shine 2.5s infinite linear;
    background-size: 300%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.wb-badge {min-width: 150px; position: absolute; top: 50px; right: 20px; background: rgba(255,255,255,.1); color: #fff; padding: 5px 7px 5px 45px; border: 1px solid rgba(255,255,255,.2); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); border-radius: 10px; transition: 0.3s all;}
.wb-badge:hover {background: rgba(255,255,255,.25); border: 1px solid rgba(255,255,255,.5); transition: 0.3s all;}
.wb-badge img {position: absolute; left: 2px; top: 4px; width: 40px;}
.wb-badge span {font-size: 8pt; position: relative; top: -1px;}

.wraid-double-xp-item:after {content: "2XP"; position: absolute; left: -30px; top: 15px;    width: fit-content; 
    font-family: 'Bender', sans-serif; 
    font-size: 8pt; 
    padding: 5px 7px; 
    border-radius: 5px; 
    text-transform: uppercase; 
    background: linear-gradient(90deg, 
        rgba(120, 90, 30, 0.8) 0%, 
        rgba(200, 150, 50, 0.9) 15%, 
        rgba(255, 215, 100, 1) 30%, 
        rgba(255, 240, 180, 1) 40%, 
        rgba(255, 215, 100, 1) 50%, 
        rgba(200, 150, 50, 0.9) 65%, 
        rgba(120, 90, 30, 0.8) 80%, 
        rgba(200, 150, 50, 0.9) 90%, 
        rgba(120, 90, 30, 0.8) 100%);
    animation: shine 2.5s infinite linear;
    background-size: 300%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: 0.3s all;
}

.wraid-double-xp-item:hover:after {
    left: -40px;
    transition: 0.3s all;
}

@keyframes shine {
    0% {
        background-position: -150% 0;
    }
    100% {
        background-position: 150% 0;
    }
}

.wraid-fixred {background: #9C2007; color: #fff; position: relative; top: 100px; left: 100px; width: 200px; padding: 20px;}

.wpremium-row {border-radius: 15px; background: url(/templates/Default/images/headers/bg-header-premium.png); background-size: cover; background-position: center center; padding: 50px; text-align: center;}
.wpremium-logo {width: 200px; max-width: 30%; margin-bottom: 10px;}
.wpremium-season {font-family: 'Bender', sans-serif; color: #fff; font-size: 24pt;}
.wpremium-price {margin-top: 20px;}

.newevents-header-h1 {text-align: center; font-family: 'Bender', sans-serif;  color: #fff;}
.newevents {width: 100%; height: 100%;}
.newevents-row {width: 900px; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.newevents-item {aspect-ratio: 9/12; overflow: hidden; position: relative; background: var(--background); background-size: cover; background-position: center center; border: 1px solid #fff; transition: 0.3s all;}
.newevents-item:before {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(0deg, rgba(13,27,32,1) 0%, rgba(13,27,32,0) 100%); z-index: 10;}
.newevents-item:hover {transform: scale(0.95); transition: 0.3s all;}
.newevents-info {position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; z-index: 22;}
.newevents-info p {margin: 10px 0;}
.newevents-info h1 {margin: 0; font-family: 'Bender', sans-serif;  font-size: 22pt; color: #fff;}
.newevents-dates {font-size: 12pt; font-family: 'Bender', sans-serif;  color: #fff;}
.newevents-text {color: #fff; z-index: 22;}
.newevents-soon {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}

.newevents-double-xp {text-align: center; padding-top: 20%;}
.newevents-double-xp img {width: 40%; filter: drop-shadow(0 0 5px #000000);}

.op-skills-header-text {margin-bottom: 30px;}
.op-skills {background: #121212; border: 1px solid #fff; padding: 30px;}
.op-skills-row {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 30px; grid-auto-flow: row dense; padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid rgba(255,255,255,.2);}
.op-skill-item {position: relative;}
.op-skill-cube {background: #121212; border: 1px solid rgba(255,255,255,.3); transform:rotate(45deg); aspect-ratio: 1/1;}
.op-skill-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.op-skill-icon img {width: 100%;}

.op-skill-level {position: relative;}
.op-skill-level-cube {background: #121212; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; aspect-ratio: 1/1;}
.op-skill-level-icon {font-family: 'Bender', sans-serif;  position: absolute; color: #0d1b20; top: 50%; left: 50%; transform: translate(-100%, -50%);}
.op-skill-level-icon img {width: 200%;}

.op-skills-lock {opacity: .3;}
.op-skill-done {border: 1px solid #fff;}

.spoiler {
  --spoiler-container-rows: 0fr;
  --spoiler-container-opacity: 0;
  --spoiler-container-padding: 0 0;
  --spoiler-bgc-heading: rgba(255,255,255,.1);
  --spoiler-transition: 0.3s all;
  --spoiler-arrow-transform: rotate(0deg);
    border: 1px solid rgba(255,255,255,.2);
  box-sizing: border-box;
  transition: var(--spoiler-transition);
    color: rgba(var(--color-0), 1);
}
    
.spoiler:hover {
  --spoiler-bgc-heading: rgba(255,255,255,.1);
  --spoiler-transition: 0.3s all;
    border: 1px solid rgba(255,255,255,.2);
}

[data-spoiler="active"] {
  --spoiler-container-rows: 1fr;
  --spoiler-container-opacity: 1;
  --spoiler-container-maring: 0;
  --spoiler-container-padding: 16px;
}

.spoiler__heading {
  background: var(--spoiler-bgc-heading);
  transition: var(--spoiler-transition);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  line-height: 1.1;
  min-height: 54px;
  box-sizing: border-box;
}

[data-spoiler-trigger] {
  cursor: pointer;
}

.spoiler__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  color: rgba(var(--color-0), 1);
  margin-left: auto;
  transition: var(--spoiler-transition);
  transform: var(--spoiler-arrow-transform);
}

.spoiler__arrow i {
    position: relative;
    top: 1px;
    padding-right: 5px;
    color: rgba(255, 49, 49, .5);
}

.spoiler__title {
  color: rgba(var(--color-0), 1);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  @media (--v8) {
    font-size: 16px;
  }
}
    
.spoiler__title span {font-weight: normal; color: rgba(255,255,255,.7);}

.spoiler__container {
  margin: var(--spoiler-container-maring);
  padding: var(--spoiler-container-padding);
  display: grid;
  grid-template-rows: var(--spoiler-container-rows);
  overflow: hidden;
  opacity: var(--spoiler-container-opacity);
  transition: var(--spoiler-transition);
  box-sizing: border-box;
  background: rgba(255,255,255,.0);
}

.spoiler__content {
  min-height: 0;
  font-size: 14px;
  line-height: 1.4;

  @media (--v8) {
    font-size: 16px;
  }
}

.full_spoiler__content {
  min-height: 0;
  font-size: 14px;
  line-height: 1.4;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    grid-auto-flow: row dense;

  @media (--v8) {
    font-size: 16px;
  }
}
    
.spoiler__content input {color: #fff; padding: 0; margin: 0; font-size: 10pt; border-radius: 0;}

.battlepass-row {margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 10px; grid-auto-flow: row dense;}
.battlepass-item {position: relative; width: 100%;}
.battlepass-take {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);}
.battlepass-icon {width: 100%;}
.battlepass-level {text-align: center; font-weight: bold; font-size: 10pt; padding: 5px 0;}
.battlepass-status {max-width: 100%; text-align: center; font-size: 10pt; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; line-height: 200%;}
.battlepass-lock {transition: 0.3s all;}
.battlepass-btn {position: absolute; top: 30px; left: 50%; transform: translate(-50%, 0);}
.battlepass-name {font-size: 16pt; font-weight: bold;}
.battlepass-count {font-size: 25pt; font-family: 'Bender', sans-serif;  text-transform: uppercase; margin-top: 30px;}
.battlepass-count span {background: #fff; color: #0d1b20; padding: 10px 15px;}
.battlepass-timer {margin-top: 15px; color: rgba(255,255,255,.7);}
.battlepass-done {position: absolute; top: 20px; left: 20px; right: 20px; width: calc(100% - 40px); opacity: .75;}
.battlepass-done img {width: 100%;}
.battlepass-lock-premium {position: absolute; top: 0; left: 0; right: 0; padding: 20px; width: calc(100% - 40px); background: rgba(0,0,0,.7); opacity: .75;}
.battlepass-premium {background: #000; color: #fff; font-size: 12pt; padding: 5px; font-family: 'Bender', sans-serif;  text-transform: uppercase;}
.battlepass-item-progress {background: rgba(255,255,255,.1); margin-bottom: 5px; width: 100%; height: 10px; overflow: hidden;}
.battlepass-item-progress-bar {width: var(--width); background: rgba(255,255,255,1); height: 10px;}

.battlepass-bar:before {position: absolute; content: "Прогресс текущего уровня:"; top: -25px; font-weight: bold; width: 100%; text-align: center;}
.battlepass-bar {max-width: 500px; margin: 50px auto 20px auto; background: rgba(255,255,255,.1); position: relative; padding: 7px;}
.battlepass-bar-progress {position: absolute; top: 10px; left: 0; width: 100%; text-align: center; font-family: 'Bender', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 16pt;}
.battlepass-unlock-me {animation: scale1 2s infinite; transition: all .2s;}
.battlepass-unlock-me:hover {animation: none; transform: scale(1); transition: all .2s;}

.battlepass-premium-banner {background: rgba(255,255,255,.1); margin: 0 auto 50px auto; width: 550px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; padding: 20px; box-sizing: border-box;
    border-radius: 15px;
    background: linear-gradient(90deg, 
        rgba(120, 90, 30, 0.8) 0%, 
        rgba(200, 150, 50, 0.9) 15%, 
        rgba(255, 215, 100, 1) 30%, 
        rgba(255, 240, 180, 1) 40%, 
        rgba(255, 215, 100, 1) 50%, 
        rgba(200, 150, 50, 0.9) 65%, 
        rgba(120, 90, 30, 0.8) 80%, 
        rgba(200, 150, 50, 0.9) 90%, 
        rgba(120, 90, 30, 0.8) 100%);
    animation: shine 2.5s infinite linear;
    background-size: 300%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}
.battlepass-premium-banner-logo {position: relative;}
.battlepass-premium-banner-logo img {position: absolute; top: 50%; transform: translate(0, -50%);}
.battlepass-premium-banner-text {grid-column: span 2; padding: 20px;}
.battlepass-premium-banner-title {font-family: 'Bender', sans-serif;  text-transform: uppercase; font-size: 14pt; color: #fff;}
.battlepass-premium-banner-info {margin-top: 15px;}
.battlepass-premium-banner-buy {margin-top: 15px;}

.collector-cover {
    position: relative;
}

.collector-item-have {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 10pt;
    font-weight: bold;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    width: 100px;
}

.collector-level-progress {position: relative; background: rgba(255,255,255,.1); border-radius: 5px; padding: 5px;}
.collector-level-rpogress-bar {height: 20px; width: var(--width); border-radius: 2px;}
.collector-level-progress-text {position: absolute; top: 50%; left: 50%; font-weight: bold; font-size: 10pt; color: #fff; transform: translate(-50%, -50%);}
.collector-level-row {margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 0; grid-auto-flow: row dense;}
.collector-level-item {font-size: 10pt; padding-top: 10px;}
.collector-level-item-title {font-weight: bold; color: #fff;}
.collector-level-item-info {margin-top: 5px;}
.collector-level-item-info b {color: #fff;}

.bg-battlepass-season4 {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle, rgba(79,139,50,1) 0%, rgba(55,102,32,1) 100%);
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.bg-battlepass-season3 {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle, rgba(50,153,232,1) 0%, rgba(19,51,106,1) 100%);
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.newbusiness *:not(.popup_body *) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.newbusiness .popup_body {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}
.newbusiness a {
  text-decoration: none;
  display: inline-block;
}
.newbusiness {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 100em;
  margin-inline: auto;
  gap: 2rem;
  position: relative;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 5em;
}
.newbusiness .card {
  position: relative;
  z-index: 0;
  max-width: 25rem;
  min-height: 25rem;
  width: 90%;
  display: grid;
  place-content: center;
  place-items: center;
  text-align: center;
  position: relative;
  box-shadow: 1px 12px 25px rgba(0, 0, 0, 0.78);
  border-radius: 2.25rem;
}
.newachievements .card {
  position: relative;
  z-index: 0;
  max-width: 18rem;
  min-height: 18rem;
  width: 90%;
  display: grid;
  place-content: center;
  place-items: center;
  text-align: center;
  position: relative;
  box-shadow: 1px 12px 25px rgba(0, 0, 0, 0.78);
  border-radius: 2.25rem;
}
@media screen and (max-width: 650px) { 
    .newachievements .card {
      aspect-ratio: 1/1;
      max-width: 100%;
      min-height: 100%;
    }
}
.newbusiness .card::before {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 2.25rem;
  z-index: -1;
  border: 0.155rem solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.newbusiness .card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8em 0.5em 0em 1.5em;
}
.newbusiness .card-header .date {
  color: #ddd;
}
.newbusiness .card-header svg {
  color: #fff;
  width: 2.5rem;
  cursor: pointer;
}
.newachievements .card-header i {
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  margin-right: 0.75rem;
  margin-top: 0.5rem;
}
.newbusiness .card-body {
  position: absolute;
  width: 100%;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.7em 1.25em 0.5em 1.5em;
}
.newachievements .card-body {
  position: absolute;
  width: 100%;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  padding: 0.7em 1.25em 0.5em 1.5em;
}
.newbusiness .green .card-body:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 75px;
    height: 75px;
    background: url(https://theclosedsector.com/templates/Default/images/op-settings/nogun.png);
    background-size: cover;
    opacity: .5;
}
.newbusiness .orange .card-body:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 75px;
    height: 75px;
    background: url(https://theclosedsector.com/templates/Default/images/op-settings/noarmor.png);
    background-size: cover;
    opacity: .5;
}
.newbusiness .red .card-body:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 75px;
    height: 75px;
    background: url(https://theclosedsector.com/templates/Default/images/op-settings/disassembly.png);
    background-size: cover;
    opacity: .5;
}
.newbusiness .card-body h3 {
  color: #fff;
  font-size: 1.375rem;
  margin-top: 0.625em;
  margin-bottom: 0.188em;
  font-weight: 600;
}
.newachievements .card-body h3 {
  color: #fff;
  font-size: 0.985rem;
  margin-top: 0.625em;
  margin-bottom: 0.188em;
  font-weight: 600;
}
.newbusiness .card-body p {
  color: #ddd;
  font-size: 0.825rem;
  letter-spacing: 0.031rem;
}
.newbusiness .card-body .newbusiness-progress {
  margin-top: 0.938rem;
}
.newbusiness .card-body .newbusiness-progress .newbusiness-progress-bar {
  position: relative;
  width: 100%;
  background: #363636;
  height: 0.313rem;
  display: block;
  border-radius: 3.125rem;
}
.newbusiness .card-body .newbusiness-progress .newbusiness-progress-bar:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: block;
  border-radius: 3.125rem;
}
.newbusiness .card-body .newbusiness-progress span:first-of-type {
  color: #fff;
  text-align: left;
  font-weight: 600;
  width: 100%;
  display: block;
  margin-bottom: 0.313rem;
}
.newbusiness .card-body .newbusiness-progress span {
  margin-top: 0.313rem;
  text-align: right;
  display: block;
  color: #fff;
}
.newbusiness .card-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-top: 0.063rem solid #292929;
  display: flex;
  justify-content: space-between;
  padding: 0.7em 1.25em 0.5em 1.5em;
  background: #151419;
  border-bottom-left-radius: 2.25rem;
  border-bottom-right-radius: 2.25rem;
}
.newbusiness .card-footer ul {
  display: flex;
  align-items: center;
}
.newbusiness .card-footer ul li {
  list-style-type: none;
  display: flex;
  margin-right: -0.625rem;
}
.newbusiness .card-footer ul li img {
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  object-fit: cover;
}
.newbusiness .card-footer .btn-add {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newbusiness .card-footer .btn-add svg {
  width: 1rem;
}
.newbusiness .card-footer .btn-countdown {
  cursor: pointer;
  background: #222127;
  color: #fff;
  border-radius: 2em;
  padding: 0.625rem 1.5rem;
}
.newachievements .card-footer .btn-countdown {
  margin: 0 auto;
  cursor: pointer;
  background: #222127;
  color: #fff;
  border-radius: 2em;
  padding: 0.625rem 1.5rem;
}
.newbusiness .green {
  background: radial-gradient(ellipse at right top, #107667ed 0%, #151419 47%, #151419 100%);
}
.newbusiness .green:before {
  background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #01c3a8) border-box;
}
.newbusiness .green .btn-add {
  background: #01c3a8;
}
.newbusiness .green .newbusiness-progress-bar:after {
  width: var(--width);
  background: #01c3a8;
}
.newbusiness .green .btn-countdown:hover {
  background: #01c3a8;
}
.newbusiness .blue {
  background: radial-gradient(ellipse at right top, #00458f8f 0%, #151419 45%, #151419 100%);
}
.newbusiness .blue:before {
  background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #1890ff) border-box;
}
.newbusiness .blue .btn-add {
  background: #1890ff;
}
.newbusiness .blue .newbusiness-progress-bar:after {
  width: var(--width);
  background: #1890ff;
}
.newbusiness .blue .btn-countdown:hover {
  background: #1890ff;
}
.newbusiness .orange {
  background: radial-gradient(ellipse at right top, #ffb74194 0%, #151419 47%, #151419 100%);
}
.newbusiness .orange:before {
  background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #ffb741) border-box;
}
.newbusiness .orange .btn-add {
  background: #ffb741;
}
.newbusiness .orange .newbusiness-progress-bar:after {
  width: var(--width);
  background: #ffb741;
}
.newbusiness .orange .btn-countdown:hover {
  background: #ffb741;
}
.newbusiness .red {
  background: radial-gradient(ellipse at right top, #a63d2a82 0%, #151419 47%, #151419 100%);
}
.newbusiness .red:before {
  background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #a63d2a) border-box;
}
.newbusiness .red .btn-add {
  background: #a63d2a;
}
.newbusiness .red .newbusiness-progress-bar:after {
  width: var(--width);
  background: #a63d2a;
}
.newbusiness .red .btn-countdown:hover {
  background: #a63d2a;
}

/* Достижения */
.newbusiness .a_rarity1 {background: radial-gradient(ellipse at right top, #70707094 0%, #151419 45%, #151419 100%);}
.newbusiness .a_rarity1:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #bfbfbf) border-box;}
.newbusiness .a_rarity1 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_rarity1 .newbusiness-progress-bar:after {width: var(--width);background: #ffffff;}
.newbusiness .a_rarity1 .btn-countdown {pointer-events: none;}
.newbusiness .a_rarity1 .date {color: #fff;}

.newbusiness .a_rarity2 {background: radial-gradient(ellipse at right top, #4564ff94 0%, #151419 45%, #151419 100%);}
.newbusiness .a_rarity2:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #4b69ff) border-box;}
.newbusiness .a_rarity2 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_rarity2 .newbusiness-progress-bar:after {width: var(--width);background: #4b69ff;}
.newbusiness .a_rarity2 .btn-countdown {pointer-events: none;}
.newbusiness .a_rarity2 .date {color: #4b69ff;}

.newbusiness .a_rarity3 {background: radial-gradient(ellipse at right top, #fc45ff94 0%, #151419 45%, #151419 100%);}
.newbusiness .a_rarity3:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #ff4af9) border-box;}
.newbusiness .a_rarity3 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_rarity3 .newbusiness-progress-bar:after {width: var(--width);background: #ff4af9;}
.newbusiness .a_rarity3 .btn-countdown {pointer-events: none;}
.newbusiness .a_rarity3 .date {color: #ff4af9;}

.newbusiness .a_rarity4 {background: radial-gradient(ellipse at right top, #fff94594 0%, #151419 45%, #151419 100%);}
.newbusiness .a_rarity4:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #fcff4a) border-box;}
.newbusiness .a_rarity4 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_rarity4 .newbusiness-progress-bar:after {width: var(--width);background: #fcff4a;}
.newbusiness .a_rarity4 .btn-countdown {pointer-events: none;}
.newbusiness .a_rarity4 .date {color: #fcff4a;}

.newbusiness .a_rarity5 {background: radial-gradient(ellipse at right top, #ff454594 0%, #151419 45%, #151419 100%);}
.newbusiness .a_rarity5:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #ff4a4a) border-box;}
.newbusiness .a_rarity5 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_rarity5 .newbusiness-progress-bar:after {width: var(--width);background: #ff4a4a;}
.newbusiness .a_rarity5 .btn-countdown {pointer-events: none;}
.newbusiness .a_rarity5 .date {color: #ff4a4a;}

.newbusiness .a_lock_rarity1 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_rarity1:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #bfbfbf) border-box;}
.newbusiness .a_lock_rarity1 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_rarity1 .newbusiness-progress-bar:after {width: var(--width);background: #ffffff;}
.newbusiness .a_lock_rarity1 .btn-countdown {background: transparent; pointer-events: none; color: rgba(255,255,255,.5);}
.newbusiness .a_lock_rarity1 .date {color: #fff;}

.newbusiness .a_lock_rarity2 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_rarity2:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #4b69ff) border-box;}
.newbusiness .a_lock_rarity2 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_rarity2 .newbusiness-progress-bar:after {width: var(--width);background: #4b69ff;}
.newbusiness .a_lock_rarity2 .btn-countdown {background: transparent; pointer-events: none; color: rgba(255,255,255,.5);}
.newbusiness .a_lock_rarity2 .date {color: #4b69ff;}

.newbusiness .a_lock_rarity3 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_rarity3:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #ff4af9) border-box;}
.newbusiness .a_lock_rarity3 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_rarity3 .newbusiness-progress-bar:after {width: var(--width);background: #ff4af9;}
.newbusiness .a_lock_rarity3 .btn-countdown {background: transparent; pointer-events: none; color: rgba(255,255,255,.5);}
.newbusiness .a_lock_rarity3 .date {color: #ff4af9;}

.newbusiness .a_lock_rarity4 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_rarity4:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #fcff4a) border-box;}
.newbusiness .a_lock_rarity4 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_rarity4 .newbusiness-progress-bar:after {width: var(--width);background: #fcff4a;}
.newbusiness .a_lock_rarity4 .btn-countdown {background: transparent; pointer-events: none; color: rgba(255,255,255,.5);}
.newbusiness .a_lock_rarity4 .date {color: #fcff4a;}

.newbusiness .a_lock_rarity5 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_rarity5:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #ff4a4a) border-box;}
.newbusiness .a_lock_rarity5 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_rarity5 .newbusiness-progress-bar:after {width: var(--width);background: #ff4a4a;}
.newbusiness .a_lock_rarity5 .btn-countdown {background: transparent; pointer-events: none; color: rgba(255,255,255,.5);}
.newbusiness .a_lock_rarity5 .date {color: #ff4a4a;}

.newbusiness .a_lock_done_rarity1 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_done_rarity1:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #bfbfbf) border-box;}
.newbusiness .a_lock_done_rarity1 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_done_rarity1 .newbusiness-progress-bar:after {width: var(--width);background: #ffffff;}
.newbusiness .a_lock_done_rarity1 .btn-countdown {background: #ffffff; color: #000000;}
.newbusiness .a_lock_done_rarity1 .date {color: #fff;}

.newbusiness .a_lock_done_rarity2 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_done_rarity2:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #4b69ff) border-box;}
.newbusiness .a_lock_done_rarity2 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_done_rarity2 .newbusiness-progress-bar:after {width: var(--width);background: #4b69ff;}
.newbusiness .a_lock_done_rarity2 .btn-countdown {background: #4b69ff;}
.newbusiness .a_lock_done_rarity2 .date {color: #4b69ff;}

.newbusiness .a_lock_done_rarity3 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_done_rarity3:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #ff4af9) border-box;}
.newbusiness .a_lock_done_rarity3 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_done_rarity3 .newbusiness-progress-bar:after {width: var(--width);background: #ff4af9;}
.newbusiness .a_lock_done_rarity3 .btn-countdown {background: #ff4af9;}
.newbusiness .a_lock_done_rarity3 .date {color: #ff4af9;}

.newbusiness .a_lock_done_rarity4 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_done_rarity4:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #fcff4a) border-box;}
.newbusiness .a_lock_done_rarity4 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_done_rarity4 .newbusiness-progress-bar:after {width: var(--width);background: #fcff4a;}
.newbusiness .a_lock_done_rarity4 .btn-countdown {background: #fcff4a; color: #000000;}
.newbusiness .a_lock_done_rarity4 .date {color: #fcff4a;}

.newbusiness .a_lock_done_rarity5 {background: radial-gradient(ellipse at right top, #151419 0%, #151419 45%, #151419 100%);}
.newbusiness .a_lock_done_rarity5:before {background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #ff4a4a) border-box;}
.newbusiness .a_lock_done_rarity5 .btn-add {opacity: 0; pointer-events: none;}
.newbusiness .a_lock_done_rarity5 .newbusiness-progress-bar:after {width: var(--width);background: #ff4a4a;}
.newbusiness .a_lock_done_rarity5 .btn-countdown {background: #ff4a4a;}
.newbusiness .a_lock_done_rarity5 .date {color: #ff4a4a;}

.newbusiness .card-footer-title {
    display: block;
    font-size: 10pt;
    font-weight: bold;
}
.newbusiness .card-footer-reward {
    display: block;
    color: #fff;
    font-weight: bold;
}

        /* Стили для tooltip */
        .newachievements .card-header .tooltip {
            max-width: 150px;
            opacity: 0; pointer-events: none; /* Изначально скрываем подсказку */
            position: absolute; /* Позиционируем относительно родительского элемента */
            top: 17px; /* Размещаем подсказку выше иконки */
            text-aligh: left;
            font-size: 10pt;
            right: 55px; /* Центруем относительно иконки */
            background-color: rgba(0,0,0,.75); /* Цвет фона подсказки */
            color: #fff; /* Цвет текста подсказки */
            padding: 5px 10px; /* Отступы внутри подсказки */
            border-radius: 5px; /* Скругление углов */
            z-index: 1; /* Защита от наложения других элементов */
            transition: 0.3s all;
        }

        /* Показываем tooltip при наведении на контейнер */
        .newachievements .card-header:hover .tooltip {
            opacity: 1; pointer-events: pointer;
            display: block; /* Показываем подсказку */
            transition: 0.3s all;
        }

.newbusiness-list {background: rgba(255,255,255,.05); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 10px; align-items: center; transition: 0.3s all;}
.newbusiness-list:hover {background: rgba(255,255,255,.1); transition: 0.3s all;}
.newbusiness-list-rank-img {width: 100%;}
.newbusiness-list-title {grid-column: span 3; font-size: 14pt; font-family: 'Bender', sans-serif;  text-transform: uppercase; color: #fff;}
.newbusiness-list-autor {grid-column: span 3;}
.newbusiness-list-info {grid-column: span 2; font-size: 14pt; font-family: 'Bender', sans-serif; }
.newbusiness-list-info-icon {width: 2em;}
.newbusiness-list-status {grid-column: span 4; padding: 0 20px;}
.newbusiness-list-status-block {padding: 5px; text-align: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); font-size: 10pt; font-family: 'Bender', sans-serif;  text-transform: uppercase; color: #fff; letter-spacing: 5px;}

.webpush-welcome {animation: webpush 3s forwards; color: #fff; padding: 20px; text-align: center; width: 400px; max-width: 80%; position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); z-index: 200001; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}
.webpush-welcome-title {font-family: 'Bender', sans-serif; font-size: 12pt;}
.webpush-welcome-text {font-size: 10pt; margin: 10px 0;}
.webpush-welcome-img {animation: webpush 2s forwards; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 600px; max-width: 100%; z-index: 200000; position: fixed; display: inline-block;}
.webpush-welcome-close {margin-top: 15px; color: rgba(255,255,255,.5);}
/* Анимация выезжания снизу */
@keyframes webpush {
    from {
        opacity: 0;
        transform: translate(-50%, 100%); /* Начальное положение: снизу */
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0); /* Конечное положение: на месте */
    }
}

.tgpush {background: rgba(255,255,255,.05); display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; grid-auto-flow: row dense; margin-top: 50px; padding-top: 100px; padding-bottom: 100px;}
.tgpush-item {text-align: center;}
.tgpush-num {font-family: 'Bender', sans-serif;  color: #fff; font-size: 30pt;}
.tgpush-text {margin: 10px auto 0 auto; max-width: 80%;}
.tgpush-text a, .tgpush-text span {color: #fff;}
#chatid input {width: 600px; padding: 30px; font-size: 20pt; text-align: center; color: #fff; font-family: 'Bender', sans-serif;  text-transform: uppercase; letter-spacing: 3px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);}

.vlootbox-area {height: 450px; position: relative;text-align: center;}
.vlootbox-area-cover {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 80%; z-index: 2;}
.vlootbox-opened {transform-origin:center; --bounce-duration: 700ms; animation: push-bounce var(--bounce-duration) cubic-bezier(.2,.7,.2,1) both;}
.vlootbox-limit {color: #fff; margin-top: 10px;}

@keyframes push-bounce {
  0%   { transform: translate(-50%,-50%) scale(1); }
  10%  { transform: translate(-50%,-50%) scale(0.92); }
  22%  { transform: translate(-50%,-50%) scale(1.06); }
  34%  { transform: translate(-50%,-50%) scale(0.97); }
  46%  { transform: translate(-50%,-50%) scale(1.03); }
  58%  { transform: translate(-50%,-50%) scale(0.995); }
  70%  { transform: translate(-50%,-50%) scale(1.01); }
  82%  { transform: translate(-50%,-50%) scale(1.002); }
  100% { transform: translate(-50%,-50%) scale(1); }
}

.vlootbox-title {text-align: center;}
.vlootbox-subname {font-family: 'Bender', sans-serif;  font-size: 24pt; text-transform: uppercase;}
.vlootbox-name {font-family: 'Bender', sans-serif;  font-size: 34pt; color: #fff; text-transform: uppercase;}

.statistics-h1 {font-family: 'Bender', sans-serif;  text-transform: uppercase; color: #ffffff; font-size: 30pt; margin-bottom: 10px; margin-top: 50px;}
.statistics-row {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense;}
.statistics-item {background: url(https://www.escapefromtarkov.com/themes/eft/images/news_li_bg.png) rgba(255,255,255,.1); padding: 20px 0; text-align: center;}
.statistics-title {color: #fff; font-weight: bold;}
.statistics-score {font-family: 'Bender', sans-serif;  text-transform: uppercase; color: #ffffff; font-size: 26pt;}
.statistics-subtitle {margin-top: 15px;}
.statistics-subtitle span {background: rgba(0,0,0,.2); padding: 5px 10px;}
.statistics-subtitle img {height: 1em; opacity: .5;}

.wpacks-row {position: relative; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
.wpacks-item {position: relative; width: 100%; aspect-ratio: 9/14; background: var(--background); background-size: cover; background-position: center center;}
.wpacks-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60%;
    width: 100%;
    background: linear-gradient(180deg, rgba(13,27,32,0) 0%, rgba(13,27,32,.2) 30%, rgba(13,27,32,1) 100%);
    z-index: 0;
    pointer-events: none;
}
.wpacks-item:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #494949; pointer-events: none;}
.wpacks-info {position: absolute; left: 10px; right: 10px; bottom: 10px;}
.wpacks-info-title {color: #fff; margin-bottom: 5px; font-weight: bold;}
.wpacks-title {width: 70%; margin: 20% auto 5px auto; font-family: 'Bender', sans-serif;  color: #fff; font-size: 20pt; padding-bottom: 5px; text-align: center; text-shadow: 0 0 5px black;}
.wpacks-desc {width: 70%; margin: 0 auto; text-align: center; text-shadow: 0 0 5px black;}
.wpacks-items {display: grid; z-index: 1; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 5px; grid-auto-flow: row dense;}
.wpacks-buy {padding-top: 20px; text-align: center; width: 100%; z-index: 2;}
.wpacks-badge-timer {width: max-content; font-size: 10pt; margin: 0 auto; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); padding: 5px 7px; color: #fff; border-radius: 5px; margin-top: 10px;}
.wpacks-logo {display: block; margin: 50px auto 0 auto; width: 80%;}

.education-row-4 {position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; grid-auto-flow: row dense;}
.education-row-3 {position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; grid-auto-flow: row dense;}
.education-row-2 {width: 66%; margin: 0 auto; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; grid-auto-flow: row dense;}
.education-row-1 {width: 33%; margin: 0 auto; position: relative;}
.education-item-2 {grid-column: span 2;}
.education-item img {width: 100%; border: 1px solid rgba(255,255,255,.2); margin: 0 0 20px 0; border-radius: 10px;}
.doublexp-img {display: block; margin: 0 auto 25px auto; width: 150px;}
.doublexp-lock {opacity: .25;}

.faq-title {margin-top: 50px; font-family: 'Bender', sans-serif; text-transform: uppercase; color: #fff; font-size: 14pt;}
.faq-subtitle {}
.faq-search {max-width: 500px; margin: 20px auto;}
.faq-newform {max-width: 500px; margin: 0 auto 10px auto;}
#faqSearch, #faqquestion, #faqanswer { width: 100%; padding: 10px; border: 1px solid rgba(255,255,255,.2); color: #fff; background: rgba(255,255,255,.1); border-radius: 4px; }
#faqResults { margin-top: 8px; border: 1px solid rgba(255,255,255,.2); border-radius: 5px; background: rgba(255,255,255,.1); display:none; }
#faqResults div { display:block; padding:8px 10px;}
#faqResults div:hover {background: rgba(255,255,255,.3);}

.auction-row {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense;}
.auction-item {position: relative; padding: 30px; border-radius: 15px; overflow: hidden; aspect-ratio: 4/6;}
.auction-cover {position: absolute; bottom: 0; left: 0; width: 100%; transition: all 0.3s;}
.auction-theme-cover {position: absolute; bottom: 0; width: 80%; left: 10%; transform: translateY(-50%) rotateX(15deg) rotateY(-10deg); transform-origin: center; transition: transform 0.4s ease, box-shadow 0.4s ease; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 10px 15px rgba(0, 0, 0, 0.2); border-radius: 12px;}
.auction-item:hover .auction-theme-cover {transform: translateY(-35%) rotateX(10deg) rotateY(-5deg) scale(1.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 15px 25px rgba(0, 0, 0, 0.25);}
.auction-item:hover .auction-cover {transform: scale(1.1); transition: all 0.3s;}
.auction-subtitle {color: #fff; text-align: center;}
.auction-title {text-align: center; font-family: 'Bender', sans-serif; color: #fff; font-size: 16pt;}
.auction-info-row {margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10; grid-auto-flow: row dense;}
.auction-info-item {text-align: center;}
.auction-info-subtitle {font-size: 10pt; color: #fff;}
.auction-info-title {font-family: 'Bender', sans-serif; color: #fff;}

.auction-h1 {font-family: 'Bender', sans-serif; color: #ffffff; font-size: 20pt; margin-bottom: 10px;}
.auction-lot {position: relative; grid-column: span 3; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 15px; padding: 20px;}
.auction-bid-best {background: rgba(68,148,74,.1); border: 1px solid rgba(68,148,74,.2); margin-bottom: 5px; border-radius: 5px; padding: 10px;  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense;}
.auction-bid {background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); margin-bottom: 5px; border-radius: 5px; padding: 10px;  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; grid-auto-flow: row dense;}
.auction-bid-user {grid-column: span 4; font-family: 'Bender', sans-serif; color: #fff;}
.auction-bid-bid {text-align: right; color: #fff; font-weight: bold;}
.getviewnewauctionbid {position: absolute; right: 20px; top: 20px;}

/* ADAPTIVE
----------------------------------------------- */

@media screen and (max-width: 1400px) {
    .wmain-img-right, .wmain-img-left {height: 110%;}
}

@media screen and (max-width: 1200px) {
    .auction-row {grid-template-columns: 1fr 1fr 1fr;}
    .auction-lot {grid-column: span 2;}
    .wpacks-row {grid-template-columns: 1fr 1fr;}
    .weekly-row {grid-template-columns: 1fr 1fr 1fr;}
    .wmodal-badge-edition {margin: 0 auto 10px auto;}
    
    .wbusiness-user {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
    .wbusiness-user-title {grid-column: span 8;}
}

@media screen and (max-width: 800px) {
    .wb-badge {right: 20px; top: 20px;}
    
    .auction-row {grid-template-columns: 1fr 1fr;}
    .vlootbox-area {height: 300px;}
    .vlootbox-area-cover {height: 60%;}
    .wbusiness-header-guest {aspect-ratio: 21/9;}
    .wbusiness-header-guest-in {left: 20px; bottom: 20px;}
    .wbusiness-guest-row {grid-template-columns: 1fr;}
    .wbusiness-guest-list {order: -1; grid-column: span 1;}
    
    .wraid-wb-row {grid-template-columns: 1fr; gap: 20px;}
    .wraid-wb-score {font-size: 20pt;}
    .wraid-fixred {top: 50px; left: 50px; width: 150px; font-size: 10pt;}
    
    .wbusiness-assistantlist-row {grid-template-columns: 1fr;}
    .wbusiness-assistantlist-item {padding: 0 20px; text-align: center;}
    .wbusiness-assistantlist-photo {text-align: center; padding-top: 40px;}
    .wbusiness-assistantlist-img {width: 40%; border-radius: 50%; background: rgba(255,255,255,.05);}
    .wbusiness-assistantlist-item-in {position: relative; top: 0; left: 0; transform: translate(0, 0);}
    .wbusiness-assistantlist-payday span, .wbusiness-assistantlist-payday-bonus span {color: #d4d4b4; font-family: 'Advent Pro', san;s-serif;}
    .wbusiness-assistantlist-btn {position: relative; top: auto; right: auto; margin-bottom: 20px;}
    
    .wbusiness-info-row, .wbusiness-info-row-invite {grid-template-columns: 1fr 1fr; gap: 10px;}
    .wbusiness-options {grid-template-columns: 1fr; gap: 5px;}
    .wbusiness-options-item {aspect-ratio: 24/9;}
    .wbusiness-options-item-img {top: 50%; right: 0; height: 70%; transform: translate(0, -50%);}
    .wbusiness-op {grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 0;}
    .wbusiness-op-title {grid-column: span 2; padding: 17px 17px 17px 50px;}
    .wbusiness-op-title-icon {width: 50px;}
    .wbusiness-op-title-rank {top: 10px; width: 30px;}
    .wbusiness-op-info {padding: 17px 0;}
    .wbusiness-user {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
    .wbusiness-user-info {padding: 17px 0;}
    .wbusiness-user-title {grid-column: span 3; padding: 17px 17px 17px 50px;}
    .wbusiness-user-title-rank {width: 30px; top:12px;}
    .wbusiness-op-status {text-align: center; grid-column: span 5; padding: 10px 17px 17px 17px;}
    
    .wmodal-full {height: 100%; width: calc(100% - 20px); padding: 10px 10px 250px 10px;}
    .wpacks-row {grid-template-columns: 1fr;}
    .wmodal {width: 300px; max-width: calc(100% - 20px); transform: translate(-50%, -60%);}
    .wmodal-img {width: 100px;}
    
    .wpvp-rating {font-size: 30pt; width: auto; text-align: center;}
    .wpvp-rating-title {font-size: 12pt;}
    
    .wmain {padding-top: 500px;}
    .wmain-logo {position: relative; top: -100px; left: 50%; transform: translate(-50%, 0);}
    .wmain-content {padding: 20px;}
    .wmain-title {font-size: 16pt;}
    .wmain-title-plus {padding-top: 0; font-size: 18pt;}
    .wmain-left, .wmain-center, .wmain-right {width: 100%;}
    .wmain-img-right, .wmain-img-left {display: none;}
    .wmain-last {padding-bottom: 100px;}
    
    .weekly-row {grid-template-columns: 1fr 1fr;}
    .newbusiness-list, .newbusiness-list-title, .newbusiness-list-info, .newbusiness-list-status-block {font-size: 6pt;}
    .battlepass-premium-banner {width: 100%; grid-template-columns: 1fr;}
    .battlepass-premium-banner-logo, .battlepass-premium-banner-text {grid-column: span 1; text-align: center;}
    .battlepass-premium-banner-logo img {position: relative; width: 30%;}
    .op-skills-row {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
    .newevents-row {top: 45%;}
    
    .tgpush {grid-template-columns: 1fr; padding-top: 50px; padding-bottom: 50px; gap: 50px;}
    .tgpush-item {padding: 0 30px;}
    
    .vlootbox-title {margin-bottom: 50px;}
    .vlootbox-subname {font-size: 14pt; text-transform: uppercase;}
    .vlootbox-name {font-size: 24pt;}
    
    .statistics-row {grid-template-columns: 1fr; gap: 10px;}
    
    .education-row-4, .education-row-3, .education-row-2, .education-row-1 {width: 100%; grid-template-columns: 1fr;}
    .education-item-2 {grid-column: span 1;}
}

@media screen and (max-width: 600px) {
    .auction-row {grid-template-columns: 1fr;}
    .auction-item {aspect-ratio: 4/3;}
    .auction-lot {grid-column: span 1;}
    .auction-info-row {margin-top: 20px; width: 35%; grid-template-columns: 1fr; gap: 20px;}
    .auction-cover {width: 60%; left: 40%;}
    .auction-theme-cover {width: 60%; left: 45%;}
}