#appBg,#appBg .fade,.card-loading{top:0;right:0;bottom:0;left:0}body{font-family:'BR Omny',sans-serif;}[x-cloak]{display:none!important}.container{max-width:var(--content-width)!important}.bg-content{background:var(--content-color)}.bg-content-light{background:var(--content-light-color)}.bg-secondary{background:var(--secondary-color)}.bg-primary{background:var(--primary-color)}.text-primary{color:var(--primary-color)}.border-content-light{border-color:rgb(255 255 255 / 10%)!important}.btn-shine{position:relative;overflow:hidden}#appBg,#appBg .fade,.card-loading{position:absolute}.btn-shine:hover:before{animation:.5s linear shine;background-color:rgba(255,255,255,10%);content:"";height:300px;left:-100px;position:absolute;top:-100px;transform:rotate(30deg);width:10%}.custom-avatar{overflow:hidden;border-radius:10px}#paynow{max-width:38px;margin:0 auto;padding-top:5px}#paynow path{fill:#ffffff}#appBg{max-height:400px;overflow:hidden;opacity:var(--hero-opacity)}#appBg img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position)}#appBg .fade{background:linear-gradient(0deg,var(--background-color),transparent)}#storeApp{position:relative;z-index:5}.gift-icon{box-shadow:0 0 20px #29292ed6;cursor:pointer;background:#ffffff29;font-size:14px!important;backdrop-filter:blur(15px);border:1px solid #ffffff36}.modal-nav{padding-right:15px!important;padding-left:5px!important}.modal-nav::-webkit-scrollbar{width:8px!important;border-radius:100px!important;overflow:hidden}.modal-nav::-webkit-scrollbar-track{background:#3f3f46;border-radius:100px!important}.modal-nav::-webkit-scrollbar-thumb{background:#888;border-radius:100px!important}.modal-nav i{color:#fff}.card-loading{background:var(--background-color);z-index:5;opacity:.85}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:1s linear infinite rotation}#notification-alert .font-medium{text-transform:capitalize}.sidebar .top-customer{order:2}.sidebar .recent-payments{order:3}.sidebar .giftcards{order:10}.sidebar .text-block{order:15}@keyframes shine{0%{left:-100px}to{left:calc(100% + 100px)}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (max-width:768px){.sidebar .store-menu-toggle,.view--home #mobile-secondary{display:none!important}}button, .btn {cursor: pointer;}

/* */

.border-base {
    border-color: var(--border-color);
}
.font-heading {
    font-family: "Unbounded", sans-serif;
}
.text-xxs {
    font-size:11px;
}

/* */
.now-playing:after {
    content: "";
    width: 150%;
    height: 100%;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at center bottom, color-mix(in srgb, var(--primary-color, #ffffff) 40%, transparent) 0%, color-mix(in srgb, var(--primary-color, #ffffff) 10%, transparent) 25%, transparent 60%);
}

.now-playing {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* */
.countdown-item .countdown-timer {
    display: flex;
    gap: var(--countdown-gap);
}
.countdown-item .countdown-timer > .timeLeft {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 38px;
    border-radius: var(--countdown-radius);
}

.large .countdown-item .countdown-timer {
    gap: var(--countdown-gap);
}
.large .countdown-item > .countdown-timer > .timeLeft {
    display: flex;
    flex-direction: column;
    width: 75px;
    height: 75px;
}
.large .countdown-item > .countdown-timer > .timeLeft b {
    font-size: 150%;
}

/* */
.large .countdown-item .countdown-timer b {
    font-weight: 900;
}
.large .countdown-item .countdown-timer span {
    opacity: .75;
}
.saleCountdown.large h1 {
    font-weight: 900;
}
.saleCountdown.large p {
    opacity: .75;
    font-weight:500;
}
.saleCountdown.large b {
    font-size:22px !important;
    line-height:1;
}
.saleCountdown.large {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    background: var(--countdown-large-color);
    color: var(--countdown-text-color);
    font-size: 18px;
}
.saleCountdown.large .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
    flex: 1;
}
.saleCountdown.large .timeLeft {
    background: #ffffff10;
    border:1px solid var(--border-color);
}
.saleCountdown.large h1, .saleCountdown.large p {
    margin: 0px;
}
.saleCountdown.large .left, .saleCountdown.large .right, .saleCountdown.large .center {
    flex: 1;
}
.saleCountdown.large .left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.large .countdown-item .countdown-timer span {
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 4px;
}
.saleCountdown.large .right small {
    text-transform: uppercase;
}
.saleCountdown.large {
    position: relative;
    overflow: hidden;
}
.saleCountdown.large:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(45deg, #0000004a, transparent);
    content: "";
}
.saleCountdown.large .left, .saleCountdown.large .right, .saleCountdown.large .center {
    position: relative;
    z-index: 5;
}

/* Mobile Devices */
@media screen and (max-width: 768px) {
    .logo {
        max-width: 170px !important;
        margin: 0 auto;
    }    
    .saleCountdown.small {
        display: none;
    }
    .saleCountdown.large {
        flex-direction: column;
        gap: 20px;
    }
    .saleCountdown.large .right {
        align-items: center;
    }
    .saleCountdown.large .left {
        text-align: center;
    }
}


/* */
.logo {
    max-width: 230px;
    margin: 0 auto;
}

div#hero {
    padding-top: 30px;
}

.category-grid .card:after {
    content: "";
    width: 200%;
    height: 100%;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: -25%;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at center bottom, 
color-mix(in srgb, var(--primary-color, #ffffff) 30%, transparent) 0%, 
color-mix(in srgb, var(--primary-color, #ffffff) 20%, transparent) 15%, transparent 60%);
}

.card-crates {
    --primary-color: rgb(0, 174, 255);
    border-bottom: none !important;
}
.card-ranks {
    --primary-color: #9e68ff;
    border-bottom: none !important;
}

.container {
    max-width: 1280px !important;
    margin: 0 auto;
}

#appBg .fade {
    background: linear-gradient(0deg, black, transparent);
}

#appBg {
    filter: grayscale(1);
    opacity: .4;
}
.saleCountdown.large h1 {
    border-left: 5px solid var(--primary-color);
    padding-left: 20px;
}
.saleCountdown:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -25%;
    transform: translateX(50%);
    background: radial-gradient(ellipse at center bottom, 
color-mix(in srgb, var(--primary-color, #ffffff) 30%, transparent) 0%, 
color-mix(in srgb, var(--primary-color, #ffffff) 20%, transparent) 15%, transparent 60%);
}

.card-label {
    position: absolute;
    top: 0;
    right: 0;
    margin: 35px;
}

.card-label > span {
    background: color-mix(in srgb, var(--primary-color) 15%, transparent 100%);
    padding: 12px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 12px;
    color: var(--primary-color);
    letter-spacing: 1px;
}

.card:hover {
    transform: scale(1.02);
}

#appBg .fade {
    backdrop-filter: blur(6px);
}

span.crown {
    position: absolute;
    top: 0;
    z-index: 5;
    width: 60%;
    margin-top: -22px;
}

span.crown path {
    fill: #ffbc12;
}

.card-image {
    position: absolute;
    right: 0;
    margin-right: 30px;
    bottom: 0;
}

.category-title-block .text {
    border-left: 5px solid var(--primary-color);
    padding-left: 20px;
    line-height: 1;
}